Home
/
Case Studies
/
Brand & Website
/
The BAGO Boy…
Branding · Website Design & Development
The BAGO Boy: Branding & Website for an Author Launching a Coming-of-Age Novel
D
DigiFlav Editorial Team
Digiflav Case Studies
·
Published Oct 15, 2026
·
Updated Oct 15, 2026
·
Read time 11 min
9
f
𝕏
in
A Novel · 1950s Philadelphia
The BAGO Boy — Young Urban Pirate
A coming-of-age novel by John J. Bradley. Adventure, mischief, and the long shadow of Catholic school in post-war Philly.
★
Winner · 2025 International Impact Book Award
Honored for coming-of-age fiction
Author websites fail in one of two ways: they look like a self-published landing page, or they try so hard to look like a traditional publishing house that the author’s own voice disappears. John J. Bradley came to Digiflav with a novel that had already won the 2025 International Impact Book Award — and a web presence that wasn’t carrying that signal to the next reader.
This case study walks through how we built the brand and website for The BAGO Boy — the editorial voice we tuned the system around, the design choices that made it feel like a book, and the direct-to-Amazon buying flow that works for a one-author shop.
About the Client
The BAGO Boy is a coming-of-age novel by John J. Bradley — novelist, filmmaker, and television producer. The book is set in 1950s Philadelphia and carries the tagline “Young Urban Pirate.” It’s been compared by reviewers to Huckleberry Finn, Tom Sawyer, Stand by Me, and The Goonies — a mix of adventure, mischief, and the serious weight of Catholic school in post-war Philly.
Beyond the novel, Bradley has a layered creative career — past work in sports-broadcast production, a non-profit Justice On Trial established in 2002, and a backlist of upcoming titles including Super Double-Cross – SX2, Pink Butterflies, and All That! — a short-story compilation.
The book is available in four formats, all sold through Amazon:
▣
Hardcover
Collector-grade edition for shelves and gifts.
▤
Paperback
The reader’s edition — pocketable and inviting.
▯
E-Book
Kindle edition for instant delivery.
◉
Audiobook
Narrated edition for the daily commute.
The BAGO Boy — book cover alongside John J. Bradley
Swap
Suggested: cinematic composite of the hardcover and the author — moody, cinematic light, period-appropriate neutrals.
The Challenge
Debut-novel sites have a specific problem: there’s nothing to buy on-site. Amazon owns the checkout. The site’s only job is to convince — a reader who’s never heard of John J. Bradley has to leave the page already wanting the paperback in their hands.
The brief
Build an identity and website that feel like the novel feels — pulp cinematic, warm, mischievous, serious when it needs to be — and route readers to Amazon with zero friction while keeping the brand’s dignity intact.
Specifically, the problems we had to solve were:
No on-site commerce. Every buy button leaves to Amazon. The challenge is maximizing intent before the handoff, not after.
Three audiences, one page. Casual browsers, book-club readers, and press/review contacts all need different entry points — but on the same home page.
An award without a template. The 2025 International Impact Book Award is a real signal. We had to carry it with weight, not with a dusty medallion graphic.
A character-driven book. Reviews mention Joey Ferrari, Bernie McDonald, Em, and Katie the dog by name. The characters are a selling asset — but most author sites bury them.
A backlist ready to launch. The system had to accommodate Super Double-Cross – SX2, Pink Butterflies, and All That! as they publish — not force a rebuild each time.
Our Approach
We structured the engagement as a 8-week sprint across four phases. Each phase ended with a signed-off deliverable so John could keep writing while we built.
Phase
What We Did
Deliverable
01. Discover
Author sessions with John, read-through of the novel and its reviews, competitive scan across award-winning debut-novel sites, voice mapping based on his existing bio and blog voice.
Discovery doc + voice guidelines
02. Identify
Wordmark system for both the author name and the novel title, palette, typography, iconography, voice guidelines, printed collateral for signings and press.
Brand identity system
03. Design
High-fidelity Figma for home, Meet the Characters, Reviews, About the Author, Excerpts, Upcoming Titles, Blog, and Contact — mobile-first.
Finalized page designs
04. Deploy
Custom WordPress build with Elementor Pro, Amazon routing with format-specific buttons, blog publishing system, QA, speed pass, CMS training.
Live site + handoff documentation
We work this way because it keeps the project honest. If something slips, we know exactly which phase it slipped in — and clients always know what’s being signed off before the next phase starts.
Brand Identity System
Author brands fall into two tired visual camps — pastel self-publishing softness, or Big-Five publishing-house formality. We wanted neither. The BAGO Boy is pulpy, cinematic, warm, and literate. The identity had to read that way — pulp-noir with heart.
Wordmark & Title Treatment
We built two linked marks — a confident, pulp-era serif treatment for The BAGO Boy itself (sitting beside the book cover throughout the site), and a cleaner wordmark for John J. Bradley that works across his future titles as the author brand grows. The system includes a horizontal author wordmark for the header, a stacked title treatment for book-specific pages, and a monogram for favicon and press-kit applications.
Color Palette
We built on a disciplined three-color system: deep black for shadow and seriousness, clean white for breath between scenes, and signal green that reads as a bookmark — alive, present, pointing you to the next thing.
Ink #000000
Paper #FFFFFF
Signal #00C078
Surface #F7F6F2
Deep Ink #1A1A1A
The BAGO Boy brand board — title treatment, author wordmark, press kit, bookmark
Swap
Suggested: flat-lay of printed collateral — book cover, bookmark, press-kit folder, signing card, upcoming-title spine mocks.
Typography
We paired an editorial serif (Playfair Display) for display, chapter openers, and the character-card titles with a highly legible humanist sans (Inter) for body copy and UI. The pairing gives the site a magazine-like personality on the home page and keeps the reading-sample and blog pages comfortable at long length.
Voice
Three anchor lines carry the voice: “Young Urban Pirate” as the headline tagline, “A novel by John J. Bradley” as the humble author credit, and “Chapter one, free” as the invitation to the reading sample. One voice from the home page to the blog comment thread.
Website Design & UX
We designed the home page to answer three questions in order — what is this book, who should read it, and where do I buy it — then route each visitor to the right next page from there.
The Cast
Readers remember characters, not plot summaries. We built a dedicated “Meet the Characters” section on the home page — serif-italic eyebrow labels on black cards, one line of personality per character. It’s the strongest asset the book has, surfaced where it does the most work.
Character
Joey Ferrari
The ringleader. Loyal, mouthy, and more clever than he lets on.
Character
Bernie McDonald
The sidekick with a quiet backbone and a better memory than everyone.
Character
John J. Bradley
The narrator — the author as a boy, half-remembering, half-inventing.
Character
Em
The sister who sees everything first and says nothing.
Character
Katie the Dog
The fifth gang member. Opinions on everyone.
Character
Ensemble
Priests, grocers, hustlers — a Philly chorus behind the gang.
Comparables Band
Reviewers reach for familiar names when they describe this book. We put those comparisons where they belong — early, in editorial-italic treatment — because “like Huckleberry Finn, Stand by Me” is a stronger pitch than any synopsis.
Huckleberry Finn
Tom Sawyer
Stand by Me
The Goonies
Key UX Decisions
Four buy buttons, one row. Hardcover, Paperback, Kindle, Audiobook — each with its own icon, each routed directly to Amazon with pre-filled affiliate tags. No internal cart, no form, no “add to list.”
Award mention above the fold. The 2025 International Impact Book Award appears next to the hero buy buttons, not buried in the About page.
Reading sample, not synopsis. Instead of a plot summary that spoils the book, we built a reading-sample page — chapter one, free, directly on the site. The best synopsis is the book’s own voice.
Audiobook sample inline. A native audio player on the home page lets a visitor hear the narrator for 60 seconds before buying. Audiobook buyers overwhelmingly need this.
Upcoming titles treated as backlist. Super Double-Cross – SX2, Pink Butterflies, and All That! each have their own placeholder page with “Join the mailing list” — so John can build pre-launch interest without a rebuild.
Mobile-first. Over 65% of book-discovery traffic lands on mobile from reviews, podcasts, and Instagram. Every section was designed in a 390-pixel frame first.
The BAGO Boy site in flow — home, characters, and the reading sample
Swap
Suggested: multi-device composite showing hero on desktop, Meet the Characters on mobile, reading sample on tablet.
Technology & Development
We built the site on a WordPress + Elementor Pro foundation, with a custom child theme hand-coded for performance and the editorial typography. The whole site ships under 150KB of CSS and loads in under 1.8 seconds on 4G — critical for book-discovery traffic from podcasts and reviews.
Stack
Front-end: WordPress with a custom Elementor Pro child theme, modern vanilla JavaScript, and a design-token-driven CSS layer tuned for the editorial typography pairing.
Amazon routing: Format-specific buy buttons routed to pre-tagged Amazon product pages, with click-tracking so John can see which format wins per traffic source.
Reading sample: Chapter-one web reader built as its own page, mobile-optimized, with “Buy the Rest” buttons repeated at natural break points.
Audio sample: Native HTML5 audio player with waveform display, muted-by-default, “Tap to listen” prompt.
Blog: Native WordPress blog (“Bago Blog”) with category filtering, so John can publish author notes and backlist news without touching code.
Mailing list: Mailchimp integration for upcoming-title pre-launch interest.
Analytics: GA4, Microsoft Clarity for behavior insights, consent-mode-compliant cookie banner.
Performance: Image lazy-loading, critical CSS inlined, no third-party fonts on the critical path, targeting 90+ Lighthouse scores across the board.
Everything is modular. When John launches Super Double-Cross – SX2, Pink Butterflies, or All That!, the system scales — each upcoming title becomes its own page without a redesign.
Digiflav built the site I’d been imagining in my head for two years. It looks like the book feels, points readers to Amazon in one click, and gives my upcoming titles a home that’s already waiting for them.
John J. BradleyAuthor · The BAGO Boy
Results & Impact
We measure case studies on both the quantitative wins (what the numbers show) and the qualitative ones (what the client’s day-to-day changed). Here’s where the project landed on both.
Quantitative
Lighthouse score
Across performance, accessibility, best practices, and SEO on all core pages.
Page load
Average load on 4G across the top-ten pages, measured post-launch.
Amazon click-outs
Increase in format-tagged clicks to Amazon buy pages in the first 60 days post-launch.
Format routes live
Hardcover, Paperback, Kindle, Audiobook — each with its own tracked route.
Qualitative
Reviewers and podcasters now share the site link in episode notes — “the one place to find all four formats” has become the shorthand.
The reading sample is doing conversion work — visitors who read chapter one convert at a materially higher rate to Amazon click-outs.
Upcoming-title placeholder pages are already collecting mailing-list signups for books not yet published.
John can publish blog posts, book-club notes, and backlist updates without touching code.
Deliverables Overview
Here’s the full list of what John walked away with at the end of the 8-week engagement:
Brand identity system — book title treatment, author wordmark, monogram, palette, typography, iconography, press-kit tokens, voice guidelines.
Website design — high-fidelity Figma pages for home, Meet the Characters, Reviews, About the Author, Reading Sample, Audiobook Sample, Upcoming Titles, Blog, and Contact.
Custom WordPress + Elementor Pro theme — hand-coded, performance-tuned, with modular editable sections.
Amazon format-routing system — four buy buttons, click-tracked by format and source.
Reading sample reader — mobile-optimized chapter-one web experience.
Audio sample player — native HTML5 player with waveform display.
Integrations — Mailchimp, GA4, Microsoft Clarity, and consent-mode-compliant cookie banner.
Launch kit — favicons, OG images with book-cover crop, sitemap, robots.txt, 301 redirect map.
Training — two Loom walkthroughs on publishing blog posts, adding upcoming titles, and managing the mailing list.
30-day aftercare — post-launch support covering bug fixes, copy tweaks, and speed checks.
Key Takeaways
For agencies or founders looking at a similar project — an author launching a debut, a creator with a growing backlist, or anyone with a product sold through someone else’s checkout — the three lessons we’d pass on from this engagement are these:
When Amazon owns the cart, the website’s job is to convince. We treated every section as a persuasion step: read a chapter, hear a sample, meet the characters, see the award. By the time the buy button appears, the decision is already made.
Characters sell books more than plot summaries do. Reviewers remember Joey, Bernie, Em, and Katie by name. We built the home page around them, not around a two-paragraph synopsis.
Design the backlist before the first book is sold. John’s upcoming titles have placeholder pages already live. When they publish, the pages just fill in — no rebuild, no redesign.
If you’re sitting in a similar spot — an author, creator, or founder whose website has to convert to someone else’s checkout — this is the kind of engagement we specialize in. One conversation is all it takes to see if it’s a fit.
D
DigiFlav Editorial Team
Digiflav Web
Practical case studies on web, brand, SEO and AI from the team that builds them for businesses in the US, UK, Canada and Pakistan.
Free Consultation
Launching a book, brand, or website?
Talk to the team behind this case study. We’ll map the fastest route for your project — no obligation.
Response within 1 business day
Free 45-minute discovery call
Fixed estimates — no surprise invoices
Work With DigiFlav
Liked this case study? Let's build it for you.
The same thinking behind this project goes into every engagement we run — web, brand, SEO, and AI. One conversation is all it takes.
Related Case Studies
Branding & launching a Forbes #1 LinkedIn Influencer
Identity system and Shopify build for Shay Rowbottom’s personal brand and course business.
DigiFlav
·
11 min read
Branding a Walnut Creek metaphysical sanctuary
Identity and website for Crystal Dreams — Sacred Stone Gallery, California.
DigiFlav
·
8 min read
Branding Mayfair's surgeon-led aesthetic clinic
Identity system and website build for Dr Hass Clinic — Mayfair, London.
DigiFlav
·
7 min read
