안녕하세요 인프런 팀 입니다!
인프런은 더 나은 멘토링 환경을 제공하고자 여러 기능들을 계획 중인데요! 금번에는 이러한 기능들의 개발에 밑바탕이 될 수 있는 "멘토링 상세 페이지", "멘토링 신청 페이지"를 준비하여 안내 드립니다! 🎉
개발 목적
현재, [멘토링 소개와 멘토 정보를 확인할 수 있는 곳], [멘토링을 신청할 수 있는 곳]들은 모두 작은 창으로 이루어져 있습니다. 이 때문에, 멘토링 정보를 확인하고 신청하기까지의 과정들에 다소 불편한 점이 존재했습니다. 또한, 멘토님과 멘티님의 편의를 증진시킬 수 있는 다양한 기능을 도입하기에 다소 어려운 점이 있습니다.
이를 개선하고자 다음과 같은 두 가지 페이지 개발을 진행했습니다.
- "멘토링 상세 페이지"
- "멘토링 신청 페이지"
위, 페이지들을 기반으로 삼아 앞으로 멘토님, 멘티님의 멘토링에 더욱 도움이 될 수 있는 다양한 기능(멘토링 채팅, 멘토링 화상 미팅 등)들을 제공하겠습니다. :)
그럼, 이번에 개발한 페이지들을 소개하겠습니다.
페이지 소개
1. 멘토링 상세 페이지
- AS-IS
-
- [멘토링 명], [멘토 정보], [멘토링 소개] 등 많은 정보들이 작은 창에 작성되어 있어 내용을 인지하기에 다소 불편함
- 해당 창에서 [멘토링 리뷰]에 대한 기능을 사용할 수 없음
- 멘토링 리뷰 확인 > 별도로 다른 창을 실행해야만 확인 가능
- 멘토링 리뷰 작성 불가능 > 별도로 "멘토링 신청 내역 페이지"에서만 작성할 수 있음
- TO-BE 1
-
- ① [멘토링 제목]을 명확하게 인지할 수 있게 구성
- ② [멘토링]에도 기술 스택을 입력할 수 있게 하여 좀 더 자세한 정보를 멘티에게 제공할 수 있음
- ③ [탭]으로 각 정보에 접근을 용이하게 하고 정보의 영역을 명확하게 분리
- ④ 페이지의 어느 위치에서도 [멘토 정보]를 확인할 수 있게 함(플로팅 제공)
- ⑤ 멘티일 경우, 해당 [멘토링]에 대한 신청 내역(날짜, 시간)을 확인할 수 있음
- TO-BE 2
-
- ① "멘토링 상세 페이지"에서 [멘토링 리뷰]를 남길 수 있게 되어 유저들이 리뷰 작성 위치를 명확하게 알 수 있음
- ② "멘토링 상세 페이지"에서 [멘토링 리뷰]를 바로 확인할 수 있게 됨
2. 멘토링 신청 페이지
- AS-IS
-
- [결제하기]까지의 단계가 많아 다소 불편함을 줌
- [전화 번호], [이메일] 등이 다른 [강의 장바구니], [계정 정보] 등과 연동이 되지 않아 매번 수정해야 하는 불편함이 존재
- TO-BE
-
- ① [캘린더 뷰] UI UX 개선 > 날짜 - 시간 선택할 때마다 캘린더 꺼짐 현상 방지 등
- ② [장바구니], [계정정보]등과의 데이터 동기화를 통해 이름, 이메일, 전화번호가 자동으로 작성, 수정될 수 있게 함
- ③ [결제 금액], [멘토링 이용권] 등 결제 정보에 대해 명확히 인지시켜 줌
- ④ [페이지 전체] - 3단계로 나눠진 신청 플로우를 한 페이지로 축소하여 편의 증진
이상으로 "멘토링 상세 페이지", "멘토링 신청 페이지"의 소개를 마치겠습니다.
인프런에서는 이번 페이지 개발을 필두로 멘토님, 멘티님에게 도움이 될 수 있는 [멘토링 채팅 기능], [멘토링 화상 미팅 기능], [멘티에게 묻는 사전 질문] 등 다양한 기능들을 준비하고 있으니 즐거운 마음으로 기다려 주시면 감사겠습니다!!
항상 소중한 지식을 서로 나누고 즐거운 성장을 함께 해나가며 그 에너지를 저희 인프런까지 나눠주셔서 감사드리며,
궁금한 점이나 추가 피드백은 페이지 우측 하단 [문의하기]로 남겨주세요!
감사합니다.
인프런 드림 🌱
