Listing pages
Mobile redesign with the desktop design frozen, plus a template for every product.Mobile-first: Refined
The current desktop design untouched, with a redesigned, ship-ready mobile experience: sticky buy bar, carousels, fixed layout.
Open mockup OutdatedRedesign BMobile-first: Reimagined
A bolder, app-like mobile product page with segmented tabs and persistent checkout. Desktop unchanged.
Open mockup Reference
Current desktop design
The existing fe-3 listing design that both mobile redesigns preserve exactly.
View render All productsEvery product listing
A branded listing page generated for every product from its currently-live description, with the gradient pre-footer carried over.
Browse allLive on the dev themes
The current listing and homepage builds rendered live on both dev stores. Unlock each store once below; the links then open without a password.Listing on sitm-mockups-1
The ported product listing rendered on the mockups-1 dev theme (130088894544).
Open live page LiveListing - ring 2Listing on sonographer-dev
The ported product listing rendered on the main dev theme (153569722531).
Open live page LiveHomepage - ring 1Homepage on sitm-mockups-1
The homepage rendered on the mockups-1 dev theme (130088894544).
Open live page LiveHomepage - ring 2Homepage on sonographer-dev
The homepage rendered on the main dev theme (153569722531).
Open live pageAbout page
Exact copy from the current About page, realigned to the dev-theme homepage. Two directions.Blog
A custom but Shopify-native blog, five landing directions, plus four finished posts. C, D and E add the storytelling funnel.Editorial magazine
Featured flagship post, category filters, and an asymmetric card grid.
Open mockup Index BFeatured hub
A gradient hero spotlight, a "start here" rail, and a filtered catalog grid.
Open mockup Index CStory magazine
The Pinterest funnel: narrative acoustics stories that pull a wide audience in, then hand them the science, an interactive, and a product.
Open mockup Index DDual-track
One blog, two lanes: the student career track and the story track side by side, with how each feeds the other.
Open mockup Index E - she chose thisThe literal split
Builds on D: a vertical wave splits the page - light career track on the left, story track deepening to navy on the right, both converging at one shared CTA. (Polished alternatives below.)
Open mockup Story post + interactiveThe Shape of Sound
Sophie Germain and the cymatics funnel, with a working Chladni pattern visualizer and the coloring-book bridge.
Read post Post + interactiveUltrasound Physics
Flagship post with the Physics Panic Meter, ELI5 toggles, and a concept-check quiz.
Read post Post + interactiveSonographer Salary
Full salary guide with the "What's Your Number?" salary estimator.
Read post Post + interactiveHistory of Ultrasound
The story of seeing with sound, with the Ultrasound Timeline Explorer.
Read postInteractives
Standalone, self-contained widgets, also embedded in their posts.New split-design blog layouts
Three alternatives that build on the split she liked (#23-26) - each with her approved copy, the email capture, and the shop-only close, and each made to look complete with only a few posts.The Polished Split
E rebuilt to ship: a flowing seam wave, one featured post per lane, intentional "next one drops here" cards so a short list never looks empty, the email capture, and a shop-only close. Her copy throughout.
Open mockup NewSplit alt - FThe Tide (horizontal)
The same wave split, rotated: student track on top, story track below, the wave between. Each track is a full-width strip that reads as complete with as few as two posts - the best fit for limited content.
Open mockup NewSplit alt - GChoose Your Wave
The split as the interaction: pick a side and the wave slides, that track opens, the other folds to a flip-back rail. Interaction-led, so it feels designed even with two posts a side.
Open mockupNew & updated interactives
Built out from her feedback: sources on the estimator (#17), an image-ready quiz (#45/#46), the read-aloud option she asked for (#40), plus two new teaching widgets.Salary Estimator + sources
The estimator she liked, now showing the BLS source, whether it auto-updates, the review date, and the method - the answer to "where is this from?"
Try it NewWidget - quizConcept Quiz (image-ready)
Rebuilt to hold real ultrasound images and a per-question source + "verified" status. The ambiguous Doppler item is dropped, awaiting her verified version.
Try it NewWidget - physicsFrequency vs Depth
One slider makes the most-tested idea in physics obvious: higher frequency, sharper detail, less depth. Watch the tradeoff move.
Try it NewWidget - plannerBuild Your Study Week
Exam date + hours + weak spots in, a personalized weekly plan out - built on her study system, routed to her tools.
Try it NewFeature - listenListen / read-aloud
The read-aloud option she asked for: press play, choose the speed. Browser-native, nothing to install, can go on every post.
Try it