Portfolio
스크롤 인터랙션으로 기술력을 시각적으로 드러낸 포트폴리오
Next.js · TypeScript · Tailwind CSS · Framer Motion
사용 흐름 자체가 하나의 경험이 되도록 스크롤 기반 인터랙션과 레이아웃을 설계했습니다.
View Project
Selected Work
프로젝트마다 해결한 문제와 설계 의도를 바로 확인할 수 있도록 정리했습니다.
스크롤 인터랙션으로 기술력을 시각적으로 드러낸 포트폴리오
Next.js · TypeScript · Tailwind CSS · Framer Motion
사용 흐름 자체가 하나의 경험이 되도록 스크롤 기반 인터랙션과 레이아웃을 설계했습니다.
선택부터 결과·채팅까지 자연스럽게 이어지는 단계형 UX 설계
Next.js · TypeScript · Supabase · Tailwind CSS
선택, 결과, 채팅까지 끊기지 않도록 단계형 흐름으로 재구성한 서비스입니다.
핵심 메시지와 CTA를 한 흐름으로 정리한 랜딩 페이지
Next.js · TypeScript · Tailwind CSS
짧은 스크롤 안에서 정보 전달과 전환을 동시에 유도하도록 구조를 재정의했습니다.
운영자가 빠르게 판단할 수 있도록 정보 구조를 재설계한 어드민
Next.js · TypeScript · shadcn/ui
정보 밀도가 높은 운영 화면을 재구성해 핵심 지표와 상세 정보의 우선순위를 분리했습니다.