LoveCrafts

E-commerce, community and source of inspiration, LoveCrafts has been the go-to for Knitters & Crocheters for a long time.

In the last couple of years, they have expanded their range to cover other crafts such as Embroidery, Cross-Stitch, Sewing, Quilting, etc.

Its audience spans from novel to well-rounded crafters. 

A new way to get started

After redesigning the core part of the product page (Add To Basket/Download Flow), it was time to focus on its additional features.

One of them was the Kit Builder/Material Grid.

My Role

Sole Product Designer, owning end-to-end process

Team

1 PM, 2 Front-end Developers, 1 Back-end Developer, 1 QA Engineer

Challenges

Goal

Redesign an existing cross-selling tool to make it more consistent and scalable (multi-craft), in order to attract and retain new customers (beginners)

Snapshot of the current functionality

1. Experience Audit

Before jumping into the redesign, it was important to evaluate the current user experience and detect possible weaknesses and opportunities.

I arranged and conducted explorative user testing on the existing interface and partnered with the PM in carrying out a multi-craft behavioural survey.

Key learnings were:

Results highlighting feature appetite

2. Benchmarking

Exploring possible solutions always requires a dose of inspiration.

I worked side-by-side with major stakeholders to define and analyse competitors' experiences, in order to position our solution and establish viable options.

Screenshot from FigJam

3. Ideation

Before going much into details, I have decided to use a stripped approach, that focused purely on the content and functionality.

Priority guides are a nice mobile-first approach to manage stakeholders' expectations and define feasibility with the developers.

Design exploration (Priority Guides)
Design exploration (Priority Guides)

4. Criteria Definition

From the ongoing conversations and based on research, it was clear that some features had priority over others.

We then decided to scrap:

Rejected: text-heavy and hard to scan

Visual exploration Rejected: missing valuable information

Rejected: feasibility, might be considered for future releases

MVP: right amount of information, technically feasible 

5. Usability Testing

The final stage of the first cycle was to test our agreed solution with our customers.

We had a couple of rounds of Usability Testing:

Results

This entire process allowed us to cut the superfluous and focus our efforts on delivering an MVP that was functional and respected the basic user needs.

The project is currently under development.

A new cart experience

One of my first assignments was to rethink the cart page.

A very important task, because here is where the customers make the most critical decisions in their e-commerce journey.

My Role

Sole Product Designer, owning end-to-end process

Team

1  PM, 2 Front-end Developers, 1 Back-end Developer, 1 QA Engineer

Challenges

Goal

Redesign the cart page to increase customers' confidence during shopping decision 

1. Desk Research (AKA secondary research)

I have always tried to take an analytical approach to my research.

Before reaching out to our users and the external world, I tried to learn if anything has already been done either internally or by other companies.

I have explored archives, chatted with the customer service team, analysed reports and made some level of benchmarking.

Very high level wireframe & notes

2. Experience Mapping

Some parts of the cart experience required a little bit of in-depth analysis.

Collaborating with the PM on setting the goals, I focused on some of the features we considered to be more impacting.

One of them is the way the cart handles out-of-stock products.

Having LoveCrafts a fast-paced stock turnover, it is not unlikely to experience shortages in some of the items added to the basket.

This could cause some annoyance in the users looking forward to starting their project and have an impact on brand loyalty.

Together with the PM and Devs, we agreed on a solution that could provide a transparent experience without failing to meet business and technical requirements.

Old OOS behaviour
New OOS behaviour V1 (MVP)
New OOS behaviour V2

3. Design & Validation

With the right amount of confidence, I moved into the design process.

Having an established Design Library helped me move fast throughout the different iterations and rapidly present the design in front of our stakeholders and, above all, before our users.

Screenshot from Figma
Screenshot from a Usability Testing session

4. Track & Improve

After the launch of the page, we kept on tracking the experience.

Tools like FullStory are helpful as they provide a visual level missing in the analytics instruments.

Having the possibility to rapidly A/B test has also been crucial.

Screenshot from FullStory
Alternatives for the Quick Checkout (A/B Test)

Results

The new cart experience topped the old one by 15% in basket viewed to checkout completion.

Other Projects

Douglas & Gordon
Fast2drive.com