Groww Credit Visual System
Groww Credit Visual System
Groww Credit Visual System
Credit, made approachable.
An isometric illustration system for Groww Credit: icons, spots and heroes in one three-tone palette, from a 120px icon to a full splash-screen city.
Concept
Credit is a serious product; the illustrations make it feel calm and in control, turning loans and EMIs into objects you can read at a glance.
About Illustrations
Style
An isometric illustration system for Groww's credit product: futuristic devices and compact cityscapes that make loans, EMIs and credit scores feel approachable, structured and unmistakably Groww.
Concept
Credit is a serious product; the illustrations make it feel calm and in control, turning loans and EMIs into objects you can read at a glance.
Style
An isometric illustration system for Groww's credit product: futuristic devices and compact cityscapes that make loans, EMIs and credit scores feel approachable, structured and unmistakably Groww.
Colour Palette
Illustration Type and Colour
Illustration Type
A narrow palette, intentionally a single hue stretched across light, midtone and shadow. Coherent across every illustration; dimensional without competing with product UI colour.
Colour Palette
Illustration Type
A narrow palette, intentionally a single hue stretched across light, midtone and shadow. Coherent across every illustration; dimensional without competing with product UI colour.
30+ Icons
Every credit surface, from money and time to security and devices, on one isometric grid and three-tone palette.
Every credit surface, from money and time to security and devices, on one isometric grid and three-tone palette.
Spot Illustrations
Spot illustrations sit beside a single task: checking a limit, paying an EMI, tracking a loan. Small enough for a card, still unmistakably part of the system.
Spot illustrations sit beside a single task: checking a limit, paying an EMI, tracking a loan. Small enough for a card, still unmistakably part of the system.
Concept and Sketches
Rough isometric sketches worked out the objects first: what a loan, a limit or a repayment looks like when it has to be one readable thing.
Rough isometric sketches worked out the objects first: what a loan, a limit or a repayment looks like when it has to be one readable thing.
Spot 01
A loan against mutual funds: your investments kept safe under glass, turned into a credit line without being sold.
A loan against mutual funds: your investments kept safe under glass, turned into a credit line without being sold.
Spot 02
A loan machine paying out against your portfolio: simple to read, quick to trust.
A loan machine paying out against your portfolio: simple to read, quick to trust.
Hero Illustrations
Hero illustrations open each credit flow, carrying a full scene (city, devices, money in motion) at the highest level of detail in the system.
Hero illustrations open each credit flow, carrying a full scene (city, devices, money in motion) at the highest level of detail in the system.
Hero 01
Life's big moments in one scene: travel, health and a home, with credit as what makes them possible.
Life's big moments in one scene: travel, health and a home, with credit as what makes them possible.
Hero 02
A home in cross-section, rooms and appliances and plans: for the loans that build a life.
A home in cross-section, rooms and appliances and plans: for the loans that build a life.
Splash Screen Hero
A whole credit city in one frame: the first thing people see when they open Groww Credit.
A whole credit city in one frame: the first thing people see when they open Groww Credit.
Evolution of Concept
From pencil sketches to the final splash screen: each round tightened the city, cut detail and sharpened the story.
From pencil sketches to the final splash screen: each round tightened the city, cut detail and sharpened the story.
Asset Breakdown
The splash scene taken apart: every building, vehicle and prop is a standalone asset, reused across the product.
The splash scene taken apart: every building, vehicle and prop is a standalone asset, reused across the product.
Final Illustration
