Learn
by making.
Less theory, more doing. Follow real design challenges, build something you’re proud of and find your way as you go.
Explore a learning path ↗PROJECT-FIRST LEARNINGREAL WORKFLOWS / DEMO CONTENT
Concept · self-initiated. Fictional product; all data, research and outcomes are simulated. No live services are connected.
YOUR NEXT BIG IDEA STARTS SMALL / 001
Learn
◉ DESIGN STUDIO / FOUNDATIONS 02 OF 04 LESSONS
YOUR PATH / PRODUCT DESIGNBuild the thing
Build the thing
you wish existed.
✓
Start with a problemOBSERVE / ASK / UNDERSTAND
↗✓
Sketch your first directionEXPLORE / MAKE ALTERNATIVES
↗03
Prototype a real ideaTRY IT / MAKE IT TANGIBLE
→04
Share what you learnedREVIEW / REFLECT / ITERATE
→MAKE IT.
LEARN IT. ↗
LEARN IT. ↗
A LEARNING SPACE THAT THINKS WITH YOU
Make a prototype. Test it. Learn something new.
Agent-assisted reflection, not automatic grading.
The concept guides learners with thoughtful prompts and optional feedback, while keeping creative decisions in their hands.
Waypoint / Learning technology
An adaptive learning planner that turns a creative career goal into a flexible project-based pathway.
The problem
People changing careers face overwhelming course libraries but little clarity about the smallest credible next step or how progress is demonstrated.
Product strategy
A visible progression map puts practical outputs ahead of content completion. Recommendations show why a lesson or assignment was selected.
Design decisions
Expressive editorial / orange, blue and parchment. Organize learning around artifacts and one-week project sprints, not course catalogs.
UX research approach
Synthetic research: 8 fictional learner profiles, 12 modeled planning tasks. This is a fictional scenario: no real interviews or measured outcomes are claimed.
Accessibility & responsive design
Keyboard-operable controls, visible focus, readable content and responsive reflow support this concept. Reduced-motion preferences remove animated scrolling. Physical-device and assistive-technology validation remain future work.
AI-assisted workflow
Build an onboarding decision tree, multiple paths for equal goals, checkpoint and reflection states, and explicit user adjustment of workload. AI-assisted implementation is used for prototyping and iteration; product recommendations here are deterministic local simulations.
Proposed technical architecture
React, Next.js, Supabase auth, Postgres, vector search for tagged lessons and an evaluation pipeline for recommendations. Original fictional lessons and demo learners. This architecture is a proposal, not a deployed backend.
Limitations & lessons
Low confidence about a learner’s needs prompts a choice rather than inventing an assessment. The learner always owns their goal and schedule. The next step is real user research, production data validation and accessibility testing before any launch.
Information architecture & user flow
- Learner chooses a career or project goal
- Agent suggests sequenced skill milestones
- Learner edits weekly capacity and preferred medium
- Plan updates with rationale and user control
Core views: Goal-led onboarding → Progression map and milestones → Weekly plan and evidence gallery