Production case
- ClientSEORO(https://www.seoromeeting.com/)
- Date10.11.2023
- Type플랫폼
- Price800만원
- Overview디자인 지원
*메인페이지 + 서브 페이지 FIGMA 기획 -> 디자인
개발 기술
* 프론트앤드 개발(클라이언트단): NEXTJS
* 프론트앤드 개발(어드민단): NEXTJS
* 백앤드 개발: NODEJS, MONGODB
* 배포: AWS, LINUX
* 기능 : 소개팅 리스트보기, 소개팅 작성하기, 리뷰 관리, 소개팅 지원, 지원자 선택 기능, KAKAO로그인 지원, 마이페이지, 어드민 관리페이지
Target
20대 후반~30대 초반 직장인들이 퇴근 후에 단체 소개팅을 열 수 있는 플랫폼 제공
Mission
전국 모든 지역에서 소개팅 열기, 지원, 지원자 선택, 매칭 기능을 원활히 수행하기 위함
Color System
Primary
#008df8
Secondary
#00efef
#00fcac
HOME
스카이블루를 메인색으로 사용했고 Y2K디자인으로 소개팅 감성을 살렸습니다. 하단에는 현재 모집중인 소개팅 리스트를 카드 형식으로 리스트업 하였습니다.
LOGIN
소개팅 플랫폼으로 간편한 회원가입을 위해 카카오 로그인을 지원하였습니다.
MEETING LIST
소개팅 리스트를 볼 수 있는 소개팅 목록 페이지입니다. 드롭다운 필터로 지역, 인원, 성별을 선택해서 소개팅 리스트를 볼 수 있습니다. 소개팅에 가장 중요한 정보인 장소, 인원, 성별, 나이를 확인할 수 있습니다.
MEETING DETAIL
소개팅 카드를 클릭하면 볼 수 있는 소개팅 디테일페이지입니다. 제목과 소개팅 일자와 시간, 호스트의 정보(직업, 나이, MBTI..등등)와 원하는 분위기를 볼 수 있습니다.
MYPAGE
마이페이지에서 내가 작성한 소개팅, 지원한 소개팅, 결제 내역을 조회할 수 있습니다.
MYPAGE MEETING APPLIER
내가 올린 소개팅에 지원한 지원자들을 볼 수 있는 페이지입니다. 사진과 직업 나이 근무지 MBTI를 볼 수 있고 소개팅 시작하기를 누르면 서로에게 번호나 카카오 아이디가 전달됩니다.
TICKET
결제가 이뤄지는 부분으로, 소개팅을 열거나 지원하는 것은 무료이지만 상대방에 대한 정보를 얻기 위해서는 티켓을 구매해야합니다. 티켓이 없을 시 구매 페이지로 이어집니다.
