Drawstory
Product & UI/UX design for an AI storyboard platform
AI-powered platform for instant storyboard generation, real-time collaboration, and client presentation.
Product design
UI/UX
Design audit
User interviews
Graphic and brand design
Traditional storyboarding is slow, manual, and siloed. No single tool combined AI generation, editing, collaboration, and client presentation in one place.
Joined at early MVP as the sole Product Designer. Full ownership from competitor research and user interviews through to shipped features and a complete design system.
1000+ users, 20K+ frames generated, 50+ directors choose Drawstory. Presented at industry conferences and entered enterprise conversations.
Research & Discovery +
I started by mapping competing AI model approaches side by side, then ran interviews and observational sessions to understand how creative teams actually work. Four generation models were evaluated — each with different trade-offs in speed, control, and output quality.
AI model evaluation
Model 1 — Script Upload: generate a full storyboard from a written screenplay
Model 2 — Text-to-Image: direct prompt-to-frame generation without any source material
Model 3 — SAM API: segment-aware editing for precise per-object control within frames
Model 4 — Object Generator: add or replace elements inside an existing frame
Initial user flow
First user flow map — end-to-end journey from brief to final export, before any visual design
User behavior & market
Interview notes — pain points and mental models from 8 creative professionals
Competitor feature matrix — positioning gaps and opportunity areas
First lo-fi prototype — tested with users before any visual design was committed
Hypotheses & Design Process +
Every major feature went through at least one design hypothesis — tested in user sessions before being committed to the product. These are the decisions that shaped the final interface.
References & side panel
Reference collection inside the project — keeping visual mood boards alongside the canvas
Side panel layout iteration — tools accessible without crowding the main workspace
Comments system
First iteration — threaded inline comments with auto-grouping by frame region
Shipped version — simplified to frame-level anchoring; faster to use, less cognitive load
Project types & presentation modes
Onboarding — film, animation, game, e-learning project types
List view — for detailed review and structured export
Grid view — default mode for internal team review
Animation preview — for client presentations and sign-off
Product Screens
Impact
The product launched and gained real traction — not through marketing, but through the clarity of the experience. When the interface gets out of the way, people focus on their work.
Drawstory was presented at industry conferences and entered its first enterprise conversations — signals that the product had moved beyond early adopters and into a scalable market.
What I'd push further: deeper analytics on how users interact with AI-generated frames — which edits happen most, where people drop off, and what that means for the generation model. The design system is solid; the feedback loop between design and AI behaviour is where the next layer of quality lives.
See also
