플러스프로젝트 배경
1) 문제점 - 시간표를 이미지로만 올려 두어 방문자가 잔여 자리를 확인하려면 결국 전화·메신저 문의가 필요 - 첫 방문 절차가 안내되지 않아 신규 회원의 진입 장벽이 높음 - 시간표 변경 때마다 이미지를 다시 만들어야 해 운영 부담이 큼 2) 목표 - 그룹 수업 잔여 자리를 색으로 구분해 문의 전에 확인 가능하게 구성 - 체험 신청부터 수업 배정까지 첫 방문 절차를 단계로 제시 - 데이터만
프로젝트 성과
시간표 갱신 방식을 이미지에서 데이터로 전환
매주 이미지를 새로 제작하던 방식 대신 데이터 배열만 수정하면 시간표 화면이 다시 그려지도록 구현
핵심 기능
잔여 자리 표시 그룹 수업 시간표
요일·시간대별 그룹 수업을 격자로 배치하고 남은 자리를 색으로 구분해, 방문자가 문의하기 전에 가능한 시간을 스스로 고를 수 있게 함
진행 단계
화면 설계 및 구현
2026.08.
잔여 자리 표시 규칙과 첫 방문 절차를 정의하고 시간표 렌더링·요금표·반응형 레이아웃 구현
프로젝트 상세
필라테스 스튜디오 홈페이지 자체 기획 데모입니다. 실제 납품본을 공개할 수 없어 같은 설계를 가상 브랜드로 다시 지었습니다. 운동 스튜디오 문의의 대부분은 "언제 자리가 있나요"입니다. 그런데 홈페이지에 시간표만 이미지로 올려 두면 결국 전화나 메신저로 다시 물어봐야 합니다. 이 시안은 그룹 수업 시간표에서 남은 자리를 색으로 구분해, 방문자가 문의 전에 스스로 확인할 수 있게 했습니다. 첫 방문자
