Heartridge Product Launch
UI/UX, Front End Development, Campaign
Role & Team
Design lead. Work with 3 Mid-Weight Designers, Account Director, and Developers.
Project Description
The brand identity was translated into a striking visual language, our goal is to prominent product technical and feature with branding.
Objective
-
Easy to navigate and find information
-
Reflect the visually striking nature of the product
-
Responsive experience
-
Simplify the architecture
-
Friendly environment for consumer and retailer
-
Increase engagement, through request free sample, social media and EDM.
Technology Used
Illustrator, Photoshop, InDesign, WordPress, After Effect, Campaign Monitor
Process
Empathise - Understand client needs and users problems, Analysing competitor product, position problem statement
Define - Analyse to define the problem, define main pain points
Plan - Estimate working hour for each state and task, schedule timeline and confirm deliver date with client​
Brainstorm - Collecting creative ideas, Sketching solution, Interactive Wireframes for each aspect of the problem
Visualize - Wireframe, Visualize ides, High Fi Design, Develop and build site
Test - Usability testing, returning to users for feedback
High Fi Design & Build
Desktop - Category page, Product page
Table - Category page, Product page, Accessories page, Compare page, Resource page
Responsive - Category page, Product page, Accessories page, Compare page, Resource page
Usability Test
-
Outcome
We successfully launch the product in short period of time, digitally and POS, create easy navigate site on variant device.
​
For sales team: The site help sales team to create a strong vibe and easy to show consumer product feature, increase the flooring sold and social reach.
​
Individual consumer: The readability web design increase the users' stickiness and click rate. Our compare table also help them to learn feature of each product and find out the suit product.
​
The pages received an overwhelming response, which bring us to next stage, apply the wireframe to rest of products, and renovate the existing website.
Delivery
UI/UX
Category page
Product page
Flooring accessories page
Feature - Sustainable page
Resource page
Digital
EDM
Social post
Display stand
Product brochure
Promo flyer
Print AD
Strap Set
Photography
Styling
Image retouching
Colour correction
Illustration
Technical diagram
Feature icon
