Week 3 · Sep 18 – Sep 24 · current build
The current build.
Week three keeps the prototype from last week and changes what was on it. The homepage scrolls and can follow a shopper’s feed. Navigation and the brand cards were rebuilt. The catalog, account, sale, and AUX archive are in.
These frames are the build as it stands now. Notes call out what moved since week two.
The schedule and payment plan live on the timeline & invoicing page.
Homepage, your feed
Signed in, the homepage follows the account. This demo is set to men’s shoes on sale, so the headline and the hero product change with it. Your feed and Everything sit above the line so you can switch back.
Homepage, everything
Everything restores the store line, with a little color on art and music. The sale banner from week two is gone. A chip in the header carries Back to School, and the bag is an outline next to a demo portrait.
Homepage, inside the first card
The first card scrolls before the stack moves on. Under the line: apparel and accessories, best sellers, back in stock, then a note that the next card is a brand. Product photos sit in the frame without cropping.
Mega menu
Brands is the live directory now, grouped A to Z. The panel is pinned to a quarter of the screen and scrolls inside itself. The four sample products from week two are gone.
Brand card
The banner is full bleed at every desktop width, lined up with the header gutter. The footer and the sale chip are light, so they sit on the photo instead of a dark bar.
August AUX
Radio is the real archive. Mixes from the shop, paged, with a player and a link through to the full archive. Events and the newsletter sit further down the same card.
Account
A signed-in account. The feed prefs here are what drive the homepage: department, category, sale only. Orders, details, brands, and the Madison pickup store sit beside it.
Shop
The grid is the live catalog, not the sample set. New arrivals here is forty-seven products. Photos are contained so nothing is cropped, and sale prices are struck through.
Search
Search from the header lands on the same grid, with the query in the count. Nike returns six.
Sale
Sale is its own page. Everything currently on sale, original price and sale price on the card.
Product
Same buy box as week two, now on a live product. Size, the price on the button, Madison pickup, and a row of more from the shop.
Mobile menu
The hamburger is the word menu. The panel has the sale chip, search, the links, and a swipeable row of promo tiles for new arrivals, brands, and the sale.
Brand card, mobile
Square Trade and Dr. Martens use a vertical image on the phone, so the whole shoe is in the frame instead of a crop of the desktop banner. The tab bar adds Radio.
What happens next
- You review this round and send notes.
- Week two is the prototype this round started from.
- Week four locks the direction for every page.
- Development in Shopify Liquid starts the week after that.
Send notes on this round whenever you are ready.