top of page
Problem Statement
Global Website Revamp
-
Redesign website for 20+ Countries
-
Premium look and feel
-
Competitive features and personalisation
-
Customisation for regional websites
( Existing websites )
UX/UI Audit
Health Check
-
Observations from multiple Okamura websites and general understanding of issues
-
Competitor reviews
-
Traffic analysis (Oct 2021)
-
55% - Bounce rate
-
1.28 seconds - Visit duration
-
3.56 - page visits
-
-
Expert usability review
Concepts
Design Concepts
-
To prepare for remote workshop we created 5 concepts based on Okamura's branding elements and competition
-
Concepts were responsive tar-getting home page
-
Focus was on Premium and cool themes with varying degrees of interactions
-
2 of the concepts were considered base for the design sprint
( D1 )
( D2 )
Design Sprint
5 Day Remote Workshop
-
10-14 members participated in the workshop from Okamura's Sprint team
-
Target to design a theme for Okamura's new website
-
Key Challenges
-
Multiple regional websites worldwide
-
Consistent look and feel
-
Competitive industry features
-
Better customer experience
-
Ease to author and scale
-
-
Discussed and debated between the two themes
-
Observed what is premium & what is Cool in the industry and defined what we require for Okamura
-
Create 4 themes of the 2 base variations and selected one theme for the redesign
-
Usability tests were conducted in the following weeks to improve our designs
Remote Workshop
Sprint Challenge
Final Design theme
Remote Workshop
1/9
Personas
Personas Considered
-
We had two primary personas considered for the designs
-
Office Manager
A Facility manager that is in charge of office development and is looking for upgrade of interiors
-
Interior Designers
-
Designers who are looking for inspiration and browsing products to use into their proposals
-
Design System
Defined a Design system to be
followed by all brands
-
Design essence
-
Typography
-
Buttons
-
Input fields
-
Spacing
-
Components
-
Interactions
WS1 - Design Essence
WS3 - Typography
WS8 - Images
WS1 - Design Essence
1/4
Design Highlights
10 templates with 45 components
-
Site is being designed for AEM and consists of 10 templates and 45 components with variations
-
New Information Architecture was defined that can support multiple regions
- Templates included
-
Home Page
-
Category page
-
Sub category page
-
Product landing page
-
Search & Search page
-
Solutions page
-
Research page
-
Company overview
-
News page
-
Sustainability
-
Dealers page
-
Destination pages
-
Hotel and Destination listing
-
Profile and Club ITC
-
-
Brand & Experience pages
Design Highlights #1
Flat & Minimalist
-
Flat design was more appealing to the business and users as it highlighted the product more
-
Interactions and shadows were kept to a bare minimum only to indicate feedback
Design Highlights #2
Negative space
-
To emphasise on the premium look and feel we added lot of negative space in the design
-
Section and images had more space between them
Design Highlights #3
Default Product Color
-
Proposed to use interesting colors as default for products as it was more informative for interior designers
Design Highlights #4
Product Cross sell
-
Products pages are tagged with popular solutions and vice versa to give personas relatable links
Design Highlights #5
Mobile Navigation
-
Icons are placed on the bottom of the screen for better and ergonomic mobile navigation
Design Impact
A global design platform
-
Okamura's Global solution team was very impressed with the array of design tools available.
-
Templates helped them with ready made content structure to the global teams which they could customise based on their requirement
-
Component variations provided them additional freedom to make the pages distinct
-
Limited aspect ratios helped the design team in limiting the type of assets
Performance improvements - To be udpated after go live
SIMILIAR PROJECTS
SCROLL
bottom of page