CASE STUDIES
Portfolio
UX Design & Research
UI Design
Graphic Design
Just Branding
Alt Graphics
Development
→
Back to Portfolio
AI WRITING SAAS · SHOPIFY APP · WORDPRESS PLUGIN
DraftFlow AI
A controlled AI writing workflow that keeps prompts, revisions and generated output visible, editable and reusable.
Product strategy
UX/UI
Design system
Embedded
Key Areas
Brand Identity Design
UX & UI
End-to-End Development
3
Writing contexts
Solo writers, teams and merchants
6
Revision controls
Prompt, compare, edit and approve
3
Delivery surfaces
Web app, Shopify and WordPress
1
Version history
Every prompt, draft and decision
OVERVIEW
From one-shot generation to a controlled writing workflow.
The concept explores how AI-assisted writing can feel faster without hiding the decisions, edits and context that make the final work trustworthy.
AI could generate copy quickly, but users struggled to direct, refine and trust it.
Most AI writers collapse the process into one prompt and one answer. DraftFlow turns generation into a structured sequence: define the brief, control the prompt, compare revisions, edit the result and publish with a clear history of every decision.
ROLE
Product strategy · UX/UI · plugin experience · design-system direction
FOCUS
Prompting · revision control · content editing · publishing
DELIVERABLES
Research · workflow mapping · wireframes · responsive app and plugin UI
STATUS
Independent concept project
CONCEPT
Previous Concept
The earlier concept stage I had built as an initial MVP.
PROBLEM STATEMENT
Writers were working around AI instead of directing it.
The problem board maps opaque prompts, full-document rewrites, lost versions, inconsistent tone and constant context switching between an AI tool and the CMS.
Problem statement board · unclear generation, revision friction and the opportunity for a controlled writing workflow.
PRODUCT STRATEGY
Make every generation visible and reversible.
Four principles guide every prompt, revision and publishing surface.
01
Prompt control
Structure goals, audience, tone, sources and constraints.
02
Revision control
Compare, accept, reject or regenerate at block level.
03
Output ownership
Keep the final copy editable, portable and versioned.
04
Embedded delivery
Bring the same workflow into Shopify and WordPress.
RESEARCH AND WORKFLOW ARCHITECTURE
A structure built around briefs, prompts, drafts and decisions.
The architecture keeps context attached to the content as it moves from idea to generation, revision, approval and publication.
WORKFLOW EXPLORATION
Making control feel calm and approachable.
Early explorations tested prompt anatomy, revision states, version history and ways to separate AI suggestions from user-owned copy.
PRODUCT EXPLORATION
Turning AI generation into a collaborative editor.
Early concepts tested how prompt controls, document editing and AI suggestions could stay visible without overwhelming the writing surface.
PRODUCT ECOSYSTEM
One workflow across app, Shopify and WordPress.
The same prompt, revision and approval model adapts across the standalone web app, Shopify admin and WordPress editor.
DESIGN SYSTEM
A system for prompts, differences and generated states.
Clear authorship, keyboard access, readable differences and reusable workflow patterns are foundations rather than finishing touches.
OUTCOME
A complete AI writing concept with a credible product story.
DraftFlow AI combines product strategy, workflow architecture, responsive UI, revision control and embedded CMS experiences in one connected case study.
Controlled
Prompts and generation
Reversible
Revision and version history
Embedded
Standalone, Shopify and WordPress
Ownable
Editable output with clear authorship
START WITH THE PROBLEM
Have a product, store or digital experience that needs clearer thinking?
I help SaaS founders, Shopify brands and agencies diagnose friction, design better journeys and deliver interfaces that can actually be built.
Start a project
→
Book a UX audit
→
UX · PRODUCT · SHOPIFY · DEVELOPMENT
I solve usability problems before they become business problems — connecting UX, product thinking and build-ready delivery.
Available for selected remote projects
© 2026 Steve Roberts / ME&CO. All rights reserved.
MENU
CASE STUDIES
Portfolio
UX Design & Research
UI Design
Graphic Design
Just Branding
Alt Graphics
Development
AI WRITING SAAS · SHOPIFY APP · WORDPRESS PLUGIN
DraftFlow AI
A controlled AI writing workflow that keeps prompts, revisions and generated output visible, editable and reusable.
Product strategy
UX/UI
Design system
Embedded
Key Areas
Brand Identity Design
UX & UI
End-to-End Development
3
Writing contexts
Solo writers, teams and merchants
6
Revision controls
Prompt, compare, edit and approve
3
Delivery surfaces
Web app, Shopify and WordPress
1
Version history
Every prompt, draft and decision
OVERVIEW
From one-shot generation to a controlled writing workflow.
The concept explores how AI-assisted writing can feel faster without hiding the decisions, edits and context that make the final work trustworthy.
AI could generate copy quickly, but users struggled to direct, refine and trust it.
Most AI writers collapse the process into one prompt and one answer. DraftFlow turns generation into a structured sequence: define the brief, control the prompt, compare revisions, edit the result and publish with a clear history of every decision.
ROLE
Product strategy · UX/UI · plugin experience · design-system direction
FOCUS
Prompting · revision control · content editing · publishing
DELIVERABLES
Research · workflow mapping · wireframes · responsive app and plugin UI
STATUS
Independent concept project
CONCEPT
Previous Concept
The earlier concept stage I had built as an initial MVP.
PROBLEM STATEMENT
Writers were working around AI instead of directing it.
The problem board maps opaque prompts, full-document rewrites, lost versions, inconsistent tone and constant context switching between an AI tool and the CMS.
Problem statement board · unclear generation, revision friction and the opportunity for a controlled writing workflow.
PRODUCT STRATEGY
Make every generation visible and reversible.
Four principles guide every prompt, revision and publishing surface.
01
Prompt control
Structure goals, audience, tone, sources and constraints.
02
Revision control
Compare, accept, reject or regenerate at block level.
03
Output ownership
Keep the final copy editable, portable and versioned.
04
Embedded delivery
Bring the same workflow into Shopify and WordPress.
RESEARCH AND WORKFLOW ARCHITECTURE
A structure built around briefs, prompts, drafts and decisions.
The architecture keeps context attached to the content as it moves from idea to generation, revision, approval and publication.
WORKFLOW EXPLORATION
Making control feel calm and approachable.
Early explorations tested prompt anatomy, revision states, version history and ways to separate AI suggestions from user-owned copy.
PRODUCT EXPLORATION
Turning AI generation into a collaborative editor.
Early concepts tested how prompt controls, document editing and AI suggestions could stay visible without overwhelming the writing surface.
PRODUCT ECOSYSTEM
One workflow across app, Shopify and WordPress.
The same prompt, revision and approval model adapts across the standalone web app, Shopify admin and WordPress editor.
DESIGN SYSTEM
A system for prompts, differences and generated states.
Clear authorship, keyboard access, readable differences and reusable workflow patterns are foundations rather than finishing touches.
OUTCOME
A complete AI writing concept with a credible product story.
DraftFlow AI combines product strategy, workflow architecture, responsive UI, revision control and embedded CMS experiences in one connected case study.
Controlled
Prompts and generation
Reversible
Revision and version history
Embedded
Standalone, Shopify and WordPress
Ownable
Editable output with clear authorship
START WITH THE PROBLEM
Have a product, store or digital experience that needs clearer thinking?
I help SaaS founders, Shopify brands and agencies diagnose friction, design better journeys and deliver interfaces that can actually be built.
Start a project
→
Book a UX audit
→
UX · PRODUCT · SHOPIFY · DEVELOPMENT
I solve usability problems before they become business problems — connecting UX, product thinking and build-ready delivery.
Available for selected remote projects
© 2026 Steve Roberts / ME&CO. All rights reserved.
ABOUT
UX CONSULTANT
UX RESEARCH
UI & GRAPHICS
SOFTWARE
PORTFOLIO
RESOURCES
BOOKS
BLOG
