v1

For the August team, Madison WI

august-shop.com, redesigned. Version one.

First-round wireframes for a redesign of the store. This round covers design direction. The schedule and payment plan live on the timeline & invoicing page.

Production will be built in Shopify Liquid on your existing store. Look through the frames and send notes on anything, large or small.

01 Homepage

Homepage, above the fold

The store opens on the wordmark, one line of positioning, and a single path into the shop. Navigation, search, and account move into floating islands that persist through the site.

Homepage, above the fold
02 Homepage

Homepage, full page

The complete page. New arrivals in a grid up top, the AUX NIGHT mixes in a dedicated audio player, and a banner section per brand. Everything on the current homepage is still here, in a clearer order.

scroll
Homepage, full page
03 Navigation

Mega menu

Same menu structure as the live store: link columns with product previews. The island expands into a glass panel over the page rather than a full-width dropdown, and the products in the menu are shoppable.

Mega menu
04 Shop

Shop grid

A dedicated shop view. Large product cards with size selection on the card, and a filter row that stays fixed while you scroll.

scroll
Shop grid
05 Shop

Filter deck

The same grid with the filter deck open. Brand, size, color, and price in one panel that overlays the grid, so filtering never means leaving the page.

scroll
Filter deck
06 Product

Product page

A larger gallery, with size, price, and add to bag grouped in a single buy box. The button carries the price, so the total is visible before the click.

scroll
Product page
07 Product, option B

Product page, option B

A second layout for the product page, not a continuation of 06. Same elements, different arrangement of the gallery and buy box. We would like your read on which fits August better.

scroll
Product page, option B
08 New

Shop by color

New to the store. Pick a tone or blend two, and the catalog re-sorts by color proximity. Sage at 60, slate at 40, and the grid follows. Built for people who shop by look rather than by brand.

scroll
Shop by color
09 Checkout

Bag and checkout

Bag and order summary as matching cards, with shipping and tax shown before checkout. One flat button to finish.

Bag and checkout

What happens next

  1. You review version one and send notes.
  2. We revise into version two.
  3. The schedule and invoices are on the timeline & invoicing page.
  4. Production is built in Shopify Liquid on your existing store.

Send thoughts whenever you are ready.