[업데이트 소식] 4월 2주차 - "멘토링 리스트 페이지" 개편

안녕하세요 인프런 팀 입니다!

인프런은 더 나은 멘토링 환경을 제공하고자 여러 기능들을 계획 중인데요! 금번에는 멘티분들이 멘토링을 신청하기 위해 가장 먼저 방문하는 "멘토링 리스트 페이지"를 개편하여 안내드립니다! 🎉

개발 목적 

현재, "멘토링 리스트 페이지"는 다소 작은 사이즈의 카드 디자인으로 인해 멘티분들을 이끌 수 있는 여러 가지 정보를 노출하지 못하고 있었습니다. 그리고 전체 페이지를 보았을 때 각 카드의 가독성이 다소 떨어지는 현상이 존재했습니다.

위 한계점을 극복하고 나아가, [검색], [필터], [스킬 태그] 노출 등 전체적인 "멘토링 리스트 페이지"의 UI, UX 개선을 금번에 진행하였습니다. 이에 따라, 멘토링 리스트가 더욱 매력적인 페이지로 거듭나게 되어 안내드립니다.

그럼, 이번에 새롭게 단장한 "멘토링 리스트 페이지"들 소개하겠습니다.

페이지 소개

1. 멘토링 카드

• AS-IS

• • 다소 작은 카드 사이즈로 멘티들의 선택에 도움이 되는 정보들을 노출하지 못함
    • 리뷰 수
    • 현재까지 신청한 멘티 수
    • (신규 기능) 멘토링에 관련된 스킬 태그
    • 가격 등
  • 위계 구조가 명확하지 않아 제목, 멘토 정보, 멘토명 등을 한눈에 파악하기 어려움

• TO-BE

• • ① [멘토링 제목]을 명확하게 인지할 수 있게 구성
  • ② [별점]과 함께 [리뷰 개수], [지금까지 멘토링을 진행한 멘티 수], [스킬 태그] 개수 등 멘토링을 표현할 수 있는 정보 노출
  • ③ [스킬 태그]를 제공하여 해당 멘토링이 어떤 내용인지 전반적으로 파악할 수 있게 함
  • ④ [가격]과 [멘토링 시간]을 노출하여 멘티가 보다 쉽게 정보를 확인할 수 있게 함

2. 멘토링 리스트 페이지

• AS-IS

• • [분야 설정 영역], [검색 영역], [필터링 영역] 등이 왼쪽 사이드 쪽에 위치해 있어서 카드들의 크기가 작음
  • 카드 디자인으로 인해 약간은 [멘토링]의 매력도가 떨어져 보일 수 있음

• TO-BE

• • ① 왼쪽 사이드바에 위치해 있던 [분야 필터]를 상단으로 이동하여 보다, 명확하게 표현
  • ② [검색 영역]을 상단에 배너로 위치시키고 입력할 수 있는 영역의 길이를 늘려 검색 편의성을 증진
  • ③ 새롭게 도입한 [기술 스킬]의 필터링을 위한 필터 추가
  • 전체 : 페이지의 여러 기능들을 상단으로 분배하여 카드 크기를 확대하고 클릭해 보고 싶은 매력적인 멘토링으로 보일 수 있게 함

이상으로 "멘토링 리스트 페이지" 개편에 대한 소개를 마치겠습니다. 

인프런에서는 앞으로도 멘토님, 멘티님에게 도움이 될 수 있는 다양한 기능들을 준비하고 있으니 즐거운 마음으로 멘토링을 이용해 주시면서 기다려 주시면 감사겠습니다!! 

항상 소중한 지식을 서로 나누고 즐거운 성장을 함께 해나가며 그 에너지를 저희 인프런까지 나눠주셔서 감사드립니다.

감사합니다.
인프런 드림 🌱