Kotak Mutual Funds
Redesign the Mutual Fund Advisor Portal and create a scalable product
Overview
A focused approach to defining and designing icons for unique actions in Innovapptive’s app experience
As part of a redesign project for Innovapptive, I partnered with the design team to create a cohesive icon set for their mobile and website app experience. The project involved understanding the context of required icons, iterating on design options, and delivering finalized icons in a filled style. Additionally, I provided comprehensive design guidelines to ensure consistent implementation across the platform.
My Role
Icon Designer
Timeline
February 2024 (1 mo)
Scope
80 unique icons
Current Experience
Current app experience
Innovapptive develops software to help businesses operate more efficiently by connecting teams and streamlining processes. However, the app's current icon experience is inconsistent and lacks cohesion, making navigation less intuitive for users. Many icons fail to clearly represent their intended actions or terms, resulting in ambiguity.
Project Goal
To design a cohesive and intuitive icon set for Innovapptive’s mobile and web app that enhances user experience, aligns with the design style, and ensures consistency.
Additionally, to define icon design guidelines for streamlined development and visual harmony.
Project Constraints
The short-term project required efficient ideation, iteration, and delivery. Icons needed to align with the app's existing design language, cater to diverse functions, and maintain uniformity, with the focus limited to creating icons and defining guidelines.
Process
Design Process Overview
- I joined the project midway to assist the team with icon design as part of the redesign process. Collaborating closely with the design team, I gathered all the required icons and gained a clear understanding of the context and usage for each action item.
- Later, I began developing the guidelines and coordinated with the team and clients to finalize the style.
- After establishing the style and guidelines, I began designing icon options and created filled versions for the finalized selections.
GUIDELINES
Grid and Style
The icon design embraces a round, soft-edged style with clean design elements. This approach prioritises simplicity, clarity, and approachability, enhancing user experience across digital platforms. The rounded edges exude warmth and friendliness, while the clean design ensures legibility and coherence.
Stroke Weight
Various options were tested to arrive at the ideal stroke weight, with 1.4 being deemed optimal. This weight strikes a balance, imparting boldness without cluttering the design.
Usage
Design
Icons That Click: The Icon Library
Takeaway
Reflection
Designing icons from scratch
This was my first experience designing icons from scratch. I learned how to create design guidelines and use the pen tool effectively, which helped me enhance my skills and be pixel perfect.
Importance of having relevant icons
This project taught me the importance of creating icons that simplify complex terms and convey context clearly. A good icon should be intuitive and purposeful, helping users understand actions or concepts at a glance without confusion.
You made it till the end of the case-study!