Hub

Page Mockups

Interactive prototypes for Sitename

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

Home page, hero section

Needs your pick

Hero mockups

Eighteen working versions of the homepage's top section in four rounds. Flip through them as a slideshow or a table, rate each one, and highlight any line to leave a note on it.

Open the deck

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

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