Icon Design
System II
Establishing a unified iconography language for
Ola Digital Products across various verticals such as Ola Cabs, Dash (Grocery delivery), Cars, and Insurance.
While ensuring consistent structure and visual
language throughout.
![](https://framerusercontent.com/images/ukdCX3XXaNfwJ9n1KXLLjUY95o.png)
![](https://framerusercontent.com/images/S0yf2ANLQ8RoZgKMA8Tl1mSk4aE.png)
Recognizing a unifying element associated with the brand and integrating it consistently into all icons for a cohesive family.
Understanding Grids
![](https://framerusercontent.com/images/sDLvMzHXKxF442uinVk6yB5Txlk.png)
![](https://framerusercontent.com/images/E0h2LjjOnpDom9RCuPUr5yJkyHQ.png)
Map Icons
Establishing icons for Ola Maps posed a
challenge due to a size restriction of 18*18
bounding box. The corners and cavities in the
icon became pixelated on displays due to
the small size.
![](https://framerusercontent.com/images/le2LyrTjabb37Y5OgNADewmQeVg.png)
Inktraps:
Inktraps, a characteristic found in specific
typefaces intended for small-size printing,
involve removing corners or details from
letterforms. The concept was to incorporate
ink traps in the icons to enhance legibility and
maintain sharpness in cavities.
![](https://framerusercontent.com/images/OZYRX73Fp8JJuk974f6kQ5ojQ.png)
Deviating from grids and crafting icons relying on visual judgment to achieve consistent visual weight.
![](https://framerusercontent.com/images/kVXS8CNRAc1ty36j36F29ttvWAc.png)
Traditional way of
designing icons
![](https://framerusercontent.com/images/xkKcA9IVI8VNyLx29G8jPmXY.png)
Understanding the level of simplification needed for 18x18 px size
![](https://framerusercontent.com/images/mqHnEs7Ay4OwNtCoZsnEytkro.png)
Introducing traps to enhance the sharpness of cavities on scooter and phone displays. The use of thick and thin lines added character to the style.
![](https://framerusercontent.com/images/3kbsXFHnAcaIY04Q4KekpmlTpOo.png)
Comprehending the degree of simplification, each icon
underwent display checks to ensure increased retention value.
![](https://framerusercontent.com/images/eLDAxMjyQ1y97duBUILW3XaNDc.png)
Food & Beverages
Travel & Transport
Landmarks
Services
Fun things to do
Shopping
Music & Drama
Hospital & Care
Selecting colors and ensuring their accurate values. Applying the same
palette for both dark and light modes while maintaining a strong contrast.
Let's Collabrate!
Currently working full time with Ola Electric & cabs.
Always up for new gigs, opportunities and meeting people.
![](https://framerusercontent.com/images/byMeUfGeODRF0mvCK1ihTd21X0.png?scale-down-to=512)