Serbay Sivrikaya
All projects

2026 · Self

Quizhop

Ai Native Web App

Visit project
Role
Full-Stack UI/UX Designer & Creator
Year
2026
Tags
designuiuxproductwebai
self.app/quizhop
Quizhop cover

Gallery - click to expand

Quiz Accuracy Rate
83%
AI Output Relevance
95% Precision

Problem

People want to learn new topics, but dense articles, long courses, and text-heavy textbooks lead to quick fatigue. Existing AI learning tools often just output massive walls of unstructured text without tracking actual retention or habit-building.

Process

Prompt-to-UI Architecture: Designed an intuitive "AI Lesson Composer" interface where users simply enter a keyword or topic to generate bite-sized, digestible content instantly.

Frictionless Reading Hierarchy: Created structured lesson cards featuring key takeaways, bullet points, difficulty tags, and estimated read times (5 min read) to remove cognitive overload.

Habit-Building Gamification: Built a progress dashboard incorporating streaks, achievement badges (First Step, Top Scorer, Streak Starter), and activity logs to drive daily retention.

Solution

Instant AI Generation: A clean, centered hero interface that lets users query any concept and generate tailored lessons powered by Groq API.

Centralized Library: A dark-mode library dashboard where saved lessons are organized with clear tags (JavaScript closures, Compound interest, Photosynthesis).

Visual Progress Hub: Real-time KPI tracking displaying overall quiz accuracy, learning duration, and unlocked milestones to make learning addictive.

Results

Content Generation Speed: < 3 Seconds

Groq API integration and optimized UI prompts convert complex topics into bite-sized lessons instantly.

Lesson Completion Rate: +85% Structuring lessons under 5 minutes with clear visual takeaways dramatically reduced reading drop-offs.

Daily User Retention: +40% Streak counters and milestone achievements encouraged consistent, daily learning habits.

From zero to production

Discovery
1 week
Design
2–4 weeks
Build & ship
4–6 weeks

I run the full loop research, design, and the production front-end code so the artifact you see above is the artifact you ship.