Home/What You Build
12 deliverables · 12 weeks

Every week ends with
something shipped.

No vague learning outcomes. Every single week you produce a concrete artifact a doc, a file, a working screen, a live product. By week 12 you have a full portfolio of work and an app in the App Store.

📄 2 strategy docs
🎨 1 full design system
📱 1 live app
🌐 1 landing page
🚀 1 App Store listing
📄
Week 2
Product Brief
✓ Done
🎨
Week 4
Design System
✓ Done
🔗
Week 6
Clickable Prototype
✓ Done
💻
Week 8
Working Backend
✓ Done
📱
Week 10
Beta App Build
✓ Done
🚀
Week 12
Live App + Launch
In progress
Validate Wk 1–2
Design Wk 3–6
Build Wk 7–10
Launch Wk 11–12
💡
Phase 01
Validate
Weeks 1 – 2 · 2 deliverables
2 artifacts
01
Week
Problem Brief
📄 Document

A one-page written document that forces you to articulate exactly who your user is, what problem they have, and why the existing solutions fall short. This is the north star you'll return to every week to make sure you're still building the right thing.

📄
What you hand in
A structured one-pager covering: target user persona, core problem statement, top 3 competing solutions and their gaps, and a one-sentence hypothesis for your app.
User research Problem framing Jobs-to-be-done Claude
02
Week
Product Brief
📋 Document

Your validated, scoped plan for what you're building. This expands the problem brief with a competitive analysis, a market positioning statement, and a prioritized MVP feature list — the five core things your app must do, and nothing else.

📋
What you hand in
A product brief with: validated persona, competitive landscape map, positioning differentiator, and a scoped MVP with max 5 core features ranked by priority.
Competitive analysis Market sizing MVP scoping Perplexity
🎨
Phase 02
Design
Weeks 3 – 6 · 4 deliverables
4 artifacts
03
Week
User Flow Diagram + Wireframes
🗺 Figma File

Before touching colour or typography, you'll map every path a user can take through your app. This deliverable is the skeleton — the bones that everything else gets built on. Paired with lo-fi wireframes of every primary screen.

🗺
What you hand in
A Figma file containing: a complete user flow diagram covering all core paths, and lo-fi wireframes for every primary screen using basic shapes only — no visual design yet.
Information architecture User flows Wireframing Figma Whimsical
04
Week
Design System
🎨 Component Library

Your complete visual language — built once, used everywhere. This is the most leveraged deliverable in the program. A well-built design system means every subsequent screen takes a fraction of the time. This is also the file you'll hand to AI coding tools later.

🎨
What you hand in
A Figma component library with: colour palette as variables, type scale with 5 defined styles, spacing system, and a minimum of 20 reusable UI components covering buttons, inputs, cards, navigation, and modals.
Design tokens Component-driven design Figma variables Midjourney Galileo AI
05
Week
Hi-Fi Screen Designs
📱 Figma File

Every screen your app needs — designed at full fidelity using your design system. This includes the obvious states (the happy path) and the invisible ones (empty states, error messages, loading screens) that separate polished apps from amateur ones.

📱
What you hand in
A complete Figma file with all screens at hi-fidelity: onboarding flow, all core feature screens, empty states, error states, loading states, and settings. Minimum 15 screens.
Hi-fi design Microinteractions Accessibility Figma Claude
06
Week
Clickable Prototype + User Test Report
🔗 Prototype + Doc

Your design, made interactive and tested by real people before a single line of code is written. This is the most important quality gate in the program — a week of testing now saves weeks of rebuilding later. You'll fix the problems before they get baked into the code.

🔗
What you hand in
A shareable Figma prototype link covering all core user flows, plus a one-page user testing report: 5 participants, 3 key insights, and the design changes made in response to feedback.
Prototyping Usability testing Synthesis Maze Zeplin
Phase 03
Build
Weeks 7 – 10 · 4 deliverables
4 artifacts
07
Week
Running App Shell
💻 Live Code

The moment your design becomes real. By the end of week 7 your app exists on an actual device — not a simulator, not a prototype, a real app you can tap. The navigation works, the onboarding screen renders, and the home screen is live. Small, but real.

💻
What you hand in
A GitHub repo with your project scaffold running on a real device via Expo Go or browser. Must include: working navigation shell, onboarding screen, and home screen — all matching your Figma designs.
React Native / Next.js Expo Cursor v0 GitHub
08
Week
Working Backend
🗄 Live Database

Your app now has a brain. Real data lives in a real database. Users can sign up, log in, and have their information persist between sessions. This is the infrastructure everything else gets built on top of — and with Supabase and AI, it's configured in a day.

🗄
What you hand in
A live Supabase project with: at least 3 database tables, authentication (email + social), row-level security configured, and your app reading and writing real data end-to-end.
Supabase Database design Auth Cursor
09
Week
MVP Feature Complete
⚡ Working App

