Redesigning Decobay’s Website & User Account

Boosting User Engagement and Repeat Purchases

Client

Decobay

Services

UX/UI Design

Industries

Online Retail

Date

2022

Context

Decobay is the largest online store for fabrics and sewing accessories with a catalog of over 10,000 products and an offline network of 5 stores. Despite its impressive scale and assortment, the previous website faced significant issues: an outdated UI, cluttered and illogical navigation, lack of a unified visual language, and an unfriendly user experience.


The company requested a complete redesign of the website and user account to eliminate interface clutter and create a scalable, visually cohesive ecosystem.

My Role

As a Senior UX/UI Designer, I conducted a UX audit, engaged with stakeholders, analyzed data and user behavior, developed the information architecture and visual identity, and collaborated closely with the development and marketing teams. My task was to propose solutions that would make the website intuitive and the purchasing process simple and engaging. Presenting and defending solutions to stakeholders required persuasiveness and the ability to justify decisions, which became a key part of my work.

Challenge

My goal was a deep, product-focused overhaul of the user experience, emphasizing convenient navigation, intuitive interactions, clear structure, and increased user engagement. I needed to address navigation issues that hindered users from quickly finding products, create a visually cohesive design, and introduce new functionality while accounting for existing technical and time constraints.

Approach

I adhere to an iterative approach. When starting the project, it was critical to understand where and why users were getting lost, frustrated, or abandoning the site. The process began with a deep dive into the problem: I conducted a UX audit of the current website, viewing it through the eyes of someone simply trying to buy fabric.

Sitemap. Not all sublevels are shown due to size limitations

Sitemap. Not all sublevels are shown due to size limitations

Sitemap. Not all sublevels are shown due to size limitations

It quickly became clear where the site was "breaking." Users felt like they were navigating a maze where everything was present but impossible to find. Complex navigation, insufficient visual hierarchy, unclear and convoluted menu structures, the absence of filters in 60% of categories (forcing users to waste time searching), a fragmented purchase process with illogical steps, and more. This wasn’t just visual clutter, it was a chaotic system lacking clear logic, forcing users to expend effort to figure out where to click or search.

Research and Insights

The next step was a competitive analysis. I wanted to understand how others tackled similar challenges. I studied 3 direct competitors and 1 indirect competitor, walking through the buyer’s journey on each site to identify what felt convenient and where unexpected difficulties arose. I paid attention to how filters, product cards, category structures, and checkout processes were designed.

Competitive Analysis

Competitive Analysis

Competitive Analysis

This analysis formed a solid foundation for building a new information architecture and the first prototype. Key insights included:

Prototyping

I developed a low-fidelity wireframe of the homepage, focusing not on visuals but on structure, content logic, and key interaction elements like buttons, product cards, and navigation blocks. We discussed it with the team to determine which solutions to pursue and which to abandon. Based on feedback, I refined some decisions and moved to creating the first prototype, which we tested with clients.

Use the slider below to compare:

Use the slider below to compare:

Slide to

Compare

Initial Low-Fidelity Wireframes and Pre-Redesign Homepage

Initial Low-Fidelity Wireframes and Pre-Redesign Homepage

The goal was to validate key scenarios: whether users understood the screen structure, navigation transitions, icon meanings, and entry/exit points for each flow. We focused on confirming or disproving hypotheses early to avoid wasting resources on unviable solutions. This approach allowed us to make informed product decisions before release. All testing was conducted using interactive Figma prototypes, with key questions including:

  • Does the user understand where they are in the site’s structure?

  • How easily can the user complete their target action?

  • Are there difficulties in completing the target action?

  • Are there moments where the user gets lost or makes errors?

  • Does the interface inspire trust and predictability?

Feedback showed that users navigated 70% faster and completed key scenarios with greater confidence. However, some challenges persisted, particularly with filtering by specific parameters, which prompted additional iterations. Certain visually overloaded blocks also required refinement to reduce cognitive load and improve readability.

Homepage Wireframe (Desktop)

Homepage Wireframe (Desktop)

After addressing pain points, I focused on the next level of user experience — engagement. I wanted the interaction with the site to be not only intuitive but also emotionally engaging. Even buying buttons shouldn’t feel dull. I proposed incorporating light gamification elements: bonus points, a progress indicator for free shipping, and micro-animations to make the interface responsive, motivating, and rewarding.

You’re $10 Away from Free Shipping

You’re $45 Away from Free Shipping

Free Shipping Applied!

You’re $10 Away from Free Shipping

You’re $45 Away from Free Shipping

Free Shipping Applied!

Results

I designed a system with clear flows, intuitive navigation, and a responsive interface. High-fidelity prototypes provided an accurate representation of the final product, while interactive prototypes allowed us to test user interactions live and address issues before development.


The website redesign significantly increased user engagement. Users noted that the purchasing process became intuitive and fast, with navigation now clear and predictable. The mobile interface, thanks to an improved menu structure and optimized filters, now offers seamless interaction at every stage, boosting user satisfaction by 15% and strengthening brand trust, which led to a 10% increase in repeat purchases within the first six months.

Homepage

Added 5 new content blocks to highlight popular categories, discounted products, and store addresses, improving navigation and engagement.

Homepage & Navigation Menu

Homepage & Navigation Menu

Catalog

Designed a robust filtering system with both primary and secondary parameters (e.g., price, color, material, in-store availability) to simplify search

Catalog & Filters

Catalog & Filters

Product Pages

Restructured content layout. Added a product availability indicator. The new feature showing in-store stock and delivery details. Included a bulk discount block to highlight savings for larger quantities

Product Page (Desktop)

Product Page (Desktop)

Checkout

Simplified the checkout process with a progress indicator and gamification elements, such as bonus point redemption and a free shipping threshold to encourage purchases.

Total

$35.00

Subtotal, 2 Items

$48.50

Discount

$13.50

You’ll Earn

+4 Points

You’re $10 Away from Free Shipping

Checkout

Checkout

Total

$35.00

Subtotal, 2 Items

$48.50

Discount

$13.50

You’ll Earn

+4 Points

You’re $10 Away from Free Shipping

Checkout

Total

$35.00

Subtotal, 2 Items

$48.50

Discount

$13.50

You’ll Earn

+4 Points

You’re $10 Away from Free Shipping

Checkout

Checkout

Checkout Process (Desktop)

Checkout Process (Desktop)

Reflection

Throughout the project, I orchestrated collaboration with the development and marketing teams: aligning expectations, accounting for constraints, and ensuring a cohesive product approach. It was critical for me that every decision wasn’t only grounded in user experience but also technically feasible, scalable, and adaptable to future changes.


This project showcased my ability to tackle complex challenges through a systematic approach and deep problem immersion. I learned to find compromises without sacrificing quality. Implementing gamification was a particularly valuable experience, demonstrating how small elements can significantly boost user engagement. If I could change anything, I would introduce final design testing with developers before release to ensure everything aligns precisely with the mockups and functions correctly across all devices. I would also create detailed technical guidelines with clear specifications to minimize misunderstandings and guarantee quality implementation. This project confirmed my ability to solve complex product challenges by combining strategic thinking, flexibility in team collaboration, and a focus on delivering measurable results.