My Framer Site

Bookstore

Art Direction

UX/UI

Barnes & Nobles

Summary

Barnes & Noble is a classic bookstore for readers of all kinds. This UX/UI redesign makes the experience cleaner, friendlier, and easier to browse, helping readers discover books with less effort and more enjoyment.

Tools

Figma, Adobe CC,

Miro

Figma, Adobe CC,

Miro

My Team

Yuriko Zheng

Duration

4 months

My Role

UX/UI

Art Direction

UX/UI

Art Direction

Problem

The site feels cluttered and chaotic, missing the inviting, reader-friendly vibe Barnes & Noble is known for.

MARKET RESEARCH

The three main pain points

Navigation Challenges

Lots of categories and clutter that make it hard for users to find what they're looking for quickly.

Decision Fatigue

Too many choices make decision-making hard.

Lack of Personalization

Lacks a sense of community and engagement.

OVERVIEW

Old Website

Barnes & Noble’s new website suffers from cluttered layouts, confusing navigation, and inconsistent mobile responsiveness, making the overall UX feel slow and hard to use.

Solution

A website design refresh, incorporating a new color palette and approachable, functional design create an inviting, nostalgic, and easy-to-navigate experience. Personalized recommendations and customizable features further enhance usability by helping users quickly find the content they care about.

PRODUCT PAGE

DESIGN SYSTEM

TAKEAWAY

Barnes & Nobles, Reimagined.

The newly developed Barnes & Noble product website features a clean yet playful design that enhances the user experience. It feels approachable and trustworthy, encouraging users to explore and purchase books with confidence in a welcoming, relatable environment.

Work

Play

About/CV