본문 바로가기
데브파이브
개발 의뢰
솔루션
포트폴리오
소식
문의하기
우측 모니터 — 랜딩 히어로 상단 내비게이션: PUZZLE FIT (로고) · 소개 | 블로그 | 전문가 지원 | 제휴 문의 · 시작하기 혹시 나도 성인 ADHD일까? 언제 어디서나 10분이면 가능! ADHD 가능성을 확인하고, 전문가의 맞춤 가이드를 받아보세요. *자가진단 결과는 비의료적 참고용입니다. 로그인하고 시작하기 이런 순간, 나만 그런 게 아니었구나 1. 해야 할 일 앞에서 멈췄다 때가 잦아요 — 일이 산더미인데, 막상 시작이 안 돼요. 할 일 목록만 바라보다 하루가 끝나기도 해요. 2. 집중하려 해도 자꾸 딴생각이 들어요 — 일이 밀렸는데, 머릿속이 산만해지고, 작은 알림이나 소음에도 쉽게 흐름이 끊겨요. 3. 감정이 쉽게 격해지고 오래 남아요 — 작은 일에도 예민하게 반응하고, 기분이 한 번 무너지면 오래 붙잡고 있어요. 4. 일상 루틴이 자주 무너져요 좌측 모니터 — 대시보드 (로그인 화면) 상단 내비게이션: PUZZLE FIT (로고) · ADHD 자가이해 | 전문가 매칭 | 커뮤니티 | 마이페이지 히어로 배너: - 단 10분만에 내 성향 파악하기 - ADHD 성향 자기 이해 - 지금 시작하기 - ADHD 자가 이해 맞춤 솔루션까지 / 퍼즐핏 이용을 위해 로그인해 주세요 · 로그인 퍼즐핏을 경험한 사람들의 이야기 · 전체 보기 1. 퍼즐핏후기 늘 산만하다고만 생각했는데, 원인을 알… (서울/여성) 2. 작심후기 부작용이 걱정됐지만, 전문가와 초월하니… (서울/여성) 3. 퍼즐핏후기 내 탓을 태만로 미뤘어서 미움 마음이 가벼워… 4. 공감후기 과몰입과 번아웃을 다루는 부분이 특히… 오늘의 추천 ADHD 전문 상담사는 · 전체 보기 1. 눈소화 의사 — 심리언어재활 전문의 · ⭐ 4.92 (리뷰) 2. 천승이 상담사 — 언어 재활 심리상담심리학 · ⭐ 4.92 (리뷰) 3. 정다운 교수 — 정라대학교교대학부 겸교수 · ⭐ 4.92 (리뷰) 4. (네 번째 상담사)
퍼즐핏

본 프로젝트는 성인 ADHD에 대한 정확한 성향 이해와 전문가 연계를 통해 사용자가 스스로를 더 잘 이해하고 일상의 어려움을 해결할 수 있도록 돕는 퍼즐핏 서비스 웹사이트 구축 프로젝트입니다.

단순한 체크리스트형 검사를 넘어, 62문항 기반의 14가지 심층 지표 분석과 맞춤형 리포트 제공, 검증된 ADHD 전문가와의 상담 매칭까지 이어지는 통합 케어 플로우를 웹으로 구현하는 것이 핵심 목표였습니다.

사용자가 서비스의 신뢰성과 전문성을 직관적으로 느낄 수 있도록 브랜드 중심의 랜딩 설계와 결제·예약 플로우까지 포함한 완성도 높은 플랫폼을 구현했습니다.

