SlotIn 앱
회원용 PWA
SlotIn 예약 관리 시스템의 회원 전용 모바일 앱 버전. 별도 앱스토어 설치 없이 홈 화면에 추가하여 네이티브 앱처럼 사용할 수 있는 PWA(Progressive Web App)입니다.
SPEC
기술 스펙
카테고리
모바일 앱 (PWA)
업종
피트니스 · 스포츠 · 헬스케어
개발 언어
HTML5 CSS3 JavaScript (ES6+)
데이터베이스
localStorage (클라이언트 사이드 데모)
프론트엔드
Vanilla JS PWA (Service Worker) Web App Manifest
백엔드
없음 (프론트엔드 데모)
클라우드 / 배포
Vercel (GitHub 자동 배포)
앱 설치
iOS Safari · Android Chrome 홈 화면 추가
FEATURES
핵심 기능
홈 대시보드
잔여 횟수 · 이번 달 수업 수 · 연속 출석 요약 카드. 오늘 예정 수업과 이번 주 출석 현황 한눈에 확인.
스케줄 탭
7일 날짜 슬라이더로 날짜 선택. 요가 · 필라테스 · 헬스 수업 목록 표시. 예약 가능 수업 즉시 예약.
내 예약 탭
예정 · 지난 수업 필터. 예약완료 · 대기중 · 출석완료 · 취소 상태 배지. 예약 취소 기능.
마이페이지
회원 프로필 · 회원권 카드(잔여 횟수 진행률 바) · 패키지 구매 · 알림 설정.
PWA 홈 화면 설치
iOS Safari 공유 버튼 → 홈 화면에 추가. Android Chrome 설치 배너 자동 표시. 앱스토어 불필요.
오프라인 캐시
Service Worker로 핵심 파일 선캐시. 네트워크 불안정 환경에서도 앱 기본 화면 유지.
HIGHLIGHTS
주요 특징
앱스토어 없이 앱 경험 제공
PWA 방식으로 iOS · Android 모두 홈 화면에 설치 가능. 앱스토어 심사 없이 즉시 배포 가능하며, URL 하나로 고객에게 공유할 수 있어 운영 비용이 거의 없습니다.
모바일 네이티브 수준의 UX
하단 탭 내비게이션, 풀스크린 레이아웃, 터치 최적화 버튼 크기, 스와이프 제스처 등 네이티브 앱과 동일한 사용 경험. 주소창 없이 전체 화면으로 실행.
SlotIn 웹앱과 연계 포트폴리오
SlotIn 웹 관리자 시스템과 동일한 디자인 언어(레드 #E71335, 웜 그레이 배경)를 사용하여 브랜드 일관성 유지. 웹앱과 모바일 앱을 함께 납품하는 패키지 제안이 가능합니다.
ABOUT
상세 설명
SlotIn PWA는 기존 SlotIn 웹 관리자 시스템의 회원 전용 모바일 앱 버전입니다. 피트니스 스튜디오 회원이 스마트폰에서 수업 예약, 스케줄 확인, 잔여 횟수 조회를 간편하게 할 수 있도록 설계되었습니다.
PWA(Progressive Web App) 기술을 활용하여 별도의 앱스토어 등록 없이 웹 URL 하나로 iOS와 Android 모두에서 홈 화면 설치가 가능합니다. 설치 후에는 주소창 없는 전체 화면 모드로 실행되어 네이티브 앱과 구분이 어려울 정도의 사용 경험을 제공합니다.
소규모 피트니스 스튜디오 운영자 입장에서 별도 앱 개발 비용 없이 회원에게 앱 경험을 제공할 수 있다는 것이 가장 큰 장점입니다. 기존 웹사이트에 PWA 기능을 추가하는 방식으로 납품하면 추가 비용을 최소화하면서 서비스 경쟁력을 높일 수 있습니다.
모바일 앱도 함께 제작하고 싶다면?
웹사이트와 함께 PWA 앱을 패키지로 제작해 드립니다. 앱스토어 없이 즉시 배포 가능합니다.