.png)
Firstock is an India-based trading platform serving fundamental and technical traders across web and mobile.
Its number-heavy, time-sensitive workflows demand clarity and speed, helping traders navigate market information and make confident decisions across complex trading journeys with greater ease and consistency.
Our mission was to create a new brand language and build a scalable design system, then implement key platform screens.
through a signature "F" and arrow motif.
by unifying components across platforms.
through clarity in number-heavy screens.
by aligning branding with usability.
Track watchlists, price movements, charts, and company fundamentals through a focused trading interface.
.png)
Surface margins, market indices, and key financial metrics through compact, scannable information cards.
Bring market data, holdings, margins, positions, and orders together within a unified trading dashboard.
.png)
Establish Firstock’s visual identity through a distinctive logo, wordmark, and versatile brand applications
.png)
Track watchlists, price movements, charts, and company fundamentals through a focused trading interface.
Track watchlists, price movements, charts, and company fundamentals through a focused trading interface.
Surface margins, market indices, and key financial metrics through compact, scannable information cards.
Surface margins, market indices, and key financial metrics through compact, scannable information cards.
Bring market data, holdings, margins, positions, and orders together within a unified trading dashboard.
Bring market data, holdings, margins, positions, and orders together within a unified trading dashboard.
Establish Firstock’s visual identity through a distinctive logo, wordmark, and versatile brand applications
Establish Firstock’s visual identity through a distinctive logo, wordmark, and versatile brand applications
For Firstock, we built a brand and design system - balancing identity with usability.
distinct through the "F" and arrow motif.
consistent components across web and mobile.
usable in number-heavy, time-sensitive contexts.
.png)
Designed the trading dashboard to surface market indices, holdings, positions, orders, margins, and portfolio information at a glance.
.png)
Developed Firstock’s logo system, defining construction, proportions, spacing, and placement rules for consistent brand application.
.png)
Explored multiple Firstock logo variations, refining the distinctive symbol and wordmark across different visual treatments and applications.
.png)
.png)
Documented core brand guidelines covering logo usage, colour, typography, and visual principles for consistent brand expression.
.png)
.png)
Extended the Firstock identity into digital and physical touchpoints through website applications, promotional layouts, and branded environmental assets.
.png)
.png)
Created wireframes for key trading workflows, exploring layouts for market data, watchlists, charts, holdings, and transaction information.
.png)
Translated the wireframes into a refined trading interface, balancing dense financial information with clear hierarchy and accessible interactions.
.png)
Established the Firstock design system with reusable colour, typography, iconography, components, and interface patterns for consistent product experiences.
Recommended Next
.png)
