No. 01
The Shelves
Live inventory, sorted into sections, with staff picks and a corner just for sprayed edges.
staff picks + sprayed edges
Website + back office · by WIIWID
A purple trailer full of books, and the website that runs it.
Brianna and Ashley are a mother and daughter filling a purple trailer with books they love and bringing it wherever readers gather. WIIWID built them a storefront with as much personality as the trailer, plus Bookends HQ: a back office that runs the whole shop from a phone at the trailer or a laptop at home.
The website
Bookends HQ
Recreated in HTML from the live site. Bookends HQ screens show sample data.
I.For readers
Browse from the couch. Pick it up at the trailer.
The site carries the trailer's personality onto every page: handwritten notes, a Date Due card for the schedule, reader's cards for the owners, and cloth-bound covers for books still waiting on their photo.
Little Women
L. M. Alcott
Jane Eyre
C. Brontë
Emma
Jane Austen
no photo yet? it gets a cloth cover
II.On the road
A bookstore that parks wherever readers gather.
Date Due
Between the Bookends
New dates coming soon.
Full schedule
the schedule, stamped onto a library card
“If there are readers, we'll pull up, open the doors, and let them browse.”
Brianna & Ashley
Every stop they add in Bookends HQ lands on the site's next-stop ticket and Date Due card, with directions and a calendar feed. Readers can also book the trailer for their own event:
- School or library event
- Birthday party
- Bridal or baby shower
- Book club night
- Market or festival
- Fundraiser
III.Bookends HQ
The back office that runs the whole shop.
Everything Brianna and Ashley need, from a phone at the trailer or a laptop at home: ring up a sale, scan in a box of books, flip the trailer to “Open now,” and let a reader know their hold is ready.
HQTrailer: Open nowTrailer status
Shows on the website header and home page right away.
Where? (e.g. Main St market)
Update the website
Flip the switch. The website follows.
Open now, Closed, On the road, or Private event. Whatever Brianna and Ashley pick on their phone shows in the site's header, and during a scheduled stop the site says “Open now” on its own.
go on, tap a status on the phone
bbmobilebookstore.com
Open now
What readers see in the header
Register
Ring up sales at the trailer
Search or scan an ISBN, add a discount, pick the payment type, and see the change due. Stock comes off the shelf automatically, and bookmarks or totes ring up too.
CashCardVenmoCash AppPayPal
Add a book
Unpack a box, one scan at a time
Scan or type an ISBN and the title, author, description, section, and cover fill in from Google Books or Open Library. Then: “Add & scan the next one.”
Camera scan in Chrome / AndroidBluetooth scanner
Schedule
Plan the route
Stops with times and addresses power the site's directions and calendar feed. Repeat a stop next week, cancel one, mark it private, and see sales for every stop.
DirectionsCalendar feedPrivate events
And the rest of HQ
Dashboard
Books
Import
Holds
Book hunts
Bookings
Inbox
Love notes
The Letter
Sales
Insights
Site & content
Activity & System
Trailer status
⌘Kjumps to any page or bookone password, a signed session cookie, and a login throttle
IV.Meet the bookends
Every shelf needs two bookends. Theirs are a mom and her daughter.
Brianna and Ashley turned a shared love of reading into a family business. The site introduces them the way a library would: on reader's cards, filled in by hand.
Reader's Card
B
Name
Brianna
Role
Co-owner, cover judge
- Can't resistan intriguing cover
- Weaknesssprayed edges
- Off the clockcrafting and animals
- Usually foundwith a book in hand
Reader's Card
A
Name
Ashley
Role
Co-owner, proud mom
- Proud mom of two
- Happy placethe beach, book in hand
- Off the clockfamily time and craft days
- Usually foundnose in a book
“We can't wait to meet you, hear what you're reading, and help you find your next happily ever after, one book at a time.”
Brianna & Ashley, on bbmobilebookstore.com
V.The build
Designed and built by WIIWID.
A brand system pulled straight from their badge: plum ink on warm paper, royal purple from the badge ring, gold foil used sparingly, and sunflower for small bright moments.
The palette
- Plum ink#1c0a31
- Royal#4a0e8f
- Violet#6d34c4
- Lavender#b9a2e4
- Gold foil#b8892f
- Sunflower#f2b01e
- Paper#fbf7ef
The type
- Find your nextLibre Caslon Display · Headlines
- happily ever after.Libre Caslon Text · Reading
- THE SHELVES · SCHEDULEJost · Labels & the admin
- admit all readersNothing You Could Do · Handwritten notes
Little library details
- An admission ticket for the next stop, with a tear-off stub
- The schedule, stamped onto a library Date Due card
- Reader's cards for the owners, filled in by hand
- Shelf-talker notes clipped to the staff picks
- Cloth-bound covers in ten colors for books without a photo
- Watercolor washes that drift slowly behind the pages
Jane Eyre
Charlotte Brontë
sprayed edges, painted in CSS (tap to turn it)(hover to turn it)
Under the hood
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
- Motion
- Supabase
- Resend
- Vercel
Supabase stays server-side, with Row Level Security on every table. Email goes out through Resend. Analytics are privacy-friendly, with no cookies. And every animation respects reduced-motion settings.
Find your next happily ever after.
Visit Brianna and Ashley online, then come find the purple trailer.