시설과 서비스를 보여주는
모바일 메인 리뉴얼
시설 이미지를 활용한 메인 비주얼과 상담·수강신청 영역을 배치하고, 삼모소식·소개 영상·오시는 길을 이어서 구성했습니다. 전체 메뉴에서 종목 소개, 이용안내, 예약, 코인 충전과 마이페이지로 이동하도록 정리했습니다.
시설 안내부터 코인 결제와 예약 관리까지, 모바일에서 이어지는 이용 경험
여러 시설과 종목을 운영하는 스포츠센터에서는 방문 목적에 따라 필요한 정보가 달라집니다. 시설 소개와 이용안내를 찾는 동선, 회원이 예약과 코인 내역을 확인하는 동선을 정리해 모바일 홈페이지에 담았습니다.
시설 사진과 핵심 안내를 중심으로 메인을 정리하고, 상담과 수강신청·이용안내·예약 메뉴로 이동하도록 구성했습니다.
업장별 상품을 살펴보고 날짜와 옵션, 인원을 선택하면 필요한 코인을 확인한 뒤 예약하도록 구현했습니다.
예약 내역의 사용·미사용·취소 상태를 구분하고, 현장에서 예약을 확인한 뒤 사용 처리할 수 있도록 연결했습니다.
기존 회원·코인 정보를 활용해 모바일 예약을 연결했습니다. 고객이 이용하는 상품 선택과 예약 관리 화면부터 운영자의 상품 등록과 예약 조회까지 하나의 업무 흐름으로 구성했습니다.
시설 이미지를 활용한 메인 비주얼과 상담·수강신청 영역을 배치하고, 삼모소식·소개 영상·오시는 길을 이어서 구성했습니다. 전체 메뉴에서 종목 소개, 이용안내, 예약, 코인 충전과 마이페이지로 이동하도록 정리했습니다.
예약 상품을 업장별 카테고리로 구분하고 목록에서 상품 이미지와 필요 코인을 확인하도록 했습니다. 상세 화면에서는 상품 안내와 예약 날짜, 옵션, 인원을 선택하며 기본 코인과 옵션 코인에 수량을 반영해 결제 코인을 계산합니다.
충전 상품과 결제수단을 선택하는 코인 충전 화면을 연결했습니다. 예약 시 회원의 보유 코인을 확인하고, 유료·무상 코인을 구분해 차감하며 예약 내역과 코인 사용 기록을 저장합니다. 코인이 부족하면 충전 화면으로 안내합니다.
회원이 예약한 상품, 옵션, 수량과 사용 코인을 확인하도록 목록과 상세 화면을 구성했습니다. 예약 상태에 따라 사용·취소 버튼을 표시하고 현장 확인을 위한 사용 처리 기능을 연결했습니다. 예약 취소 시에는 사용한 코인을 반환하고 관련 내역을 기록합니다.
마이페이지에서 코인 충전·사용 내역과 보유 쿠폰을 확인하도록 구성했습니다. 쿠폰은 사용 여부와 유효기간에 따라 구분하고, 무상 코인은 지급·사용 기록과 유효기간을 관리해 회원의 예약과 혜택 이용 내역을 함께 확인하도록 했습니다.
관리자에서 예약 카테고리와 상품명·설명·이미지·코인 금액·옵션을 등록하고 수정할 수 있도록 구현했습니다. 회원 아이디와 예약일로 예약을 검색하고, 상세 화면에서 상품 정보와 사용·취소 상태, 유료·무상 코인 사용 내역을 확인하도록 구성했습니다.
시설 안내부터 상품 예약, 결제와 회원 관리까지 필요하신가요?
서비스의 이용 방식과 운영 업무에 맞는 모바일 홈페이지를 제작합니다.
지금 웹셀러에 상담하세요.
문의전화 . 1660-0723
카카오 1:1 문의