Design Package . Mobile

Mobile Views . All Six Pages

How each direction reads on a phone.

Same eighteen mockups. Same three variants per page. Rendered at iPhone width so you can see how each direction collapses, stacks, and paces on the device most visitors will use.

How to read this. Every phone you see below is a real, live preview of one variant at mobile viewport width. The videos play, the rotating galleries crossfade, the layouts respond. Scroll inside any phone to see the full page.

How to send picks. Same rules as the desktop package. Reply by email, text, or phone with picks like "Home: A, Gallery: B, Guitar: C, About: A, Process: A, Commission: B" and a line on anything you'd shift.

Variant A

The Workshop.

Video plays full bleed under the centered logo.

Reference label .Home: A

Variant B

The Instrument.

Headline first, then the rotating gallery beneath it.

Reference label .Home: B

Variant C

The Maker.

Portrait video on top, copy and CTA below.

Reference label .Home: C

Variant A

Editorial.

One guitar per row, generous white space.

Reference label .Gallery: A

Variant B

Dense.

Two-up grid with hover-style captions tightened.

Reference label .Gallery: B

Variant C

Lookbook.

Full-width image, copy below, top to bottom.

Reference label .Gallery: C

Variant A

Profile.

Cover image, then story and spec card stacked.

Reference label .Guitar: A

Variant B

Stack and Rail.

Image stack flows above the info rail.

Reference label .Guitar: B

Variant C

Chapter.

Wide cover, then alternating chapter sections.

Reference label .Guitar: C

Variant A

The Essay.

Cover photo, then a long, slow read.

Reference label .About: A

Variant B

The Timeline.

Years and milestones, top to bottom.

Reference label .About: B

Variant C

The Studio.

Workshop video on top, intro and stats below.

Reference label .About: C

Variant A

The Walk.

Five numbered steps, one after another.

Reference label .Process: A

Variant B

The Chapters.

Tabs collapse to a horizontal row.

Reference label .Process: B

Variant C

The Essay.

Mosaic stacks to a vertical photo essay.

Reference label .Process: C

Variant A

Form First.

Welcome stacks above the inquiry form.

Reference label .Commission: A

Variant B

Story First.

Video cover, then the long welcome.

Reference label .Commission: B

Variant C

Quiet Card.

A note, two CTAs, and the contact lines.

Reference label .Commission: C

Your Read . Mobile

Same eighteen mockups, on the device most visitors use.

Use the picks you made on the desktop package. The chosen variants will work on both.

How each direction reads on a phone.

Homepage on mobile.

Gallery index on mobile.

Guitar page on mobile.

About Jeremy on mobile.

Build process on mobile.

Commission on mobile.