OVERVIEW
Project
FableVerse
Company
VoyceMe
Year
2025
What we were building
A manga, manhwa & AI storytelling platform — from the webcomics library to FableVerse's interactive fiction engine, built for 2M+ readers worldwide.
Readers wanted a home. Creators had no stage.
VoyceMe had thousands of stories but no unified experience — reading felt generic, AI felt like a toy, and creators had nowhere to build their world.
The best storytelling platforms don't just display content — they create a world you can inhabit. Every screen we designed for VoyceMe asked one question: does this feel like you belong here?
THE PROBLEM | 4 CRITICAL GAPS
Readers wanted a home,
Creators had no stage
VoyceMe had thousands of stories and no spine to hold them. Reading was generic, AI felt like a toy, and creators had nowhere to build a world.
No unified reading experience
Webcomics, manhwa, and AI fables lived on disconnected surfaces. No continuity, no identity for readers.
AI chat felt like a toy
FableVerse had no design language. It read like a generic chatbot rather than a story world worth returning to.
Creator tools were buried and primitive
Character and fable creation took too many steps. Discovery of creator tools was near-zero for new users.
Mobile was an afterthought
70% of readers were on mobile. The experience was unoptimised, heavy, and visually broken across devices.
01 · Webcomics Home
A reading experience built for the genre.
Homepage, browse, and reader for VoyceMe's manga and manhwa library. Dark editorial aesthetic, genre-first discovery, and a reading flow that keeps readers in the story.
Hero banners, trending rows and genre filters
Fully responsive. Distinct desktop and mobile layouts
StoryPacks and Manhwa tabs with unified dark aesthetic
02 · FableVerse Chat
Interactive stories that respond to you.
The immersive AI storytelling interface. Readers make choices, type freely, and watch characters respond with narrative text and imagery. A story, not a chatbot.
Character dialogue, narrative text, and action choices
See / Continue / Recap contextual action bar
Story completion screen with discovery cards
03 · Image Generation
See your story, not just read it.
In-story AI image generation. Scenes are generated from narrative context and auto styled to match the character and story world.
In-story generation triggered by narrative context
Auto-styled to match character and world aesthetic
Image Collection. Save and manage generated scenes
04 · Image Editor
Customize your scene, your way.
A tag-based image editing modal. Vibe, Body, Pose, Clothing. Readers refine AI-generated scenes and save their version to a personal Image Collection.
Edit modal. Vibe, Body, Pose, Clothing tag selectors
Regenerate with custom parameters in one tap
Save to Image Collection - personal visual archive
the process
5 phases / 3 products / 12 months
Started with readers, scaled to AI. Each phase built on the last: research informing system, system informing product.
01
Month 1–2 · Discovery
User Research & Platform Audit
Interviewed readers and creators across manga, manhwa, and interactive AI fiction. Competitive audit across Webtoon, Tapas, and Character.ai. Mapped the opportunity space for a unified platform.
USER INTERVIEWS
AUDIT
02
Month 3 · Foundation
Design System: Dark, Story-Native
Built VoyceMe's design system before touching any product screens. Purple primary, near-black foundations, manga-informed components. Token architecture spanning web, iOS, and Android.
DESIGN SYSTEM
LIBRARY
03
Month 4–6 · Webcomics
Homepage, Discovery & Reader
Designed the full webcomics product. Homepage with hero banners, genre rows, trending collections, and an immersive reader. Three rounds of usability testing with active readers.
A/B TESTING
WCAG COMPLIANT
04
Month 7–10 · FableVerse
AI Chat Interface & Image Generation
Designed VoyceMe's flagship AI product: FableVerse chat, choice system, image generation flow, and Edit Image modal. Required entirely new design patterns for AI in a narrative context.
STORY TELLING
PROTOTYPING
05
Month 11–12 · Handoff
Creator Tools, Mobile & Dev Handoff
Shipped creator-facing tools for story import and revisions, plus the mobile companion app for readers. Spec'd handoff with engineering across web, iOS, and Android.
MOBILE UX
DEV HANDOFF
QA REVIEW
outcomes
Research to handoff in 12 months. Defined VoyceMe's product identity from the ground up across three surfaces and 50+ screens.
voyce.me
Active Readers
Platform serving millions
across web and mobile.
Screens Shipped
All handoff-ready with full annotations.
Products
Webcomics, FableVerse AI, Creator Tools.
Mobile Users
Mobile-first across all products.
Full Design Cycle
Research to production handoff. Every screen traceable to a user insight, across three products and two platforms.