Hub

Page Mockups

Interactive prototypes for Sonographer in the Making

Product preview images

Fourteen previews built from the pages you picked, on white, ready for the listings. All four books number their pages differently from where the page sits in the file, so each is shown both ways and the page asks you which you meant. Four quick answers, then rate the pictures and leave a note.

Open review

Free materials

New

Free Materials

Layouts for the free downloads section, starting with the wireframe set: what sits where, in what order, before any styling goes on.

Open free materials

Project review

Feedback

Project Updates & Feedback

Latest items for your review - listing descriptions, dev store footer waves, the crossword generator, and cheat sheet automation. Pick an option and leave comments; everything saves automatically.

Open review

Listing page, founder panel

Needs your pick

Walk In Prepared

Your eighteen notes on Concept 5 are applied. The one thing left is the comparison you asked for: two badges against three, side by side and in place on the page. Two smaller questions sit under it.

Open review

Puzzle styles

Style review

Puzzle styles

Nine kinds of puzzle, each shown in five different looks, filled with sample words so you can judge the look rather than the content. Two of the five are measured from sheets you already have. Rate any of them and leave a note.

Open review

Product page

React App

SPI Exam Practice Questions

Full product page prototype — hero, feature breakdown, chapter preview, testimonials, related products, sticky add-to-cart. Built as a React app with Tailwind and shadcn/ui.

View prototype

Listing page

Image review

Listing page design concepts

Fourteen design directions for the product listing cards. Click any image to see it full size, rate it 1 to 5, and leave a note.

Open review

Home page — Most Popular section

Variant 1

Three cards

Classic row: three rectangular product cards, hero center slightly larger, flanks animating in from the sides on scroll. Each card carries title, reviews, price, tagline, and CTA.

Open mockup

Variant 2

Circles centered

Three circular product orbs across the middle with a dynamic detail card below. Radial teal vignette background. Hover any orb to fade it forward and swap the detail card content.

Open mockup

Variant 3

Circles asymmetric

Off-center cluster of three tilted circular orbs on the left; heading plus dynamic detail card on the right. Two-column editorial layout, staggered orb sizes and rotations.

Open mockup

Home page — Section mockups

Browse by topic

Find Your Study Tool

Four overlapping circular category cards (Study Guides, Flash Cards, Workbooks, Bundles) with a 1px black border and gradient label legibility. Replaces the static SVG-icon ribbon.

Open mockup

Success stories

What Future Sonographers Say

Three testimonial cards with bordered (#172224) edges, photo + name + program. Grid layout fits all three at desktop width without clipping.

Open mockup

Newsletter

Get Free Study Tips

Diagonal teal-to-cream banner with email capture and Subscribe CTA. Dark button for contrast against the brand teal background.

Open mockup

Our Story

Dear Future Sonographers

Two-column founder narrative with organic blob portrait. SVG illustration of a medical student with copy pulled verbatim from the live site.

Open mockup