top of page

Gillette
Product Selector Page

Design, UX, Branding,

Art direction, Motion

Client

Bissell

Amazon Brand Amazon Brand Innovation Lab Project -2021 Q4

​

Client : Bissell

Tasks : Web design, UI, UX, Art Direction

Job Title: Visual UX Designer & Art Director

​

Bissell product selector custom landing page help understand the shopper's needs with advanced filtering technology, designed to narrow down a specific style, shade, or application. With the rise of online shopping, it is important to build hands-off points of interaction and engagement.

Landing page UX

Mobile version 1 - Product selector

Mobile version 2 - Product selector

Landing page UX - Mobile 

- Header image - Influencer video highlight

- Watch full video 

- Carousel 5 main Bisslle products showcase

- Product Selector header

- Product Selector introduction video

- Product selector start

- Product selector decision tree - Step 1

- Product selector decision tree - Step 2

- Product selector results

- Bissell pet foundation introduction

- Bissell product accessories

- Footer / Promo

Product selector decision tree - Mobile

Product selector Introduction video

Banners

Mobile-template-3.png

Design Process

Step 1 / Ideation 

(Brief overview, KPI, audience insights, opportunity, goals, mood board, competitors & market research)  

The visual designer sets and owns the ideation session. Based on a brief’s complexity and expectations, I have different ideation methodologies. The outcomes of the ideation session  are then documented by the owner, and these ideas are then developed  further to produce fully formed concepts, mockups, and prototypes. The  attendees (Sales, Design technologies, Solution manage, Creative director, Creative campaign manager, Video director) of these ideation sessions are discussed by the team. 

Step 2 / Pitch deck & Scope of work

As soon as the ideas have been agreed upon, the opportunity owners will begin preparing the presentation for the client. Write-ups,  mockups, prototypes, insights and targeting will all be part of this  process. 

Step 3 / Presentation

Designers present ideas to clients. Prior to the client presentation, the team will review the deck with all stakeholders

Step 4 / Design execution

During the execution phase, the designer develops the mobile and desktop version of the UI, receives design approval from the customer, and implements it on the Amazon custom landing page.

Step 5 / Post campaign

Retrospective, data metrics, analytics.
bottom of page