바시 필라테스
바시필라테스 코리아의 홈페이지 리뉴얼과 광고 랜딩·교육 관리 시스템을 함께 다룬 프로젝트입니다.
지도자과정과 일반레슨을 찾는 고객의 목적에 맞춰 메뉴와 랜딩페이지를 구분하고, 교육 일정과 지점 정보를 탐색한 뒤 상담·체험 신청으로 이어지도록 프로젝트 방향을 구성했습니다.
지점별 검색 유입을 고려한 페이지 구조와 모바일 환경의 명확한 CTA, 프로그램 신청 및 운영 관리, 전환 추적 태그를 확장할 수 있는 기반을 핵심 범위로 설정했습니다. 브랜드 정보 전달과 사용자 행동, 관리자의 운영 흐름을 하나의 서비스 안에서 연결하는 데 초점을 맞췄습니다.
제작 기간2026. 06 - 2026. 09
고객사바시필라테스 코리아
사용 기술Rust, TypeScript, Next.js, Devup UI, Vespera, Docker, AWS
서비스
미리보기
미리보기
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
목적에 맞게 나뉜 사용자 동선: 지도자과정과 일반레슨의 메뉴·랜딩페이지를 구분하고, 교육 정보 탐색에서 1:1 상담과 체험 신청으로 이어지는 흐름을 중심에 둡니다.
2.
지점별 검색과 정보 탐색: 12개 지점의 정보와 예약·상담 연결을 지점별 페이지로 구성하고, 지역명 기반 URL·메타 정보·제목 구조를 고려합니다.
3.
프로그램 신청과 교육 운영 연결: 설문 작성, 계약서 서명, 결제 안내, 관리자 확정으로 이어지는 신청 절차와 정원·신청 상태 관리 흐름을 프로젝트 범위에 포함합니다.
4.
모바일 전환과 측정 기반: 모바일 화면의 명확한 CTA와 간결한 신청 폼을 중심으로 접근성을 고려하고, 신청 완료 이벤트와 전환 추적 태그를 확장할 수 있는 구조를 지향합니다.
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.
비즈니스의 다음 단계퀀텀 점프마스터키,
아이디어만 있어도 됩니다.
첫 상담부터 출시까지, 데브파이브가 함께합니다.
첫 상담부터 출시까지, 데브파이브가 함께합니다.