Hello Please Wait =)Hello

Scope of WorkUI DesignDevelopment

Visceral New York

2020

UI/UX Design, Web Design

LiquidThemes

Industries:Fashion & E Commerce

Status:Completed

Project Duration:Sep 2020

Visceral New York needed an e-commerce experience that felt like a lookbook, not a catalog.

LiquidThemes commissioned the UI and front-end for a streetwear shop built around baseball caps. The work had to make browsing, product, and checkout feel as considered as the brand: quiet type, generous space, and products that sit like stills.

Visceral New York shop across laptop, tablet, and phone

( Approach )

We designed and developed the storefront as one system: homepage as editorial hero, shop as a calm grid, product pages that put the hat first, and a cart that stays out of the way.

  • Build a lookbook-led homepage around the product
  • Design shop, product, and cart as one visual language
  • Keep the brand serif and product photography in charge
  • Make mobile shopping as considered as desktop
  • Ship UI design and development as one engagement
Visceral New York product and cart on iPhone
Visceral New York shop grid on iPad
Visceral New York e-commerce homepage on a laptop
Visceral New York shop across laptop, tablet, and phone
Visceral New York shop grid on iPad
Visceral New York product and cart on iPhone
Visceral New York shop across laptop, tablet, and phone
Visceral New York product and cart on iPhone

( Challenges )

Apparel e-commerce fails when the interface competes with the product. We focused on:

  • ( 001 )
    Letting the caps carry the identity instead of chrome
  • ( 002 )
    A shop grid that reads as merchandising, not a feed
  • ( 003 )
    Cart and checkout that stay as quiet as the catalog
  • ( 004 )
    Layouts that hold up on laptop, tablet, and phone
  • ( 005 )
    Type and space that feel New York, not template

( Outcome )

The storefront launched as a complete UI and front-end: homepage, shop, product, and cart across desktop and mobile.

  • 1.
    A storefront that presents like a lookbook
  • 2.
    Shop and product pages that keep photography first
  • 3.
    Cart and account flows that stay visually quiet
  • 4.
    A consistent system across laptop, tablet, and phone
  • 5.
    UI design and development delivered together
  • 6.
    A template-ready e-commerce identity for LiquidThemes

( Notes )

Visceral New York E Commerce is a September 2020 engagement for LiquidThemes: UI design and development for a hat-led streetwear shop.

( LiquidThemes · UI Designer · Sep 2020 )

NEXT PROJECT

Citi ID

Branding, UI/UX Design

2017

Industries:Fashion & E Commerce

Status:Completed

Project Duration:Sep 2020