Duration 2 month
(August 28 - October 25 / 2024)

UX/UI-Designer & Team lead.

Summary

Improve the user journey and boost conversion rates, reflecting Stuckies’ mission to deliver reliable and joyful products to families worldwide.

Enhance their website’s usability to provide a more seamless experience for their global customers. Known for their innovative “stay-on” sock technology, Stuckies has grown into a trusted global brand, helping parents keep those tiny socks in place—and making lives just a little easier.

Challenge

Our main goal was to design a website that could be implemented on Shopify, based on the CEO's wishes. This came with both guidance and restrictions from Shopify, requiring us to go back and forth to check if our design was feasible. In the end, the CEO and we agreed that the design solutions were achievable and could be handed off to the developers without any issues.

Focused attention

We analyzed market trends in children’s apparel and conducted competitive research to identify opportunities for Stuckies.se. Focusing on user habits and pain points, we prioritized UI enhancements such as streamlined navigation, brand alignment, and accessibility.

Our research included usability testing with 10 people, a user survey with 129 responses, and expert feedback. While the website's simplicity and aesthetics were praised, findings highlighted areas for improvement in usability and responsiveness to elevate the overall user experience.

We designed a seamless purchase flow to ensure users can complete their orders effortlessly. By minimizing friction, we aimed to keep users engaged throughout the process. To build trust, we included transparent and relevant information about Stuckies’ story, products, and vision, ensuring users feel confident before making a purchase.

Approach

Being part of such a large team was enjoyable and reassuring, knowing there were many teammates to rely on. We found it easier to collaborate by breaking into smaller groups, each responsible for different parts of the design process. Before diving in, we discussed and agreed on the tools and communication channels to ensure smooth collaboration and deliver a higher-quality design assets.

Parents need a seamless shopping experience and clear, trustworthy communication that highlights Stuckies' value.

Responsibility

We focused on improving accessibility, user engagement, and trust. Key updates included enhancing text readability with light shadows, simplifying navigation for easier access to discounts, and adding a red discount label. We incorporated an engaging video to communicate the website's purpose and improved button contrast for better visibility.

To reflect diversity, we used inclusive imagery and highlighted Stuckies’ advantages over fast fashion in terms of quality and sustainability. The Story page shared the brand’s origins with a personal video from the founder. For product pages, we streamlined descriptions and added a review system for easy access to customer feedback.

Design System

For our design system, we created consistent elements such as buttons, typography, colors, and components to ensure a seamless user experience across all pages. This system helps maintain design consistency, improves efficiency, and makes future updates easier.

Outcome

Harnessing the strengths of a large group isn't always straightforward. However, once trust and confidence in every team member are established, the team functions seamlessly, like a well-oiled machine.

Developing a robust design system was key to delivering a high-quality product efficiently. With the system in place, implementing significant changes became as simple as the click of a button, resulting in a polished and cohesive final product that exceeded expectations.