Shaping StoxHero's Identity for Tomorrow's Traders
Shaping StoxHero's Identity for Tomorrow's Traders
Shaping StoxHero's Identity for Tomorrow's Traders
Brand Identity
Brand Identity
UI Design
UI Design
Branding
Branding
Project Overview
Project Overview
Project Overview
About StoxHero
About StoxHero
StoxHero is a financial education platform that empowers its users in their financial journey with education and real-time market simulation. It’s a playground for beginners and a practice arena for the pros, all without the market risks.
StoxHero is a financial education platform that empowers its users in their financial journey with education and real-time market simulation. It’s a playground for beginners and a practice arena for the pros, all without the market risks.
Goals
Goals
User Empowerment: To learn and trade with confidence, providing clear information, intuitive tools, and a supportive learning environment was our goal.
Brand Connection: We sought to create an identity that's visually appealing and emotionally resonant, making StoxHero a trusted partner in the user's financial journey.
User Empowerment: To learn and trade with confidence, providing clear information, intuitive tools, and a supportive learning environment was our goal.
Brand Connection: We sought to create an identity that's visually appealing and emotionally resonant, making StoxHero a trusted partner in the user's financial journey.
Role
Role
Lead Product Designer
Lead Product Designer
Timeline
Timeline
2 months
2 months
Team
Team
Suyash Vyas (Co-designer)
Suyash Vyas (Co-designer)
Tools
Tools
Figma, Spline 3D, Miro, Notion,
Figma, Spline 3D, Miro, Notion,
Brand evolution
Brand evolution
Brand evolution
From conception to completion
From conception to completion
From conception to completion
Before
Before
After
After
A brief introduction
A brief introduction
A brief introduction
Understanding StoxHero
Understanding StoxHero
Understanding StoxHero
About StoxHero
About StoxHero
StoxHero bridges the gap between theoretical knowledge and practical application in the financial world.
The platform introduces users to the fundamentals of stock trading and investment, through a unique combination of educational resources and real-time market simulation.
Designed for learners at every level, StoxHero is the go-to destination for those ready to confidently navigate the complexities of the stock market.
StoxHero bridges the gap between theoretical knowledge and practical application in the financial world.
The platform introduces users to the fundamentals of stock trading and investment, through a unique combination of educational resources and real-time market simulation.
Designed for learners at every level, StoxHero is the go-to destination for those ready to confidently navigate the complexities of the stock market.
Vision
Vision
Vision
A future where financial literacy is a universal skill, empowering individuals across the globe to make informed investment decisions.
A future where financial literacy is a universal skill, empowering individuals across the globe to make informed investment decisions.
Misson
Misson
Misson
To simplify investment concepts, providing a platform where users can safely experiment and enhance their trading skills without the fear of financial loss.
To simplify investment concepts, providing a platform where users can safely experiment and enhance their trading skills without the fear of financial loss.
Whether you're starting to learn or perfecting your strategy risk-free, StoxHero is the ultimate destination.
Whether you're starting to learn or perfecting your strategy risk-free, StoxHero is the ultimate destination.
From Our Lens
From Our Lens
Friendly and inviting atmosphere
Friendly and inviting atmosphere
Friendly and inviting atmosphere
A place where curiosity is met with guidance and learning feels intuitive. Every feature, from the user friendly design to the supportive content, should be crafted to make the users feel at ease.
A place where curiosity is met with guidance and learning feels intuitive. Every feature, from the user friendly design to the supportive content, should be crafted to make the users feel at ease.
Trust as our foundation
Trust as our foundation
Trust as our foundation
In the world of finance, trust isn't just important, it's everything! We understand the weight of this responsibility and have kept this in mind throughout the project of StoxHero. I felt every design decision should reflect the principles of transparency and reliability.
In the world of finance, trust isn't just important, it's everything! We understand the weight of this responsibility and have kept this in mind throughout the project of StoxHero. I felt every design decision should reflect the principles of transparency and reliability.
A user-centric approach
A user-centric approach
A user-centric approach
Seeing through the lens of the users, we've tailored every aspect of StoxHero to meet their needs. From beginner to advanced traders, the platform adapts, offering personalized learning paths.
Seeing through the lens of the users, we've tailored every aspect of StoxHero to meet their needs. From beginner to advanced traders, the platform adapts, offering personalized learning paths.
Building confidence, step by step
Building confidence, step by step
Building confidence, step by step
By breaking down barriers to financial education and offering a risk-free environment to test strategies, StoxHero nurtures users’ growth. Each step on the platform is designed to build confidence, ensuring that with every trade simulated, you're one step closer to mastering the markets.
By breaking down barriers to financial education and offering a risk-free environment to test strategies, StoxHero nurtures users’ growth. Each step on the platform is designed to build confidence, ensuring that with every trade simulated, you're one step closer to mastering the markets.
We wanted to eliminate the fear of trading and make the financial world more open and accessible.
We wanted to eliminate the fear of trading and make the financial world more open and accessible.
Design Goals
Design Goals
My goal was to create a design that acts as a bridge between the users and the stakeholders. To create a brand identity that balances the user goals, business goals and also tells a compelling brand story, it was crucial to have a constant reference point that was the foundation of our brand identity.
My goal was to create a design that acts as a bridge between the users and the stakeholders. To create a brand identity that balances the user goals, business goals and also tells a compelling brand story, it was crucial to have a constant reference point that was the foundation of our brand identity.
Users should feel confident & supported
Users should feel confident & supported
Unified brand voice across platform
Unified brand voice across platform
Engaging and interactive learning
Engaging and interactive learning
Balance of form and function
Balance of form and function
Finding the brand DNA
Finding the brand DNA
Finding the brand DNA
Exploring Stoxhero’s footing in the competitive space
Exploring Stoxhero’s footing in the competitive space
Exploring Stoxhero’s footing in the competitive space
Competitive Analysis
Competitive Analysis
Observations
Observations
Observations
Shades of blues and purples are used to reflect the brand’s trustworthiness
Shades of greens are used to depict finance and growth
The product showcase gives a quick overview of what to expect inside
Strategic placement of CTAs to ensure minimal user drop
Insights
Insights
Insights
Correct usage of brand colours to enhance the brand’s personality
Trust and growth are the building blocks for any fintech brand
Elements to be used which generate curiosity and increase engagement factor amongst the users
Showcasing products enhances trust and confidence in the brand
Brand Positioning
Brand Positioning
Moulding the interface
Moulding the interface
Moulding the interface
Crafting a base for the brand design language
Crafting a base for the brand design language
Crafting a base for the brand design language
Colours
Colours
Typography
Typography
UI Elements
UI Elements
Animations & 3D
Animations & 3D
Stoxhero: The brand
Stoxhero: The brand
Stoxhero: The brand
Final design solutions
Final design solutions
Final design solutions
Final UI Design
Final UI Design
Login screen
Login screen
Sign-up screen
Sign-up screen
Blog page
Blog page
Blog listing page
Blog listing page
Pricing
Pricing
Other Brand Assets
Other Brand Assets
Pitch Deck
Pitch Deck
T-Shirt Design
T-Shirt Design
Learnings
Learnings
Learnings
Looking back at the process
Looking back at the process
Looking back at the process
Impact and Outcome
Impact and Outcome
The enthusiastic response to our brand identity bodes well for our UI design project. We have seen a 350% increase in new users on the platform.
As we move into development, we're excited to see our designs come to life.
Learnings
Learnings
Defining the brand identity has been a challenging and rewarding journey. It was clear from the onset that the major challenge would be to make the platform and topics like trading and stock market fun and open for all, especially novices.
I researched the various marketing and educational platforms with the vision of stakeholders for the brand which helped me understand and create the brand positioning. Finally, I found a sweet spot for the product. Learnings from such a process is invaluable-
Understanding Brand Essence
Understanding Brand Essence
Attention to Detail
Attention to Detail
Strategic Thinking
Strategic Thinking
Collaboration and Communication
Collaboration and Communication
Next Steps
Next Steps
Implementation
Implementation
Implementation
Working closely with developers, marketers, and other team members to ensure smooth implementation of the designs across various channels and platforms. Providing necessary support and guidance to ensure that the designs are translated accurately into the final product or campaigns.
Working closely with developers, marketers, and other team members to ensure smooth implementation of the designs across various channels and platforms. Providing necessary support and guidance to ensure that the designs are translated accurately into the final product or campaigns.
Trading web product and app
Trading web product and app
Trading web product and app
Focus on creating an intuitive and user-friendly interface for both the web product and app. Utilize wireframing and prototyping techniques to visualize the user journey and gather feedback early in the design process.
Focus on creating an intuitive and user-friendly interface for both the web product and app. Utilize wireframing and prototyping techniques to visualize the user journey and gather feedback early in the design process.