top of page

The BrandScanner 
Website Redesign | Brand Identity Design 

The Brand Scanner helps online buyers discover trustworthy brands.

Home Page_Desktop.png
Screenshot 2023-09-12 at 3.40.17 PM.png

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

Screenshot 2023-06-20 at 1.33.17 PM.png
Screenshot 2023-06-20 at 1.33.17 PM.png
Screenshot 2023-06-20 at 1.33.17 PM.png

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

Screenshot 2023-09-21 at 5.04.41 PM.png
Screenshot 2023-09-21 at 5.04.41 PM.png
Screenshot 2023-09-21 at 5.04.41 PM.png

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

Brand-1.png

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

Screenshot 2023-09-21 at 5.56.11 PM.png

7. Development

All the UI Components are built with Auto Layouts in Figma, so they are easy to inspect.

Desktop UI Design - Filters

Filter Cells Spec.png
Mobile Filters_Dev Mode.png
Colour Palette.png
Template_4 Column Panel_Spec.png

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

bottom of page