🔦 Illuminating the Unseen: Translating Abstract Vision into Award-Winning UX
by Cleo | Jan 25, 2022 | Case Studies
Coy Jeffrey Cornett is the author behind the How to be a Lighthouse series—a transformative self-help collection that guides readers through examining their past, present, and future. More than just books, the brand is a movement helping individuals construct their own “internal beacon” to navigate life’s storms.
Project Framework & Capabilities
This case study maps the specific capabilities executed during this project directly to the studio’s
proprietary framework, ensuring deliverables were systematic and de-risked at every stage. Learn more about the 5 D’s of Creation on the
Our Process page.
1. Discover →
- Stakeholder Interview,
- UX Research,
- User Interviews
2. Define →
- UX Design,
- Information Architecture,
- Project Management
3. Delight →
- Accessibility Testing,
- Usability Testing,
- Creative Direction,
- Branding,
- Copywriting
4. Design →
- Merchandise Design,
- Graphic Design,
- UI Design
5. Deploy →
- Coding,
- WordPress Theme Development,
- Visual QA,
- Manual QA
The Problem – Vision without a vessel
For 13 years, Jeff searched for a technical partner capable of translating his complex creative vision into a functional digital reality. He didn’t just want a book landing page; he needed an interactive platform where users could digitally “build” their own lighthouse and generate custom, printable art. The challenge was to create a system robust enough to handle e-commerce and membership data, yet flexible enough to scale for future book editions like the LGBTQ+-focused Rainbow Edition and the Silver Edition for the 50+ community.
The Approach – Our Process: Discover, Define, Delight, Design, & Deploy
We engineered a scalable digital ecosystem using a comprehensive five-stage methodology that prioritized user feedback and architectural longevity.
- Discover (Strategy): For the initial project supporting the series’ first book (Premier Edition), we grounded the vision in data. We conducted 2 rounds of User Interviews to deeply understand the emotional landscape of the target audience.
- Define (Validation): We mitigated development risk by conducting 2 rounds of usability testing on the wireframes as a clickable prototype. This validated the complex user flows early, ensuring the architecture could support the user’s journey before visual polish.
- Delight (Empathy): We analyzed micro-interactions and refined microcopy to ensure the digital reflection process felt like a “safe space,” guiding users with warmth rather than rigid system prompts.
- Design (UX/UI): We moved from high-fidelity prototypes to a massive 147-screen responsive design system, ensuring a seamless experience across desktop and mobile devices.
- Deploy (Scalability): We launched on a custom WordPress framework integrated with Advanced Custom Fields and e-commerce solutions. Because we architected for scalability, when Jeff returned for the Rainbow and Silver enhancements, we easily implemented “theme toggling” and dynamic content blocks without tearing down the foundation.
Wireframes
Home Registered User Dropdown
Home Registered Author Tip
Build Lighthouse Not Registered
Build Lighthouse Frequently Asked Questions
Build Lighthouse Registered After Users 1st Time Preview Demo
Build Lighthouse Registered Users 1st Time
Build Lighthouse Registered Users 1st Time PreStep
Build Lighthouse Registered Users 1st Time Step 1
Build Lighthouse Registered Users 1st Time Step 2
Build Lighthouse Registered Users 1st Time Step 3
Build Lighthouse Registered Users 1st Time Step 3 Level 2
Build Lighthouse Registered Users 1st Time Step 3 Level 3
Build Lighthouse Registered Users 1st Time Step 3 Level 4
Build Lighthouse Registered Users 1st Time Step 3 Level 5
Build Lighthouse Registered Users 1st Time Step 3 Level 6
Build Lighthouse Registered Users 1st Time Step 3 Level 7
Build Lighthouse Registered Users 1st Time Step 3 Level 8
Build Lighthouse Registered Users 1st Time Step 3 Level 9
Build Lighthouse Registered Users 1st Time Step 3 Level 10
Build Lighthouse Registered Users 1st Time Step 4
Build Lighthouse Registered Users 1st Time Step 4 Section A
Build Lighthouse Registered Users 1st Time Step 4 Section B
Build Lighthouse Registered Users 1st Time Step 4 Section C
Build Lighthouse Registered Completed The Users 1st Time
Build Lighthouse Registered After Users 1st Time
Build Lighthouse Registered After Users 1st Time Step 1
Build Lighthouse Registered After Users 1st Time Step 2
Build Lighthouse Registered After Users 1st Time Step 3
Build Lighthouse Registered After Users 1st Time Step 4
Build Lighthouse Registered After Users 1st Time Save Closed Success
Build Lighthouse Registered After Users 1st Time Preview
Shared Inner Light Not Registered
Shared Inner Light Not Registered Full Size Image
Shared Inner Light Not Registered Upload Image
Shared Inner Light Registered
Shared Inner Light Registered Full Size Image
Shared Inner Light Registered Upload Image
Shared Inner Light Registered Shared New Item
Merch Details Not Registered
Merch Details Not Registered Add To Cart
Merch Details Not Registered Soldout
Merch Details Registered Add To Cart
Merch Details Registered Soldout
Cart Not Registered Update Cart
Cart Not Registered Promo Code Does Exist
Cart Not Registered Promo Code Does Not Exit
Cart Registered Update Cart
Cart Registered Promo Code Does Exist
Cart Registered Promo Code Does Exit
Checkout Not Registered Create An Account
Checkout Not Registered Continue As Guest
Checkout Not Registered Create An Account Confirmation
Checkout Not Registered Continue As Guest Confirmation
Checkout Registered Confirmation
User Account Shared Inner Light
User Account Order History
User Account BIlling Shipping
Privacy Policy Not Registered
Privacy Policy Registered
Responsive Website
Lighthouse Building – Step 1
Lighthouse Building – Step 2
Lighthouse Building – Step 3
Lighthouse Building – Step 4
The Outcome – An Illuminating Success
The result was an illuminating success. The platform garnered a Gold Davey Award and two Silver w3 Awards for Best Home Page and Visual Appeal. More importantly, the scalable architecture turned a one-off project into a long-term partnership, powering the launch of subsequent editions and solidifying a relationship built on trust and technical excellence.