Skip to main content
데브파이브
Right Monitor — Landing Hero
Top Navigation: PUZZLE FIT (logo) · Introduction | Blog | Expert Support | Contact alliance · Get started
Do you think I'm an adult ADHD?
Anytime, Anywhere in 10 Minutes! Check for ADHD possibilities and get a personalized guide from your experts.
*Self-diagnosis results are for non-medical reference purposes.
Sign in and get started
At a moment like this, I wasn't the only one
1. I often stop in front of my to-do -- a pile of work, but I can't get started. Sometimes the day ends when I just look at my to-do list.
2. I keep having other thoughts even when I try to concentrate — I'm behind in my work, but I get distracted in my head, and I easily lose track of even small notifications or noises.
3. Emotions get heated easily and last a long time — sensitive to small things, and hold on for a long time once your mood collapses.
4. My daily routine often breaks down
Left Monitor — Dashboard (Login Screen)
Top Navigation: PUZZLE FIT (logo) · ADHD Self-understanding | Expert Matching | Community | My Page
Hero Banner:
- Figure out my personality in just 10 minutes
- ADHD-oriented self-understanding
- Getting Started Now
- ADHD even self-understanding solution / Please log in to use puzzle fit · Log in
Story of people who have experienced puzzle fit, full view
1. I always thought puzzle fit reviews were distracting, but I know why... (Seoul/Women)
2. I was worried about the side effects of the determination, but transcending with the experts... (Seoul/Women)
3. I put off my blame for negligence for the puzzle fit review, so I feel lighthearted about hate...
4. The part dealing with empathy reviews and burnout is especially...
Today's Recommended ADHD Specialist Counselor · Full View
1. Eye Digestive Doctor — Psycholinguistic Rehabilitation Specialist ⭐ 4.92 (Review)
2. Chun Seung-i Counselor — Psychology of Speech Rehabilitation Psychology · ⭐ 4.92 (Review)
3. Professor Jeong Da-woon — Professor of the Department of Education at Jeongra University · ⭐ 4.92 (Review)
4. (Fourth counselor)
PuzzleFit

This project involves building the website for PuzzleFit, a service designed to help users better understand themselves and navigate daily challenges through accurate insights into adult ADHD traits and direct connections with professionals.


Moving beyond simple checklist-style assessments, our core objective was to implement an integrated care flow on the web. This includes an in-depth analysis of 14 indicators based on a 62-question assessment, personalized reports, and direct consultation matching with verified ADHD specialists.


To ensure users intuitively feel the service's reliability and professionalism, we developed a highly polished platform that encompasses a brand-centric landing page design alongside seamless payment and booking flows.

