
Project Overview :
The aim of this project is to create a platform that allows users to design and personalize credit cards, offering a unique and customizable approach to how their credit or debit cards look. This platform will provide users with a variety of design tools, templates, and personalization options to create a card that reflects their individual style while maintaining the security and functionality required by financial institutions..

Empathy Map
An empathy map is a collaborative tool a team can use to gain a deeper insight into their costumers. Much like a user persona an empathy map can represent a group of users. Such as a customer segment.
Says :
- "I want my card to reflect my personal style."
- "It's hard to find a card design that suits my personality."
- "I want a platform that makes it easy to design, not complicated."
- "How secure is my information when I design my card here?"
Thinks :
- How can I make sure my card is secure and follows banking standards?"
- "What if the card looks different when printed or delivered? "
- "I hope this platform is easy to use and doesn’t overwhelm me with too many options. "
- "This is a great opportunity to express my creativity through a financial product. "
Feels :
- Excited: Feeling creative and empowered to personalize their credit card
- Curious: Wanting to explore all the design options and see what's possible.
- Confident: Assured that the platform offers secure design tools and complies with financial standards.
- Relieved: When the platform is intuitive, and they can easily make adjustments to the design.
Does :
- Seeks information on how to apply for the customized card or how to order it
- Uploads images or logos and arranges them on the card design.
- Previews the card in real-time to check its appearance
- Reads through security features and privacy policies before entering personal data

Project Highlight :

Card Chip
Expiration Date
Holders Name
colors
Primary
Color that represent brand used as primary color and accents.

HEX:- #13111A
HSL:- 253 21 8 100%
CSS:- rgba(19, 17, 26, 1)
RGB:- 16 166 81 100%
Text and Background
Grayscales that made up the background and text color.

Dark

Light
Other Design


Let’s Get to Work, Together
Our dedicated team is here to guide you through each stage, from consultation to seamless execution.