All five of your core MVP features are functional, connected to real data, and usable by a real person. This is the biggest week of the program — the one where it all comes together. The app you hypothesised in Week 2 now actually exists and works.

What you hand in
A working app that a real user could pick up and use to accomplish the core job-to-be-done you identified in Week 1. All 5 MVP features functional end-to-end, with no placeholder screens.
Feature development Push notifications In-app payments RevenueCat Cursor
10
Week
Beta Build + Testing Report
🧪 TestFlight Build

Your app goes in front of real strangers for the first time. Ten people you've never met download it, use it, and tell you what breaks. You fix the critical bugs, polish the rough edges, and set up analytics so you can see exactly how people use it after launch.

🧪
What you hand in
A TestFlight (or Play Store beta) build distributed to 10+ real testers, with analytics tracking 10 key events, and a bug log with all critical issues resolved before Week 11.
Beta distribution Bug triage Analytics TestFlight PostHog
🚀
Phase 04
Launch
Weeks 11 – 12 · 4 deliverables
4 artifacts
11
Week
App Store Listing
🏪 Store Ready

Your app's storefront — the thing strangers see before they decide whether to download. A weak listing kills a good app. You'll write compelling copy with AI, generate polished screenshots with Midjourney, and optimise every metadata field for discoverability.

🏪
What you hand in
An App Store Connect submission (or Google Play draft) with: optimised title, subtitle, and description written with Claude; 5 polished screenshots; app icon; keywords researched and filed for review.
ASO Copywriting App Store Connect Midjourney Claude
11
Week
Marketing Landing Page
🌐 Live Website

A live, public-facing website for your app — separate from the App Store. This is where you control the full story: your screenshots, your copy, your email capture, your social proof. It's also the URL you'll put in your Product Hunt post and bio.

🌐
What you hand in
A live landing page on a custom domain with: hero section, feature breakdown, app screenshots, download CTA, and an email capture form. Built in Framer and deployed before Demo Day.
Landing page design Conversion copy Framer Runway
12
Week
Live App — Public Launch
🎉 Shipped

The moment you've been building toward. Your app goes live on the App Store. You post on Product Hunt. Real strangers download it. The 12 weeks of work becomes a product anyone in the world can use. This is what graduation looks like at Element.

🎉
What you hand in
A live, publicly downloadable app on the App Store or web, plus a Product Hunt listing published on Demo Day. Must have at least 10 organic downloads from outside your personal network within 48 hours of launch.
App Store launch Product Hunt Growth Demo Day
12
Week
90-Day Growth Plan
📈 Strategy Doc

Most app builders run out of momentum the week after launch. Your growth plan is the antidote — a specific, actionable roadmap for the 90 days after Demo Day. Distribution channels, retention mechanics, content strategy, and the next 5 features in priority order.

📈
What you hand in
A Notion document covering: 3 primary acquisition channels with tactics, retention mechanic plan, a 90-day content calendar outline, feature roadmap for v1.1, and 30/60/90-day download targets.
Growth strategy Retention Content marketing Taplio Claude

Your complete graduation portfolio.

Twelve weeks of work, twelve deliverables. Here's everything you walk away with on Demo Day.

📄
Problem Brief

A clear, defensible articulation of the user, the problem, and why your solution is different.

Validate
📋
Product Brief

Validated scope, competitive positioning, and your prioritised MVP feature set.

Validate
🗺
User Flow + Wireframes

Every user journey mapped and every screen wireframed before design begins.

Design
🎨
Design System

A complete Figma component library with tokens, styles, and 20+ reusable components.

Design
📱
Hi-Fi Screen Designs

Every screen your app needs — 15+ screens at full fidelity, including all edge states.

Design
🔗
Prototype + Test Report

A clickable prototype tested by 5 real users with documented insights and design changes.

Design
💻
GitHub Repository

A clean, documented codebase showing the full build history from first screen to launch.

Build
🗄
Supabase Backend

A production-ready backend with auth, database, and storage fully configured.

Build
MVP App (Feature Complete)

All core features working end-to-end, connected to real data, usable by real people.

Build
🏪
App Store Listing

A fully optimised store presence with AI-written copy, polished screenshots, and keywords.

Launch
🌐
Marketing Landing Page

A live website on a custom domain with your story, screenshots, and download CTA.

Launch
📈
90-Day Growth Plan

A specific roadmap covering acquisition, retention, content, and the next feature priorities.

Launch
12
Concrete deliverables

Not assignments. Not exercises. Real artifacts you'll use and reference long after the program ends.

1
Live shipped product

A real app on the App Store with real users. The kind of portfolio piece that speaks louder than any resume.

0
Wasted weeks

Every week has a deliverable. Every deliverable builds on the last. No week ends without something to show for it.

Start building
your portfolio.

12 deliverables. 12 weeks. One app in the App Store. Cohort 05 starts Sept 7.

Apply for Cohort 05

No coding required · elementedu.io