Havre de Luxe has seen significant growth since it’s launch in 2014. However, so too has it’s competition. With this in mind, an increasing number of potential consumers are beginning to shop elsewear due to lower prices and known brand loyalty
Potential Solution
A refresh of the companies online presence. A more efficient, elegant and informative online store that gains trust and loyalty from its users by presenting a strong sense of quality. It’s essential that the site clearly showcases the wide range of products available as well as their unique applications with quality assured.
Key Activities
User Research Wireframing High Fidelity Visuals Visual Presentation
Methodology
Waterfall
Software
Photoshop Ilustrator XD Slack
Year
2020
Project Plan
A time conscious project plan was essential for this particular project as the solution was to support the business during the recent pandemic.
Research
Competitor Analysis
Competitor analysis allowed us to gain a better understanding of the market saturation highlighted the most prominent pain points for customers who use similar services online.
Defining The Problem
Synthesising the Data
The data was synthesized and certain metrics were defined, including the opportunities, objectives, measures of success and customer motivations and needs.
Personas
Personas were created from research collected when reviewing similar services and analysing the most common issues customers face. They were used to help uncover the different ways user's interact with competitor websites so we could focus our efforts on improving the experience for the real people and use cases.
User Empathy mapping
In order to create a shared understanding of the user needs and to aid in the decision making process througout the project, it was important to articulate what we knew about the certain types of users into empathy maps.
User Needs Statements
After analysing the empathy maps and documenting different patterns throughout, we were able to establish priorities in the user needs. This enabled us to create a set of definitive user needs statements which we could then use and refer to at the ideate phase and throughout the entire project.
Business Goals Alignment
Business goals were established by certain research and analysis techniques, including interviewing key stakeholders.These were aligned with the user needs through a definitive process.
Ideation & Problem Solving
Solving User Needs - 1 Example
A major concern for James when ordering chemical protectants that may alter the condition of his designer items is the guarantee that his bags/shoes won't be damaged after application. This specific user need was evidenced by the majority of 1 star reviews form competitor sites describing how their items were falsely repaired which resulted in a lack of trust between the company and consumer.
To build trust with James, The design should feature a clean, professional and almost clinical aesthetic. As well as clear and concise banners that highlight the various features and qualities of the products sold.
Wireframes
Low fidelity wireframes were created to ensure our design remained user-focused as well as allowing us to visualise, clarify and define the site's specific features.
Aesthetic Inspiration
A mood board was created to help kickstart our more specific aesthetic goals. Helping massively to influence the decided colour pallette, typography and overall look and feel of the site.
Implementing the UI
Design System
The design system allowed us to produce reusable design elements to reduce time when producing final mockups. They are also useful it assisting any future designers who might want to develop the site further.
Final Designs
Havre De Luxe
Home
The primary focus of the Havre homepage was to communicate the brands concern for the safety and preservation of it's users most valued items.
Explore Page
The explore page was designed to showcase the broad range of products available, helped the customer find exactly what they were looking for with the potential to upsell additional accessories. The diverse could also build more trust new customer as it shows the brand is specialised in this area.
Gift Card
The gift card page was an existing feature on the clients current website and performed well. A much sleeker, more modern look was given to improve the overall brand image.
Product Page
The standard (Default) product page was intended to be as simple as possible. Making use of clean, simple colours and iconography to guide the user through it's intended purpose without overwhelming them.
Custom Product Page
The addition of a second, more customisable product page was specifically requested by the client so that they could add more detailed descriptions & options for specific products.
Product Results Page
The product category page shows how the products would typically appear beside one another once a category had been selected.
Thank you for your time!
Client Review
Upon completion of the project, the client was extremely happy with final result.