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
Re-platform deadline
Product Info Management system
Products availability
Multi-craft compatibility
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)
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:
The material grid lacked flexibility and swiftness
The kit builder missed on providing a clear overview + didn't work well with a long list
Embroidery & Cross-Stitch makers were the ones who might have benefited the most
Expert users required a complexity not achievable within the current deadline and technology
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.
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.
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:
Change colour (valuable for experts but not for beginners)
Change quantity (technically complex and achievable through cart)
Include/Exclude items (requiring big effort from a product data perspective)
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:
Knitting & Crochet, Embroidery & Cross-Stitch users focused on product page experience
Embroidery & Cross-Stitch users, on tweaked design and with attention to cart and delivery experience
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
Old/New system cart co-living
Framework limitations
Products availability
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.
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.
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.
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.
Results
The new cart experience topped the old one by 15% in basket viewed to checkout completion.