1:1 방문 요가 전문 사이트 개발

프로젝트 개요

Santosha(산토샤)는 요가 철학에서 '만족'을 의미하며, 수련자들이 자신의 매일매일을 기록하고 내면의 평온을 찾을 수 있도록 돕는 디지털 공간입니다. 기존의 복잡한 운동 앱 대신, 요가와 명상에 특화된 미니멀하고 감성적인 UI를 통해 사용자가 수련 자체에 집중하고 그 과정을 아름답게 시각화할 수 있는 환경을 구축하고자 했습니다.

담당 역할

• •Brand Identity & UX Design: '평온함'과 '안정감'을 전달하기 위해 Deep Teal과 Mint 색상을 활용한 컬러 시스템을 수립하고, 명상적인 경험을 주는 미니멀한 UI를 디자인했습니다.
• •High-Performance Frontend: Next.js 15의 App Router와 TypeScript를 기반으로 빠른 페이지 로딩과 매끄러운 사용자 경험을 구현했습니다.
• •Interactive Animations: Framer Motion을 활용해 페이지 전환 및 요소 호버 시 부드러운 애니메이션을 적용하여 서비스의 정체성인 '흐름(Flow)'을 강조했습니다.
• •Real-time Backend: Supabase를 통해 실시간 수련 기록 동기화 및 사용자 인증(Auth) 시스템을 구축하고, PostgreSQL을 활용해 복잡한 수련 데이터를 효율적으로 모델링했습니다.
• •Data Visualization: 사용자의 수련 빈도와 진행 상황을 한눈에 확인할 수 있는 대시보드 기능을 개발하여 수련의 동기부여를 강화했습니다.
• •Infrastructure & DevOps: Vercel을 활용한 자동 배포 파이프라인(CI/CD)을 구축하고, 글로벌 엣지 네트워크를 통해 안정적인 서비스 환경을 제공합니다.
• •Communication System: Resend를 연동하여 사용자의 주요 수련 알림 및 문의 사항에 대한 이메일 발송 기능을 구현했습니다.
• •Monitoring: Sentry를 도입하여 런타임 에러를 실시간으로 추적하고 서비스 품질을 지속적으로 관리할 수 있는 기반을 마련했습니다.
• •IT Support: 도메인네임 구매 및 Vercel 호스팅 설정을 통해 초기 운영비를 0원으로 시작할 수 있도록 설정하였습니다.
• •Performance Marketing: Google Analytics와 Search Console을 연동하여 웹사이트 트래픽과 사용자 행동을 분석할 수 있는 기반을 마련했습니다. 이를 통해 당근 광고 등을 집행하고 있습니다.

프로젝트 성과

• •사용자에게 요가 수련의 가치를 시각적으로 전달하는 프리미엄한 디자인을 구현하여 브랜드 가치를 높였습니다.
• •복잡한 기능보다는 핵심적인 수련 기록과 명상 타이머 기능에 집중하여 높은 사용자 리텐션을 확보할 수 있는 구조를 만들었습니다.
• •최신 기술 스택(Next.js 15, Supabase)을 선제적으로 도입하여 유지보수가 용이하고 확장성이 뛰어난 아키텍처를 완성했습니다.
• •모바일 퍼스트 디자인을 적용하여 언제 어디서나 수련 후에 즉시 기록할 수 있는 접근성을 확보했습니다.