Led Design System for redesigning an Account Application experience e.g. Checking Account, Personal Loans, Credit Cards; across web, mobile and native platforms, including planning, testing and execution; Guiding team members on topics such as accessibility, implementation of design tokens etc.
Note:
Under A Non-disclosure Agreement
Some of the details in this case study may be vague to protect the client's propertyMy Role
Platform
Year
Setting Goals and Objectives
About the Website and App
The product enables banks to move from product-centric to customer-centric services, simplifying account origination processes and delivering seamless customer experiences.
Goal of the Website and App
To provide a Single Platform for Single and Multi-Product Origination of both asset products and liability products with a frictionless Multi Channel Experience
Intended Audience
Existing App Feedback
Guerrilla Interviewing
Throughout the years I’ve learned that conducting interviews is essential in gathering information even if the product is matured, the better you understand your users, know how to structure the questions how to listen, the more useful it will be. Guerilla Research was conducted as it is quick and cheap and gave the liberty to step outside the comfort zone.
Forming Intended Audiences
Establishing a well-defined audience, is vital in a project’s development even if the project has already been in the market. It ensures that all of the design, functionality and content decisions are aiming the correct audience / users. Our Audience fall in the wide age range category from 18-44 and thus the intended solution needs to cater this variety.
Building Personas
Once the projects audiences are established, I start building the personas. It helps me to understand my users' needs, challenges, experiences, behaviours and goals.
Creating User Journeys and Stories
The experience which a person has while using a website or application, consisting of the series of actions performed to reach their goal is called a user journey. We use this journey method to identify and register all interations that the user might have with the platform.
Competitors Product Analysis
Evaluating a product’s competition against usability standards and overall user experience helps understand how the major competitors in the same space are handling usability.
Creating Wireframes
Wireframes help establish the structure of the page and the app on a whole. They are the skeletal framework for a webpage and help in understanding the functionalities, placement of key elements and how the user is going to interact with them. Changes or feedbacks can be implemented at the wire-framing stage, rather than making changes in the final design with all the visual elements. More than 200+ wireframes were created for various journeys.
Establishing a Style Guide
A Style Guide defines the brand of the product and brings cohesion to the product's user interface and experience. It includes all the crucial UI components that make the product helps the user establish a relationship with it.
Custom Illustrations and Icons
Illustrations tell a story. It communicates with the user and are perceived faster than text. They help in creating a Visual Hierarchy of a page or screen strengthening the aesthetic value of the interface. They activate the users' psychology of color, and other visual elements.
Visual Design
Visual design enhances the aesthetic appeal of the product. It uses imagery, graphics, icons, colors, text and convey a message to the user in a way which is pleasing and meaningful thus helpin him to attain the task he came for
Project Accomplishments
