Create an updated product page to enhance the user experience when online shopping.

The design evokes a sense of comfort through textures and a warm color palette. It creates an atmosphere that feels charming and inviting.

UI Designer

Sydney Kidd

4 months

BARNES & NOBLE

UX/UI PRODUCT DESIGN

2024

ABOUT

ROLE

TEAM

DURATION

The Problem

The current product page lacks brand personality. Without personality, the page becomes outdated and overcrowded with type.

The Solution

Create a product page that aligns with curiosity and imagination encouraging users to linger and browse, much like they would in a physical Barnes and Noble.

DESIGN PRINCIPLES

HIGHLIGHTS

Paper texture and warm color palette were introduced to support the app’s vintage, dark academia inspired aesthetic.

Custom graphics were added throughout the interface to separate sections and guide users through the page.

The product is centered as the main focal point, reducing visual clutter caused by multiple competing banners.

UI RE-DESIGN

Typography, contrast, and spacing were refined to improve readability and make the content easier to scan.

LIGHT MODE

DARK MODE

LIGHT MODE

DARK MODE

PRODUCT PAGE

Encourages users to linger and browse, creating emotional resonance.

sydney_kidd@fitnyc.edu

By combining personalization, accessibility, and interactive elements, we’re making gallery experiences more approachable, discoverable, and rewarding for both artists and attendees.

TAKEAWAY

DESIGN SYSTEM