The Groww Academy home screen on a phone
Groww

PRODUCT ICON AND ILLUSTRATION

Groww is an online investment platform that allows investors to invest in mutual funds and stocks. Created with the aim of democratising finance, Groww is transparent, fast and easy to use.

Illustrations for Light and Dark Mode
Tools - Illustrator, After Effects, LottieFiles
Format - GIF on Behance. JSON for Web and App

33%

Gen Z investors
( 18 - 24 years )

37%

Young millennial investors
( 25 - 30 years )

30%

Other investors
( above 30 years )

This initiative focuses on enhancing the app's visual design and accessibility, creating a more consistent experience across all user touchpoints.

Work involved refining the UI, updating illustration and icon systems, and improving colour usage to strengthen brand cohesion and usability.

Served as a foundation for the brand's evolving product ecosystem, enabling future growth, scalability, & innovation.

ILLUSTRATIONS

Existing Problems

Two Groww app screens in light mode, where the illustration styles and colours disagree
The same two Groww app screens in dark mode, where the illustrations lose legibility
Three phone screens showing the product icons in the Groww Academy category, series and module views

VISUAL LIBRARY

Product Icons

VISUAL LIBRARY

PRODUCT ICONS

ILLUSTRATIONS

COLOURS

  1. Work in harmony with the UI
  2. Do not overpower CTA
  3. Subtle, layered use of texture

Light mode

#1E2A7D

#5762FC

#50DDB6

#00CCBF

#B9CCDB

#59727C

Dark mode

#1E2A7D

#5762FC

#50DDB6

#00CCBF

#7F8AD6

#5A68AD

Understanding the economy and its impact on the stock market

Understanding the economy and its impact on the stock market — light mode illustration
Understanding the economy and its impact on the stock market — dark mode illustration

LIGHT MODE | Illustration Dimension - 72 x 88 pt.

DARK MODE | Illustration Dimension - 72 x 88 pt.

All about IPOs

All about IPOs — light mode illustration
All about IPOs — dark mode illustration

LIGHT MODE

DARK MODE

Understanding the economy and its impact on the stock market

Understanding the economy and its impact on the stock market — light mode illustration
Understanding the economy and its impact on the stock market — dark mode illustration

LIGHT MODE

DARK MODE

Direction

3D shapes

Crisp light & shadow

Perspective

Geometric Shapes

Negative space

How to assess management quality before investing, and corporate governance
What is an IPO
Key terms related to an IPO
How to analyse annual and quarterly reports
How to invest in an IPO
What is a buy pack
How to read cash flow statements
How to do an industry analysis
How to read financial statements of a company
What are bonus shares
What is fundamental analysis
Red flags to watch out for while assessing a company
How to read balance sheets
DRHP
How to read profit and loss statements
How to read cash flow statements
What is an IPO
Key terms related to an IPO
How to analyse annual and quarterly reports
How to invest in an IPO
What is a buy pack
How to assess management quality before investing
How to do an industry analysis
How to read financial statements of a company
What are corporate actions
What are bonus shares
Red flags to watch out for while assessing a company
How to read balance sheets
What is a dividend
How to read profit and loss statements