SaaS 가격표 서비스

간편하게 SaaS 서비스 가격표를 생성할 수 있는 노코드 웹 페이지 빌더 형식의 서비스

팀 노션

✨팀원

김민기	임성열	이혜원	정영찬	조성민

🚀기술 스택

🎯주요 기능

메인 페이지

• 카카오 로그인을 통해 로그인

가격표 템플릿 리스트

• 가격표 템플릿 리스트를 확인
• 가격표 템플릿 클릭 시 해당 템플릿의 편집 히스토리 확인
• 더보기 메뉴 통해 템플릿 복제

가격표 템플릿 편집 히스토리

• 각 템플릿의 편집 히스토리 확인
• 체크한 항목 삭제

가격표 편집 페이지

가격표 초기 설정(온보딩 모달)

1. 로고 또는 심벌을 업로드
2. 가격표에서 사용할 컬러 설정
   
3. 가격 정책 설정
   

• 정액제(인원수X), 정량제(인원수O)
• 연간 구독설정, 특정 요금제 강조, 가격 카드별 원가/할인율, 인원별 할인율 설정

가격 카드 영역

• 드래그엔 드랍을 통한 카드 순서 변경
  
• 월간/연간 구독 설정, 인원 수 입력
  
• 카드 내용 입력, 삭제
  
• 카드 추가, 삭제
  

상세 기능표 영역

• 가격 카드 영역과 카드 이름, 카드 개수 동기화
  
• 상세 기능표 내용 추가, 삭제
  
• 표 전체 초기화
  
• 표 추가, 삭제
  

FAQ 영역

• FAQ 추가, 질문/답변 추가, FAQ 삭제
  

공통 부분

• 메인 타이틀, 서브 타이틀, 텍스트 박스, 상하 패딩 위치 변경
  
• 타이틀 사이 패딩 높이 조절
  
• 메인 타이틀, 서브 타이틀, 텍스트 박스, 상하 패딩 추가
  

가격표 미리 보기

대시보드