← Back to portfolio

Mobile App Redesign Concept

PacSun Mobile App Redesign

Product Design · UX/UI · 2026

Project overview

PacSun is a streetwear retailer based out of California, selling items from clothing brands that target southern California youth subculture related to surfing, skating, and music. The retailer sells through a mix of traditional commerce with over 300 stores nationwide and e-commerce via their website and mobile app—something I downloaded as a PacSun shopper and felt the immediate need for redesign.

As an avid user of PacSun, opening the mobile app led me to not feel the way I should when I open an e-commerce application. The screen real estate on the home page was not doing what e-commerce home pages should do: enticing me with offers at the start in a visually beautiful way. On top of this, the app has poor navigation—it felt very unintuitive, with buttons in the middle of promo images, where the entire promo image should be a single tappable component. This project is a concept for how the application could be redesigned.

Customer profile

The majority of PacSun users are typically between 16 and 24 years old—in high school, college, or just starting their careers as young adults. As part of Gen Z, millennials, and Gen Alpha, they are regularly on their phones and generally prefer elegant interfaces that navigate with the smoothness they expect from apps like Instagram and Snapchat. When they shop on the PacSun app, they want a mobile experience that feels as snappy and minimal as the social media apps they use daily.

During my design process, I took inspiration from the aesthetic of hypebeast and sneakerhead influencers. PacSun’s market skews more toward skaters and surfers than hypebeasts, but the design language still fits a California-based streetwear brand and informed this concept.

Design inspiration

Before high-fidelity screens, I collected references from products whose layout, hierarchy, and interaction patterns fit the PacSun shopper. Each influenced a different layer of the redesign—from how content is organized to how promotions and navigation feel on mobile.

Supreme online shop layout

Supreme

Supreme’s web shop keeps the focus on product photography with a restrained grid, generous margins, and almost no visual noise. That minimal, editorial feel informed how I framed category and catalog screens—letting imagery lead while typography stays quiet and confident.

Notion workspace with a structured content table

Notion

Notion’s interface is built on clarity and structure: light borders, consistent spacing, and information grouped into scannable blocks. I borrowed that mindset for organizing dense retail content—search results, filters, and list views that stay readable without feeling cluttered.

Amazon mobile app home screen

Amazon Mobile

The Amazon app is a strong reference for mobile commerce patterns: a prominent rounded search bar, horizontal filter chips, card-based hero promos with clear swipe affordance, and a persistent bottom tab bar. Those patterns shaped PacSun’s home and discovery flows.

Design process

I started with low-fidelity mockups to quickly sketch and think through layouts—a skeleton of the UI I could refine later. Moving to high-fidelity mockups, I referenced product imagery from the PacSun website and adjusted component dimensions to better fit real assets. The goal of the high-fidelity workflow was to continue tweaking the low-fidelity designs while adding what a finalized experience requires.

Low fidelity

Low-fidelity wireframes

High fidelity

High-fidelity mockups

Home

Redesigned PacSun home feed
Home feed with category navigation and featured collections
Home screen with category tiles
Category discovery with full-bleed imagery

Catalog

Essentials Fear of God catalog
Brand catalog — Essentials Fear of God
Hoodies category catalog
Category catalog — Hoodies

Product

Product detail page
Product detail with buy actions and recommendations

Next steps

  • Validate flows with PacSun shoppers through moderated usability tests.
  • Define motion and micro-interactions for search, cart, and checkout.
  • Partner with engineering on a phased rollout starting with home and search.