제작 기간2025. 08 - 2026. 02
고객사퍼즐핏
사용 기술Next.js, React, TypeScript, Rust, PostgreSQL, Devup UI, Toss Payments
서비스
미리보기
상단 내비게이션: PUZZLE FIT (로고) · 소개 | 블로그 | 전문가 지원 | 제휴 문의 · 시작하기 1. 히어로 혹시 나도 성인 ADHD일까? 언제 어디서나 10분이면 가능! ADHD 가능성을 확인하고, 전문가의 맞춤 가이드를 받아보세요. *자가진단 결과는 비의료적 참고용입니다. 로그인하고 시작하기 2. 이런 순간, 나만 그런 게 아니었구나 1. 해야 할 일 앞에서 멈췄다 때가 잦아요 — 일이 산더미인데, 막상 시작이 안 돼요. 할 일 목록만 바라보다 하루가 끝나기도 해요. 2. 감정이 쉽게 격해지고 오래 남아요 — 작은 일에도 예민하게 반응하고, 기분이 한 번 무너지면 오래 붙잡고 있어요. 3. 집중하려 해도 자꾸 딴생각이 들어요 — 일이 밀렸는데, 머릿속이 산만해지고, 작은 알림이나 소음에도 쉽게 흐름이 끊겨요. 4. 일상 루틴이 자주 무너져요 3. 이런 어려움, 즉시 성인 ADHD 때문일까요? 이제는 두 마음의 어려움, 자율성이 부족하다고 느낀다면 확인해보세요. 퍼즐핏에서는 즉시 과학적으로 확인하고 실행할 수 있습니다. 4. "점수만 알려주고 끝", 의문이 나는 자가진단의 한계, 퍼즐핏은 다릅니다 일반 자가진단 퍼즐핏 ADHD 진단 단순 체크리스트 방식 전문가 검증 알고리즘 반영 제한된 정보와 기본적인 점수 파악 다차원 심층 문항 성격 리포트 일회성 문항 제공 자가척도·표준화 점수 관리 즉시 관리 없음 ADHD 전문가 연계 서비스 5. 과학적 검사부터 맞춤 솔루션까지 - step 01 — ADHD 검사 - step 02 — 심층 분석 - step 03 — 리포트 - step 04 — 솔루션 6. 상세한 분석 리포트 과학적이면서 깊이 있는 방향들로 분석 결과를 확인합니다. - ADHD 성향 분석 - 일상 관리 팁안 - 맞춤형 관리 제안 (레이더 차트 · 검사결과분석 시각화) 7. 내 마음과 행동을 풀어내는 14가지 지표 (분포 차트 시각화) - ADHD 스코어 14가지 핵심 지표 - LH 상세형 검사 분석 - 기질 및 스트레스 / 대인관계 특성 8. 퍼즐핏은 진단으로 끝나지 않습니다 성인 ADHD는 다각적 진단, 관리 실천 방법이 중요합니다. 퍼즐핏은 전문가와 함께 진단 이후 지속 관리를 함께 합니다. 진단 후 상담 바로받기 → 진료를 이는 ADHD 전문가와 함께합니다 - 진단상담 14.24 - 전문가 상담·맞춤 케어 - 커뮤니티 ADHD 전문가 매칭 9. 퍼즐핏 전문 상담사와 함께 '진짜 나'를 알아가는 여정을 시작해보세요 상담사 카드 (3명): 1. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 2. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 3. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 더보기 → 10. 성인 ADHD, 혼자 고민하지 마시고 전문가와 함께 시작해보세요 요금제: Basic Plus Premium 0원 19,900원 89,000원 (기본 진단) 추천 · 상세 분석 포함 프리미엄 전체 11. 내 삶을 더 잘 이해하는 첫 걸음 지금 시작하기 → 12. ADHD를 이해하는 당신의, 누구라도 변화합니다 전문가 지원하기 푸터 - PUZZLE FIT (로고) - 회사 정보·이용약관·개인정보처리방침 - SNS: Instagram · Threads · Blog
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
ADHD 검사 서비스의 전문성과 신뢰감을 직관적으로 전달하는 브랜드 랜딩 페이지 구성
2.
검사권 구매부터 검사 진행, 리포트 확인까지 이어지는 단일 사용자 흐름 구현
3.
Basic·Plus·Premium 패키지와 쿠폰 구조를 반영한 결제 경험 설계
4.
검증된 전문가 프로필과 상담 예약 기능을 통해 서비스 확장성 강화
5.
모바일·PC 환경에서 안정적으로 이용 가능한 반응형 UX와 보조 기능 제공
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo 폰트: Pretendard 웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular 샘플: Aa 타이포그래피 스케일 스타일 크기 샘플 텍스트 h1 60px 혹시 나도 성인 ADHD일까? Title 24px 혹시 나도 성인 ADHD일까? Body 16px 혹시 나도 성인 ADHD일까? Caption 14px 혹시 나도 성인 ADHD일까?섹션: color 메인 컬러 이름 HEX Primary #772EDE Primary Bg #F1F0FF Secondary #4338CA 그레이스케일 HEX #F7F9FB (밝은 회색) (연회색) #9CA3AF (진한 회색) (남회색) #111827섹션: typo 폰트: Pretendard 웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular 샘플: Aa 타이포그래피 스케일 스타일 크기 샘플 텍스트 h1 60px 혹시 나도 성인 ADHD일까? Title 24px 혹시 나도 성인 ADHD일까? Body 16px 혹시 나도 성인 ADHD일까? Caption 14px 혹시 나도 성인 ADHD일까?섹션: color 메인 컬러 이름 HEX Primary #772EDE Primary Bg #F1F0FF Secondary #4338CA 그레이스케일 HEX #F7F9FB (밝은 회색) (연회색) #9CA3AF (진한 회색) (남회색) #111827
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo 폰트: Pretendard 웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular 샘플: Aa 타이포그래피 스케일 스타일 크기 샘플 텍스트 h1 60px 혹시 나도 성인 ADHD일까? Title 24px 혹시 나도 성인 ADHD일까? Body 16px 혹시 나도 성인 ADHD일까? Caption 14px 혹시 나도 성인 ADHD일까?섹션: color 메인 컬러 이름 HEX Primary #772EDE Primary Bg #F1F0FF Secondary #4338CA 그레이스케일 HEX #F7F9FB (밝은 회색) (연회색) #9CA3AF (진한 회색) (남회색) #111827섹션: typo 폰트: Pretendard 웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular 샘플: Aa 타이포그래피 스케일 스타일 크기 샘플 텍스트 h1 60px 혹시 나도 성인 ADHD일까? Title 24px 혹시 나도 성인 ADHD일까? Body 16px 혹시 나도 성인 ADHD일까? Caption 14px 혹시 나도 성인 ADHD일까?섹션: color 메인 컬러 이름 HEX Primary #772EDE Primary Bg #F1F0FF Secondary #4338CA 그레이스케일 HEX #F7F9FB (밝은 회색) (연회색) #9CA3AF (진한 회색) (남회색) #111827
상단 내비게이션: PUZZLE FIT (로고) · 소개 | 블로그 | 전문가 지원 | 제휴 문의 · 시작하기 1. 히어로 혹시 나도 성인 ADHD일까? 언제 어디서나 10분이면 가능! ADHD 가능성을 확인하고, 전문가의 맞춤 가이드를 받아보세요. *자가진단 결과는 비의료적 참고용입니다. 로그인하고 시작하기 2. 이런 순간, 나만 그런 게 아니었구나 1. 해야 할 일 앞에서 멈췄다 때가 잦아요 — 일이 산더미인데, 막상 시작이 안 돼요. 할 일 목록만 바라보다 하루가 끝나기도 해요. 2. 감정이 쉽게 격해지고 오래 남아요 — 작은 일에도 예민하게 반응하고, 기분이 한 번 무너지면 오래 붙잡고 있어요. 3. 집중하려 해도 자꾸 딴생각이 들어요 — 일이 밀렸는데, 머릿속이 산만해지고, 작은 알림이나 소음에도 쉽게 흐름이 끊겨요. 4. 일상 루틴이 자주 무너져요 3. 이런 어려움, 즉시 성인 ADHD 때문일까요? 이제는 두 마음의 어려움, 자율성이 부족하다고 느낀다면 확인해보세요. 퍼즐핏에서는 즉시 과학적으로 확인하고 실행할 수 있습니다. 4. "점수만 알려주고 끝", 의문이 나는 자가진단의 한계, 퍼즐핏은 다릅니다 일반 자가진단 퍼즐핏 ADHD 진단 단순 체크리스트 방식 전문가 검증 알고리즘 반영 제한된 정보와 기본적인 점수 파악 다차원 심층 문항 성격 리포트 일회성 문항 제공 자가척도·표준화 점수 관리 즉시 관리 없음 ADHD 전문가 연계 서비스 5. 과학적 검사부터 맞춤 솔루션까지 - step 01 — ADHD 검사 - step 02 — 심층 분석 - step 03 — 리포트 - step 04 — 솔루션 6. 상세한 분석 리포트 과학적이면서 깊이 있는 방향들로 분석 결과를 확인합니다. - ADHD 성향 분석 - 일상 관리 팁안 - 맞춤형 관리 제안 (레이더 차트 · 검사결과분석 시각화) 7. 내 마음과 행동을 풀어내는 14가지 지표 (분포 차트 시각화) - ADHD 스코어 14가지 핵심 지표 - LH 상세형 검사 분석 - 기질 및 스트레스 / 대인관계 특성 8. 퍼즐핏은 진단으로 끝나지 않습니다 성인 ADHD는 다각적 진단, 관리 실천 방법이 중요합니다. 퍼즐핏은 전문가와 함께 진단 이후 지속 관리를 함께 합니다. 진단 후 상담 바로받기 → 진료를 이는 ADHD 전문가와 함께합니다 - 진단상담 14.24 - 전문가 상담·맞춤 케어 - 커뮤니티 ADHD 전문가 매칭 9. 퍼즐핏 전문 상담사와 함께 '진짜 나'를 알아가는 여정을 시작해보세요 상담사 카드 (3명): 1. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 2. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 3. 김전문 — 심리언어재활 전문의 · ⭐ 4.87 더보기 → 10. 성인 ADHD, 혼자 고민하지 마시고 전문가와 함께 시작해보세요 요금제: Basic Plus Premium 0원 19,900원 89,000원 (기본 진단) 추천 · 상세 분석 포함 프리미엄 전체 11. 내 삶을 더 잘 이해하는 첫 걸음 지금 시작하기 → 12. ADHD를 이해하는 당신의, 누구라도 변화합니다 전문가 지원하기 푸터 - PUZZLE FIT (로고) - 회사 정보·이용약관·개인정보처리방침 - SNS: Instagram · Threads · Blog
목록으로

비즈니스의 ,

아이디어만 있어도 됩니다. 첫 상담부터 출시까지, 데브파이브가 함께합니다.
지금 문의하기
빠른 문의하기