Built with Framer
Lumen ai - SaaS landing page
Olivier Designer
Like this project
Posted Nov 21, 2025
This project was a design challenge to create a landing page for a modern creative AI tool that helps writers simplify their workflow.
Likes
1
Views
5
Timeline
Oct 23, 2025 - Nov 6, 2025
Lumen ai - AI Writing Workspace
Overview
This project was a design challenge to create a landing page for a modern creative AI tool that helps writers simplify their workflow.
The goal was to design a clean, conversion-focused website that effectively communicates the product’s value, uniqueness, and core purpose.
I approached the challenge by treating the product as a serious, user-focused tool and built the entire experience around clarity, simplicity, and creative flow.
Design Brief
Build a landing page for a creative AI tool that helps writers simplify their process.
Requirements
Desktop design (mobile optional)
At least 2 core sections: Hero + Features/Benefits
Clean, web-ready UI
Real content (no lorem ipsum)
Final build delivered in Framer
Primary Design Goals
Explain what the product does
Highlight why it’s unique
Communicate a clear value proposition
Maintain a modern, polished interface
Inspire trust and drive action
Understanding the User
Before designing, I defined one core persona:
Modern Creator
A writer, founder, or content creator balancing ideas, drafts, and deadlines.
They need a tool that:
captures ideas quickly
turns messy notes into structured drafts
keeps their voice consistent
speeds up the writing process
stays simple and intuitive
This persona shaped the voice, visuals, and structure of the landing page.
Content Architecture
I mapped the landing page into clear, value-driven sections:
1. Hero Section
A single, strong headline that anchors the experience.
→ “A workspace built for modern creators.”
Clear CTA, clean layout, product-first visual.
2. Benefits Section
Three core benefits shown as cards:
Built for privacy — content stays yours
Made to move fast — capture → draft in seconds
Crafted for clarity — edit without friction
Benefit section
3. Features by Function
Organized around how writers work:
Idea Capture:
Speech to Text
Paste Notes
Upload Files
Create Content:
AI Writing Assistant
Smart Templates
Voice Consistency:
Voice Lab (tone sliders + style memory)
Social Integrations
Features section
4. How It Works (3 Steps)
Step 01 — Capture & store ideas
Record voice memos that become editable text instantly.
Step 02 — Create with AI
Turn your notes into drafts using smart templates and writing tools.
Step 03 — Refine & publish
Edit your work, adjust tone in Voice Lab, and export anywhere.
How it work section
5. Testimonials
Six short social-proof snippets from creators and founders.
Testimonial section
6. Pricing Section
Three clear tiers (Starter, Creator, Studio) with focused benefits.
Pricing section
7. FAQs
Grouped into General, Technical, and Usage short, direct answers.
Frequently asked Questions
8. Final CTA
A simple closing statement:
→ “Ready to write better?”
Clean button encouraging signup.
Final call to action
9.Footer section
Footer section
Visual assets(animations)
Web animations
This challenge help me see the use of
thoughtful UX
high-quality copy
modern, polished UI
system-level thinking
real product positioning
That's all from this project, Thank you for reading.
Whenever you need a website that convert from day one
We're open for projects: Book in a call here