Production Period2025. 08 - 2026. 02
ClientPuzzleFit
TechnologiesNext.js, React, TypeScript, Rust, PostgreSQL, Devup UI, Toss Payments
Service
Preview
Top Navigation: PUZZLE FIT (logo) · Introduction | Blog | Expert Support | Contact alliance · Get started
1. a hero
Do you think I'm an adult ADHD?
Anytime, Anywhere in 10 Minutes! Check for ADHD possibilities and get a personalized guide from your experts.
*Self-diagnosis results are for non-medical reference purposes.
Sign in and get started
2. At a moment like this, I wasn't the only one
1. I often stop in front of my to-do -- a pile of work, but I can't get started. Sometimes the day ends when I just look at my to-do list.
2. Emotions get heated easily and last a long time — sensitive to small things, and hold on for a long time once your mood collapses.
3. I keep having other thoughts even when I try to concentrate — I'm behind in my work, but I get distracted in my head, and I easily lose track of even small notifications or noises.
4. My daily routine often breaks down
3. Is it because of this difficulty, immediate adult ADHD?
Now, if you feel the difficulty of both minds, lack of autonomy, check it out. In Puzzle Fit, you can immediately check and execute it scientifically.
4. "Just tell us the score and it's over". The limit of self-diagnosis, puzzle fit is different
General Self-Diagnosis Puzzle Fit ADHD Diagnosis
Simple checklist method Reflects expert verification algorithms
Identifying Limited Information and Basic Scores Multidimensional Deep Question Personality Report
One-time question provider scale and standardization score management
No Immediate Care ADHD Professional Linkage Service
5. From scientific inspection to customized solutions
- Step 01 — ADHD test
- step 02 — Deep analysis
- step 03 — Report
- step04 — Solution
6. Detailed Analysis Report
Check the analysis results in scientific and in-depth directions.
- Analysis of ADHD tendencies
- Daily Care Tips
- Customized management suggestions
(Visualization of radar chart and inspection results)
7. 14 Indicators Unleash My Minds and Actions
(Visualization of distribution charts)
- ADHD Score 14 Key Indicators
- LH detailed inspection analysis
- Temperament and Stress / Interpersonal Characteristics
8. Puzzle fit doesn't end with diagnosis
Multi-faceted diagnostic and management practice methods are important for adult ADHD. Puzzle Fit is accompanied by continuous management after diagnosis with experts.
Get the consultation right after diagnosis →
I'm with an ADHD specialist
- Diagnostic counseling 14.24
- Professional counseling and customized care
- Matching community ADHD experts
9. Start your journey to get to know the real me with a professional puzzle fit counselor
Counselor Card (3 persons):
1. Professional Kim — Psychological language rehabilitation specialist · ⭐ 4.87
2. Professional Kim — Psychological language rehabilitation specialist · ⭐ 4.87
3. Professional Kim — Psychological language rehabilitation specialist · ⭐ 4.87
Read more →
10. Adult ADHD, don't worry about it alone and start with a professional
pricing plan:
Basic	Plus	Premium
0 won 19,900 won 89,000 won
(Basic diagnosis) Recommendation and all premiums including detailed analysis
11. The first step in understanding my life better
Start now →
12. You, anyone who understands ADHD, changes
To support professionals
Footer
- PUZZLE FIT (logo)
- Company information, terms and conditions, and personal information processing policy
- SNS: Instagram · Threads · Blog
Hover over the screen!
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Build a trustworthy brand landing page that clearly communicates the professionalism of the ADHD assessment service
2.
Implement a single user flow from assessment purchase to test completion and report review
3.
Design a payment experience with Basic, Plus, and Premium packages, including discount and coupon structures
4.
Strengthen service scalability through verified expert profiles and consultation reservation features
5.
Provide responsive UX and supporting features that work reliably across mobile and desktop environments
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo
Font: Pretendard
Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular
Sample: Aa
typography scale
Style Size Sample Text
h160px maybe I'm an adult ADHD too?
Title 24px maybe I'm an adult ADHD too?
Body 16px Am I also an adult ADHD?
Caption 14px Am I also an adult ADHD?Section: color
Main color
Name HEX
Primary	#772EDE
Primary Bg	#F1F0FF
Secondary	#4338CA
Grayscale
HEX
#F7F9FB
(Bright Gray)
(Light Gray)
#9CA3AF
(Dark Gray)
(Navy Gray)
#111827Section: typo
Font: Pretendard
Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular
Sample: Aa
typography scale
Style Size Sample Text
h160px maybe I'm an adult ADHD too?
Title 24px maybe I'm an adult ADHD too?
Body 16px Am I also an adult ADHD?
Caption 14px Am I also an adult ADHD?Section: color
Main color
Name HEX
Primary	#772EDE
Primary Bg	#F1F0FF
Secondary	#4338CA
Grayscale
HEX
#F7F9FB
(Bright Gray)
(Light Gray)
#9CA3AF
(Dark Gray)
(Navy Gray)
#111827
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Section: typo
Font: Pretendard
Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular
Sample: Aa
typography scale
Style Size Sample Text
h160px maybe I'm an adult ADHD too?
Title 24px maybe I'm an adult ADHD too?
Body 16px Am I also an adult ADHD?
Caption 14px Am I also an adult ADHD?Section: color
Main color
Name HEX
Primary	#772EDE
Primary Bg	#F1F0FF
Secondary	#4338CA
Grayscale
HEX
#F7F9FB
(Bright Gray)
(Light Gray)
#9CA3AF
(Dark Gray)
(Navy Gray)
#111827Section: typo
Font: Pretendard
Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular
Sample: Aa
typography scale
Style Size Sample Text
h160px maybe I'm an adult ADHD too?
Title 24px maybe I'm an adult ADHD too?
Body 16px Am I also an adult ADHD?
Caption 14px Am I also an adult ADHD?Section: color
Main color
Name HEX
Primary	#772EDE
Primary Bg	#F1F0FF
Secondary	#4338CA
Grayscale
HEX
#F7F9FB
(Bright Gray)
(Light Gray)
#9CA3AF
(Dark Gray)
(Navy Gray)
#111827

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry