The BrandScanner
Website Redesign | Brand Identity Design
The Brand Scanner helps online buyers discover trustworthy brands.
Overview
The project aimed at re-designing the existing dashboard and assigning a colour palette that distinguishes the brand green and the data representation elements for more clarity.
Problem Statement
There were 4 primary motives of "The BrandScanner Platform"
-
Phase 1 - To create a platform to find trustworthy brands.​
-
Phase 2 - To showcase the portfolio's of industry experts.
-
Phase 3 - To inform the users about the ongoing sales and events.
-
Phase 4 - To gather reviews from the users.
Objectives of the Project - Phase 1
The project aimed at designing a platform that not serves the
1. Ease of finding a trustworthy brand
2. Ability to scan through the brand information on the brand's page.
3. Not being deceived by the brands
Target Audience
The target audience is women aged 18 - 50 years who are into online shopping
Design Process
1. Research & Ideation
3. UX Design & Iterations
5. UI Design
7. Development
2. Information Architecture
4. Brand Identity Design
6. Design System
1. Research & Ideation
Qualitative Research:
I conducted 2 stakeholder interviews in order to get clarity on the objectives and requirements of the product.
Stakeholder Interview 1:
Stakeholder Interview 2:
Brainstorming and Mind Maps:
2. Information Architecture
The stakeholder interview was translated into various sketches and ideas in ink and paper. Following are some sketches from my design process.
Brainstorming and Mind Maps
3. UX Design & Iterations
The stakeholder interview was translated into various sketches and ideas in ink and paper. Following are some sketches from my design process.
Brainstorming and Mind Maps
4. Brand Identity Design
The stakeholder interview was translated into various sketches and ideas in ink and paper. Following are some sketches from my design process.
SKetches
6. Design System
The stakeholder interview was translated into various sketches and ideas in ink and paper. Following are some sketches from my design process.
The BrandScanner Design System
7. Development
All the UI Components are built with Auto Layouts in Figma, so they are easy to inspect.
Desktop UI Design - Filters
Outcome
All the UI Components are built with Auto Layouts in Figma, so they are easy to inspect.
We all have a story to share. Here's an opportunity to introduce yourself and tell users about you. You can include a little bit about your professional history, your personal interests, or how this site came to be. Click to edit the text and make it your own.
- Divya Maheshwari