Built with Framer
AI Writing Summary Platform Design
Nuel Wogundu
Project Type: Web App
Start Date: May, 2025
Timeline: 4 days
Tool: Figma Make
Role: Product Designer, AI Prompt Dersigne
Platform: Web
Live link: Alphadrafts
Project Overview:
The AI Writing Summary Platform was designed to help students and researchers simplify complex assignments, improve their writing, and manage citations all in one place. The goal was to reduce the friction in academic writing by combining AI summarization, grammar/style checking, and citation management into a lean, easy-to-use web application.
Problem
Students often face three major challenges when working on assignments:
Struggling to understand and simplify lengthy or complex texts.
Spending too much time on grammar, formatting, and citations.
Switching between multiple tools (summarizers, citation managers, text editors).
This results in wasted time, reduced focus, and low-quality submissions.
Objectives
Build a single platform that streamlines summarization, writing, and citation.
Create a lean user experience with minimal screens and clear guidance.
Enable students to focus on writing, while AI handles the heavy lifting.
As a Product Designer, I was asked to design the workflow and make it as lean as possible using AI to create the objectives.
My Approach
Identified a need for:
AI summaries that are simple yet detailed.
A built-in citation reference manager.
A dashboard for project management.
2. User Flow
User signs up / logs in.
Uploads assignment → AI generates a simplified & detailed summary on how to write it.
a. Enters writing space with:
Rich text editor to write what AI has suggested.
Grammar/style checker
Citation manager
b. Completes draft → AI compares with summary → provides rating/feedback.
c. Export final work (PDF/DOC).
d. Dashboard shows projects, stats, and “Start Project” CTA.
3. Key Design Decisions
Lean UI: Fewer screens, more modals (upload, citation, export).
Dashboard as hub: Clear navigation with side nav (Dashboard, Projects, Profile, Settings, Logout).
Landing page: One-page with direct CTAs (Start Project, Sign Up Free).
AI Review & Rating: Helps students measure how well their writing aligns with the AI summary.
Solution
Landing Page (One Page)
Hero: Summarize, Write, and Cite Smarter.
3-step flow: Upload → Summarize → Write & Export.
Features: Smart summaries, AI writing, citations, grammar/style checker.
Dashboard
Quick overview of platform features.
Recent projects preview + “See All Project”.
Prominent New Project button.
Simplified Dashboard
Writing area for your assignment, you can paste it or upload the pdf
AI guide and structure after pasting or uploaded. This is to tell the user what is needed from them
AI Summary page to review what has been written and match it to what it recommend.
Project Space
AI Summary (simplified + detailed).
Writing Editor (grammar, text formatting, citation insertion).
Citation Manager.
AI Review & Rating after submission.
Exports
PDF / DOC with citations.
Impact
Reduced writing stress by integrating summarization + writing + citation in one tool.
Increased efficiency for students and researchers who no longer need to juggle multiple apps.
Simplified workflow that supports both beginners (guidance + AI) and advanced users (full control of writing & citations).
Like this project
Posted Sep 3, 2025
Designed an AI Writing Summary Platform to streamline academic writing for students and researchers.
Likes
0
Views
22
Timeline
May 3, 2025 - May 6, 2025
