Threeships

A consulting project to enhance consumers' knowledge in effectively communicating their needs. Tool optimization to assist them in precisely choosing skincare products to address specific challenges or simply selecting the most essential products for their skincare routine.

https://www.threeshipsbeauty.ca/

Project Summary

Three designers, including myself, collaborated to support the consulting client by conducting UX analysis, implementing UI improvements, and devising a roadmap for future enhancements.

My work Included:

Research and interviews
Competitive analysis
Plugins review and recommendations
Sketching and layout iterations
Visual identity adjustment based on style guide

Challenge

The project's challenge was to address consumer difficulties in finding the right product based on requirements, using the most effective and budget-friendly tools suggested by the Shopify platform.

Solution

To address immediately clients requirements we chose to focus the team's efforts on the following next steps:

First increase the conversion rate and, subsequently, the purchase rate.
Introduce feedback that compiles customer quiz inputs at the end, facilitating customers in connecting their concerns with beneficial ingredients.
Enhance the consistency of branding and visual language throughout the skin quiz.

Discovery & Research

Upon a thorough review of data and internal documentation, which included white papers, business objectives, strategy, and personas shared by the client with the team, we identified three specific insights. In our assessment, these insights presented opportunities for intervention that could lead to achieving project goals and enhancing outcomes.

The areas of focus are:

Reduce drop-off rate
Increase conversion rate
Optimize the way to introduce product variety based on requirements

Analytics Data

Pickzen Analytics Data

Shopify Analytics Data

Acknowledging ourselves with site flow and structure, the team found that new clients were introduced to a quiz activity aimed at recommending products based on their needs through a brief session and multiple questions.
The quiz garnered an impressive 85% engagement rate from all customers who visited the site. Recognizing this tool's significant success in terms of user interest, we decided to examine it closely.

Google Analytics Data

Our findings:

Only 45% of all sessions included shopping activity.
Just 21% had cart additions among those who had product views.
There was a 53% abandonment rate on the first question during the quiz session.

To validate the findings, build upon the latest exploration, and understand actual users' needs and feelings, we conducted user interviews. Here are some common feedback points received from the participants.

Solutioning & Wireframing

Summarizing the main topics derived from user feedback, behaviors, motivations, and pain points in user interviews, we identified potential intervention points to guide our efforts.

Establishing a core set of products and routines
Addressing challenges in understanding product descriptions
Enhancing personalized recommendations
Building brand trust
Clarifying the purpose of the skin quiz
Improving the skin quiz questionnaire
Enhancing engagement in the skin quiz

The client provided the team with potential competitors, inspirational features, and desired functionalities. We conducted a competitive analysis, streamlining the list of inspirational brands and features to leverage and optimize during our sprint.

Key points:
1. Designing an appealing layout for page results that works seamlessly across both mobile and web platforms, ensuring a cohesive user experience.

2. Introducing users to the summary of their inputs will offer a beneficial explanation that consolidates the results and provides a logical recommendation.

3. Implementing a guided approach and enhancing descriptions and information to alleviate uncertainty throughout the quiz process. Additionally, the incorporation of product tags on the results page to define skincare routines.

4. Elevating the interface of the quiz process in alignment with the brand guide, particularly through the use of visuals.

Top 3 competitors brands

During the implementation process and in pursuit of meeting all defined goals, we needed to upgrade the previously used plugin, Pickzen. To make an informed decision, we created a comparison table and rated potential plugins on a scale from 1 to 5 based on their capabilities.

Our decision was driven by those key points:

Integration with Shopify and Klaviyo platforms.
Ensuring reasonable pricing.
Offering flexibility and customization in design versatility, features, and data collection.

Comparison table of potential plugins

Integration, Content Adaptionand Styling

The entire questionnaire content was reviewed and restructured to align with the new logic developed by the team during the process.

We planned and structured the functionality and integrated the visual appearance of the feature into the Shopify platform.

Working with the brand guide, I created a customized set of icons, navigational elements, and visual components for the results page to optimize the layout.

The satisfaction rate we achieved during testing of the updated features reached 92%.

Customized icon set

Layout variations

Brand guidelines

The Three Ships project focused on optimizing the quiz feature, involving a team of three designers, including myself, and spanning a duration of 20 weeks.

The team successfully achieved all defined goals, delivering within the specified deadlines and receiving positive feedback and future assessments from the client.

The project introduced new software, including Shopify, Pickzen, and Octane AI, while leveraging familiar tools like Figma for communication, collaboration, and creating impactful value increases for both users and the client.

Final Design Desktop Home Page and Listing Page