퍼즐핏
본 프로젝트는 성인 ADHD에 대한 정확한 성향 이해와 전문가 연계를 통해 사용자가 스스로를 더 잘 이해하고 일상의 어려움을 해결할 수 있도록 돕는 퍼즐핏 서비스 웹사이트 구축 프로젝트입니다.
단순한 체크리스트형 검사를 넘어, 62문항 기반의 14가지 심층 지표 분석과 맞춤형 리포트 제공, 검증된 ADHD 전문가와의 상담 매칭까지 이어지는 통합 케어 플로우를 웹으로 구현하는 것이 핵심 목표였습니다.
사용자가 서비스의 신뢰성과 전문성을 직관적으로 느낄 수 있도록 브랜드 중심의 랜딩 설계와 결제·예약 플로우까지 포함한 완성도 높은 플랫폼을 구현했습니다.
제작 기간2025. 08 - 2026. 02
고객사퍼즐핏
사용 기술Next.js, React, TypeScript, Rust, PostgreSQL, Devup UI, Toss Payments
서비스
미리보기
미리보기
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
ADHD 검사 서비스의 전문성과 신뢰감을 직관적으로 전달하는 브랜드 랜딩 페이지 구성
2.
검사권 구매부터 검사 진행, 리포트 확인까지 이어지는 단일 사용자 흐름 구현
3.
Basic·Plus·Premium 패키지와 쿠폰 구조를 반영한 결제 경험 설계
4.
검증된 전문가 프로필과 상담 예약 기능을 통해 서비스 확장성 강화
5.
모바일·PC 환경에서 안정적으로 이용 가능한 반응형 UX와 보조 기능 제공
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
