Transforming a Traditional Online Gift Store into a Modern User-Centered Experience

Role

UX Designer | UI Designer | UX Auditor

Duration

4 Weeks

Tools

Figma, FigJam, Photoshop

Deliverables

UX Audit, Information Architecture, Wireframes, UI Design System, High-Fidelity Mockups, Responsive Design

How I Redesigned an Outdated Gifting Website Without Changing a Single Piece of Content

A UX Audit and Redesign Case Study

When people think about redesign projects, they often imagine adding new features, changing business models, or rebuilding products from scratch.

This project was different.

I wasn’t asked to create new functionality.

I wasn’t asked to introduce AI recommendations, personalization engines, or fancy interactions.

Instead, I challenged myself with a much simpler question:

What if I could completely transform a website’s experience without changing any of its content?

That question became the foundation of this redesign.

This is the story of how I audited and redesigned an outdated gifting website using UX and UI principles while keeping every product, every category, and every piece of information exactly the same.

The First Impression

The first time I landed on the website, I immediately felt overwhelmed.

The business itself was doing something valuable. It offered gifts for different occasions, recipients, and celebrations. The products were there. The information was there.

But the experience felt stuck in another era. The homepage was crowded. Different sections competed for attention.

The navigation felt difficult to scan. Typography lacked hierarchy. Colors felt inconsistent. Most importantly, I didn’t know where I was supposed to look first.

As a user, I found myself working harder than I should have. And that’s usually the first sign of a UX problem. I wasn’t struggling because the website lacked information. I was struggling because the information wasn’t presented in a way that made sense. At that moment, I knew this wasn’t a content problem. It was a design problem.

Stepping Back Before Designing

One of the biggest mistakes designers make is opening Figma too early. Before touching any screens, I wanted to understand what exactly was going wrong.

So instead of redesigning immediately, I began with a UX audit.

I explored every page. I examined the navigation. I reviewed content structure. I looked at visual hierarchy. I analyzed how users might move through the website. And as I dug deeper, patterns started to emerge.

What Was Actually Broken?

The interesting thing was that the website wasn’t missing functionality.

Users could technically do everything they needed. They could browse products. They could explore categories. They could make purchases. The problem was that every action required more effort than necessary.

Problem 1: Too Much Competing for Attention

The homepage tried to communicate everything at once.

Banners, offers, categories, promotions, featured products, and multiple calls to action all fought for the user’s attention. Nothing felt prioritized. When everything is important, nothing is important.

Problem 2: Weak Visual Hierarchy

As I scrolled through the site, I noticed that important elements looked almost identical to less important elements.

Headings didn’t stand out enough. Buttons lacked emphasis. Sections blended into each other. Users had no clear path to follow. The website was talking loudly everywhere instead of guiding users intentionally.

Problem 3: Navigation Friction

Finding products should feel effortless on a gifting website.

Instead, categories felt hidden.

Important occasions were difficult to discover.

Users had to spend extra time understanding the website structure.

Every additional second of confusion creates an opportunity for users to leave.

Problem 4: Lack of Emotional Design

Gifting is emotional. People don’t buy gifts because they need them. They buy gifts because they want to make someone feel special. Yet the design itself felt transactional. There was very little warmth, excitement, or delight. The interface wasn’t supporting the emotional nature of the product.

Looking at the Market

Before creating solutions, I wanted to understand how successful gifting and e-commerce platforms approached similar challenges.

I reviewed multiple modern gifting websites and online stores. Despite serving different audiences, they shared common characteristics.

They used strong visual hierarchy. They embraced whitespace. They simplified navigation. They highlighted emotions through imagery. They made discovery effortless. Most importantly, they guided users instead of overwhelming them. These insights became the foundation for my redesign strategy.

Defining My Design Principles

After completing the audit, I established five principles that would guide every design decision.

Clarity Over Complexity

If users have to think too much, the design isn’t doing its job.

Hierarchy Before Decoration

Beautiful interfaces mean very little if users cannot understand them.

