Ideation
What to consider?
03
How to display data?
Presenting data in a fun, animated way with lively colors makes it more engaging and inviting for people to explore.
I wanted to create an interactive website that makes it easy for newcomers to get started—offering a simple sign-up for learning programs, practical tips and benefits, AI-powered suggestions, and a supportive community.
02
How to stand out?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
01
What’s in the market?
The trading website market is filled with platforms ranging from brokerages and real-time charting tools to news portals, educational resources, and social trading communities.
01
What’s in the market?
By adding multiple sign-up sections and playful, engaging elements that make trading feel approachable and fun—encouraging newcomers to see it as something they can enjoy too.
04
How to make the site inviting?
hover effect
>
Design
Design decisions
I designed different informational branches for the website’s features, with a smooth hover interaction that reveals the details in a dynamic way.
Design
Home page
I created an animation in Figma that showcases the candlestick charts. The homepage features the most trending stocks and includes a short visual on building your own stock pie. The goal of the homepage was to create a fun, engaging layout that welcomes new customers and draws them in right away.
Design
Easy set-up for signing up
Since the goal was to invite newcomers, I designed two sections to encourage customers to start trading: a guided step-by-step walkthrough and a visual call-to-action at the end of the page.
Animations
Animations created in Figma
As a final touch, I created small animations in Figma to make the website more fun and engaging. These micro-interactions not only add personality but also guide users’ attention, making the overall experience feel smoother and more intuitive.
Ideation
Branding Palette
I created a multi-shade purple palette for the website, since purple is often associated with trading and finance. My unique twist was giving it a neon vibe to make it stand out.
TRADEBASE
#351C40
#753F8C
#603473
Button
Hover
Typography
Content
Basic
Aa 123
Inter
Aa 123
How it works
Benefits
Features
Mockup
TRADE BASE
What is Trade Base?
Trade Base is a platform designed for beginners - inviting them to start trading in a way that feels approachable, easy to understand, and simple to use. It helps newcomers get the overall idea of trading without feeling intimidated, while making the process of trading through the platform as seamless as possible.
I created a concept for a trading platform website aimed at beginners. The idea came from my own experience starting out in trading - I wanted a place with clear guidance, interactive visuals, and engaging design elements that make the process feel less intimidating and more fun to learn.
WEBSITE DESIGN
UI DESIGN
