week 2

Week 2 · Sep 11 – Sep 17

The wireframes, made clickable.

Week two is the first working store. The screens from week one are a prototype you can click through: a card-stack homepage, shop, product, and bag, plus radio and a profile.

It is built to port into Shopify Liquid. The catalog here is still a sample set. The live products come in week three.

The schedule and payment plan live on the timeline & invoicing page.

01 Homepage

Homepage, card stack

The wireframe homepage is now a stack of cards, the way iOS stacks notifications. The first card holds the sale banner, the line, and four products. Dots at the bottom move through the stack, and a radio chip sits in the corner.

Homepage, card stack
02 Navigation

Mega menu

Brands opens a glass panel over the page: the brand list, four shoppable products, and an editorial tile. Same structure as the week one menu, now in the working prototype.

Mega menu
03 Homepage

Brand card

Each brand is its own card in the stack. Vans, Square Trade Goods, and Dr. Martens, full bleed, with shop now into the collection.

Brand card
04 Radio

August Radio

The last card is a player. Three mixes from the shop floor, a waveform, and a short note underneath. This is the first pass at AUX, before the real archive.

scroll
August Radio
05 Shop

Shop

New arrivals as a grid. Filter and sort open in a sheet, so the page stays put. Twenty-four products in this pass, still the sample set.

scroll
Shop
06 Product

Product

Gallery, sizes, and add to bag with the price on the button. Madison pickup is on the card.

scroll
Product
07 Checkout

Bag

Bag and summary as matching cards. Shipping and tax wait until checkout.

Bag
08 Mobile

Mobile

A hamburger, the sale banner, and a tab bar: Shop, Search, Bag, Profile. The bag carries a count. Radio stays as a chip above the bar.

Mobile

What happens next

  1. You review the prototype and send notes.
  2. Week three is the current build.
  3. Week four locks the direction before development.

Send notes whenever you are ready.