01 / Product experience
Introduce the subject
As a prospective reader, I want to understand the book’s focus before exploring further.
The opening page frames relationships in a digital world and introduces the reading journey.
All workSelected work / 07
Interface studyFinding Love Online
01 / Context
The idea
A content-led website connecting a relationship-focused book with chapters and supporting resources. It gives visitors a way to explore the subject before choosing what to read next.
My contribution
Lead Developer
WebInfluencers
Built with
Next.js · Firebase · Sanity · Motion · Tailwind CSS
Platforms
Web
Inside Finding Love Online
Product walkthrough02 / The problem & the approach
What the experience needs to solve
A book’s website needs to do more than present a cover. Readers need a sense of its structure and a way to find supporting material relevant to their questions.
The approach
The site moves from an introduction to chapter exploration and a separate resource destination, keeping different reading intentions easy to recognise.
The story, screen by screen.
03 / User journeys02 / Product experience
Explore the book
As a reader, I want to understand the chapter structure before deciding where to begin.
The chapters page makes the book’s contents a browsable part of the website.
03 / Product experience
Continue with resources
As a reader, I want related material that helps me continue exploring the subject.
The resources page gives supporting content a clear home alongside the book.
04 / Behind the interface
Engineering the experience
Next.js provides dedicated reading and discovery routes, while Sanity supports managed editorial content.
The interface uses a shared visual language across the book introduction, chapters, and supporting resources.
Web platforms
