Designing customizable card decks.

Brand identity, custom type, card styles and product design for MyCardDeck.

RoleProduct designer · Co-founder
Websitemycarddeck.com ↗
Black MyCardDeck playing card tuck box mockup
The concept

Custom decks from your own photos.

We wanted people to create a deck from their photos. I designed the brand, cards and product flow for it.

01
Upload photos

The user starts with their own images.

02
Choose the design

The user selects a style, layout, background and back cover.

03
Order the deck

The user reviews the deck and places the order.

Example placeholder card before choosing a deck style
BeforeExample placeholder.
AfterOne reference, six visual directions.
Anime example deck card
Anime
Asian example deck card
Asian
Fantasy example deck card
Fantasy
Ski example deck card
Ski
Speakeasy example deck card
Speakeasy
Wedding example deck card
Wedding
01 / Identity

Logo and type.

MyCardDeck logo lockup
Leilei
Custom display typePlayful / medieval / magic

I constructed each letter and number vectorially, inspired by other typefaces but shaped into a voice of its own: playful, slightly medieval and a little magical.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789Leilei / alphabet and numerals
01

Logo

I combined a card shape, the MC mark and decorative details for the identity.

02

Leilei type

I drew each letter and number as a vector, inspired by other typefaces.

03

Implementation

I turned the identity into card layouts, UI screens and front-end code.

03 / Back covers

Back cover options.

I designed multiple back covers so users can choose the one that fits their deck.

MyCardDeck card back
MyCardDeck
Speakeasy MyCardDeck card back
Speakeasy
Anime blue shield card back
Anime shield
Asian flower card back
Asian flower
Love pink card back
Love pink
Green tarot card back
Tarot green
Classic black card back
Classic black
Anime sky card back
Anime sky
Speakeasy clubs card back
Clubs
Speakeasy diamonds card back
Diamonds
Speakeasy hearts card back
Hearts
Speakeasy spades card back
Spades
02 / AI card styles

AI-generated card styles.

I tested male, female and animal references across six styles. Each prompt needed corrections to keep the suits, figures, numbers and layouts consistent.

Anime queen card in full ratio
Anime
Asian art queen card in full ratio
Asian art
Fantasy queen card in full ratio
Fantasy
Ski queen card in full ratio
Ski
Speakeasy queen card in full ratio
Speakeasy
Wedding queen card in full ratio
Wedding
04 / Product application

Product mockups.

I used mockups to show the result before users started editing. The goal was to make the options easier to understand for people without design experience.

Homepage preview
05 / Editor

The editor.

The editor breaks customisation into steps: upload images, choose a card style and layout, then choose the background and back cover.

Editor preview
07 / Purchase and emails

The full product flow.

Discover

Landing page and style selection.

Create and edit

Uploads, styles, numbers, layouts and previews.

Purchase

Cart, checkout and order confirmation.

After purchase

Orders, status updates and emails.

MyCardDeck / Order confirmationInbox

Order confirmation email.

I also designed the email touchpoint after checkout.

08 / My work

What I designed.

Brand identity, Leilei type, card styles, mockups, editor UX, purchase flow, emails and front-end implementation.

BrandLogo · type · styles
ProductUX · UI · editor
BuildCursor · Gemini · Claude
BackendLed by co-founder