![Group 3.png](https://static.wixstatic.com/media/6ac842_05dee591d24347de9bcd3f78dc7de4e7~mv2.png/v1/fill/w_515,h_502,al_c,q_95,enc_avif,quality_auto/Group%203.png)
Trademanza's mission is to make financial education more accessible to the public, regardless of their background or experience; through fun and interactive games.
I worked with them in their 0 to 1 journey across product design, branding and marketing to make their mission a reality.
I invite you to experience the journey of creating value from the eyes of a designer.
Feel free to reach out to me if you would like to discuss about the business side of my design decisions.
![Avinash_a_marble_statue_which_represents_the_passing_of_timekno_684f0bf8-4dd0-4af6-b25c-7f](https://static.wixstatic.com/media/6ac842_51aad2984500465c8a80e5bdb4d495da~mv2.png/v1/fill/w_546,h_707,al_c,q_95,enc_avif,quality_auto/Avinash_a_marble_statue_which_represents_the_passing_of_timekno_684f0bf8-4dd0-4af6-b25c-7f.png)
Lets take a seat back in time...
Context is key.
0 to 1 Journey Stage
A young startup founded by NITW alums.
Team of 5 with 10 students working part time.
Joined as cross functional in-house maker/designer/devils advocate.
New product category
Trademanza was released in May 2020.
The first product of its kind. Lots of opportunities and uncertainties.
Design for ease of use and scale
The design system must be easy enough to be utilized by inexperienced designers without hassle to create good visuals.
![maxresdefault-removebg-preview 1_edited_edited.png](https://static.wixstatic.com/media/6ac842_5e653024ebd546bcaeaaa576f38c2ba3~mv2.png/v1/fill/w_541,h_500,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/6ac842_5e653024ebd546bcaeaaa576f38c2ba3~mv2.png)
THE
BRAND
SCULPTING
![Avinash_a_rrenaissance_style_paining_in_](https://static.wixstatic.com/media/6ac842_4fa55cdbecbb452389b6cdbbf413ce7b~mv2.png/v1/fill/w_449,h_516,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Avinash_a_rrenaissance_style_paining_in_.png)
Trademanza makes financial literacy accessible to everyone as an approachable and friendly brand.
The brand's personality is educational, fun, and empowering. The brand values honesty, transparency, and inclusivity.
Target Audience:
Teens, & young adults interested in learning about financial markets.
Positioning:
Earn wile learning about financial markets.
Simplifying financial markets.
Making financial markets fun.
Tone of voice
Speak in a conversational tone, avoiding jargon and technical language as much as possible.
We should strive to make financial literacy accessible and understandable to everyone.
Examples:
Hello! Welcome to Trademanza. We're excited to help you improve your financial knowledge through fun and interactive games.
Want to learn more about the stock market? We're here to help you understand the ins and outs of investing.
Let's make financial education fun and engaging! Join our community to learn and grow together.
Messaging
The messaging for Trademanza should focus on the brand's mission of promoting financial literacy.
We should highlight the benefits of financial education, such as increased financial stability, empowerment, and security. The messaging should be clear, concise, and easy to understand.
Examples:
Learn about the stock market and take control of your financial future with Trademanza.
Join our community of like-minded individuals and improve your financial knowledge today!
Financial education shouldn't be a luxury. We're here to make it accessible and enjoyable for everyone.
![Trade manza logo.png](https://static.wixstatic.com/media/6ac842_fa51e3e59fe2412987fc8e30624cd242~mv2.png/v1/fill/w_309,h_301,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Trade%20manza%20logo.png)
Visual Identity
The visual identity of Trademanza reflect the brand's personality and messaging. Vibrant rich colors to convey a sense of energy and excitement.
The brand's logo is simple, modern, memorable, and easily recognizable. (T+M+Bull)
Brand colors are purple and blue, representing creativity, wisdom, and stability.
Mascot
A friendly bull with the colour scheme of the brand to act as virtual companion in the journey of learning financial markets.
Reference images:
![Group 54_edited.png](https://static.wixstatic.com/media/6ac842_6ca7f193b3e140d193f4b717ce329ad1~mv2.png/v1/fill/w_464,h_249,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%2054_edited.png)
![Group 43.png](https://static.wixstatic.com/media/6ac842_0684a44fa1f54bd98e60bf0e5b42b7e8~mv2.png/v1/crop/x_76,y_39,w_375,h_459/fill/w_375,h_459,al_c,q_85,enc_avif,quality_auto/Group%2043.png)
The Design:
THE
DESIGN
DESIGNING
![image 1_edited_edited.png](https://static.wixstatic.com/media/6ac842_caa5addcad7c4860b050506b9e75ae06~mv2.png/v1/crop/x_13,y_0,w_489,h_714/fill/w_489,h_714,al_c,q_85,enc_avif,quality_auto/image%201_edited_edited.png)
Purpose and Principles
Humans and good design are quite alike,
They do not exist without purpose and principles.
Simple
and easy to understand. The logo, color scheme, and imagery; clear and uncluttered.
Accessible
to everyone, regardless of their background or experience.
It should be inclusive and reflect the brand's commitment to promoting financial literacy for all.
Consistency
across all platforms and mediums. This includes the website, social media, marketing materials, and merchandise.
![](https://static.wixstatic.com/media/11062b_bc12126e841b46afaab4b81994fb9639f000.jpg/v1/fill/w_889,h_500,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/11062b_bc12126e841b46afaab4b81994fb9639f000.jpg)
Color Scheme
![Slide 16_9 - 1.png](https://static.wixstatic.com/media/6ac842_12096e1d34a749bbb10472ce86ffa176~mv2.png/v1/fill/w_889,h_500,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Slide%2016_9%20-%201.png)
Typography
The only font used is Poppins. By using the weights and the colour scheme the typography for hierarchy was developed.
Poppins was chosen for its versatility, friendly and readable characteristics.
A single font to reduce the chances of font mismanagement by inexperienced designers.
![Group 55.png](https://static.wixstatic.com/media/6ac842_b5364fad238d467fb093d4970e543267~mv2.png/v1/crop/x_0,y_0,w_390,h_445/fill/w_284,h_324,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%2055.png)
![Style set.png](https://static.wixstatic.com/media/6ac842_42cb26bb919b42f3a4285cdc27f1a025~mv2.png/v1/crop/x_0,y_0,w_1552,h_3926/fill/w_367,h_928,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Style%20set.png)
Text x Colors
Guidelines to ensure maximum legibility for all users and to meet AA standards.
Stile
Once the design style was developed, it would be used by inexperienced designers. So I designed Stiles.
Stile: Style Tiles to speed up the design process.
Simply decide the background color and select the tile with the same background.
The appropriate types are embedded and ready to use.
THE
PRODUCT
PRODUCING
Wire Frames
Building a product one box at a time.
![wireframe.png](https://static.wixstatic.com/media/6ac842_a7e1ba05e03a4348abd03f43492e9492~mv2.png/v1/fill/w_682,h_959,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/wireframe.png)
Components
Made with atomic design principles. Made for clarity and elegance.
![Dark Components.png](https://static.wixstatic.com/media/6ac842_b9210ced855c4adab7e1cb63fd19ebfe~mv2.png/v1/fill/w_443,h_621,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Dark%20Components.png)
![Light Components.png](https://static.wixstatic.com/media/6ac842_d53c117c86a6455a9a8701b23689d1a9~mv2.png/v1/fill/w_442,h_622,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Light%20Components.png)
💰💸💪👑🧜♀️🧜🔥🏆🥇🚀🎓🧢🎩🏌️⛹️️
Emojis instead of icons in info bars.
Chances are that inexperienced designers do not utilize consistent icons.
By using emojis instead of icons within the info bars we can add a pop of color and maintain quality.
Hi Fi Screens
High expectations for the developers.
![hi fi.png](https://static.wixstatic.com/media/6ac842_a9ffe6f96eb44c308ae864051c13caba~mv2.png/v1/fill/w_600,h_1306,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/hi%20fi.png)