Design for Emotion

A gifting platform should feel joyful, warm, and memorable.

Consistency Builds Trust

Consistent patterns create familiarity and confidence.

Less Is More

Removing visual noise often creates more value than adding new elements.

Reimagining the Information Architecture

One thing became clear very quickly. The website didn’t have an information problem. It had an organization problem. The content already existed. Users simply needed a better way to access it. I reorganized categories into more meaningful groups.

Instead of forcing users to search endlessly, I wanted them to discover gifts naturally. I introduced clearer pathways such as:

• Shop by Occasion
• Shop by Recipient
• Best Sellers
• Personalized Gifts
• Seasonal Collections

The content remained unchanged. The experience became significantly easier.

Starting with Wireframes

Before thinking about colors or visual styles, I focused entirely on structure.

This stage allowed me to answer questions like:

• What should users see first?
• Which actions deserve priority?
• How can navigation become simpler?
• How can product discovery become faster?

Working in grayscale helped me stay focused on usability rather than aesthetics. Every section needed a purpose. Every interaction needed a reason.

Bringing the Experience to Life

Once I felt confident about the structure, I began crafting the visual experience. This was where the transformation became visible.

Typography

I introduced a modern typography system that improved readability and created a clear hierarchy. Users could now scan information effortlessly.

Spacing

One of the most impactful changes wasn’t a feature.

It was whitespace. The original website felt crowded and overwhelming.

By introducing breathing room between sections, content instantly became easier to consume.

Colors

I selected a palette that felt vibrant without becoming distracting.

The goal was to create a sense of celebration while maintaining clarity and trust.

Imagery

Since gifting is inherently emotional, imagery became a critical storytelling tool.

I redesigned image placements to create stronger emotional engagement and support product discovery.

The Homepage Transformation

The homepage was where the redesign delivered its biggest impact.

Previously, users landed on a page that demanded attention from every direction.

The new homepage guides users through a clear journey. First, users understand the value proposition. Then they discover categories. Then they explore products. Then they build trust. Then they purchase. Every section now has a purpose. Every section supports the next. Instead of overwhelming users, the homepage now guides them.

Product Discovery Made Simpler

One of my key goals was reducing the effort required to find gifts. I redesigned category cards, product grids, filters, and browsing experiences to make discovery feel intuitive.

Users no longer need to search aggressively. The design helps them discover options naturally. This shift alone dramatically improves the overall experience.

Building Trust Through Design

Trust isn’t created through words alone. It’s created through presentation.

I strategically surfaced trust-building elements throughout the experience, including delivery assurances, payment confidence indicators, and customer-centric messaging.

These small details help users feel more comfortable making purchase decisions.

The Outcome

What fascinates me most about this project is that I didn’t add any new products. I didn’t change the business model. I didn’t rewrite content. I didn’t introduce complicated features. Yet the website feels completely different.

The redesign demonstrates something I strongly believe as a UX designer: Users don’t always need more features. Sometimes they simply need a better experience.

By improving hierarchy, organization, consistency, and usability, the entire perception of the platform changed.

What This Project Taught Me

This redesign reinforced one lesson above all else: Good design isn’t about making things prettier. It’s about making things easier.

The most rewarding part of this project wasn’t creating beautiful screens. It was uncovering the hidden friction points that prevented users from achieving their goals efficiently.

This experience strengthened my understanding of UX audits, information architecture, visual hierarchy, and user-centered design.

Most importantly, it reminded me that sometimes the biggest improvements come from rethinking how information is presented rather than changing the information itself.

Final Thoughts

When I started this project, I saw a website that had great potential hidden beneath an outdated interface.

Through a structured UX audit and redesign process, I transformed that experience into something cleaner, clearer, and more aligned with modern user expectations.

The business remained the same. The content remained the same. The products remained the same. But the experience changed completely. And that’s the power of thoughtful UX design. Because sometimes, the difference between a frustrating website and a delightful one isn’t what users can do. It’s how effortlessly they can do it.