기획 : jooyeon oh
디자인 : Seoah Jeong
탑승경험 사일로에서 기능 업데이트를 유저들에게 효과적으로 알리고 싶다는 요청을 받아,
마케터와 함께 웹페이지를 기획/디자인하게 되었습니다.
> 기능 업데이트 내용(탑승경험silo) :
기존의 별점 5점 평가방식에서 좋음/보통/불만족 3점척도로 평가방법을 개편.
별점 방식은 주관적인 평가에 가까워서 개개인이 어떤부분에서 만족/불만족하였는지 정확한 측정이 어려웠기때문.
[메인 비주얼 방향]
유저들의 평가를 편지에 비유하고, 이 편지들을 타다가 소중히 차곡차곡 모아두고 있다는 메시지로 표현해보았습니다.
타다 캐비닛이 열리면서 평가를 꺼내보는 장면을 구상했습니다.
컨셉 모델링
메인 비주얼 완성안
앱내에서 사용되고있는 (좋음, 보통, 불만족) 세가지 표정아이콘을 스티커로 편지위에 붙여두었습니다.
또한 메탈, 홀로그램, 반투명등 다양한 재질로 변주를 주었습니다.
(참고) 타다 앱 평가 페이지 변화
* 위 화면에서는 UI가 아닌, 앱내 아이콘과 일러스트 작업하였습니다.
기획안과 최종페이지
전달하고자하는 내용이 많은 편이라 이해를 돕는 그래픽과 모션을 적극 활용하였습니다.
웹 구현안
디자인을 실제 구현하는 과정에서 스크롤 효과나 모션그래픽 등 많은 부분에서 웹개발자분이 도움 주셨습니다.
가로 슬라이드 컨텐츠
전체 페이지 분량상 많은 양의 정보를 세로 나열하면 피로도가 높아질것을 우려해
가로슬라이드형식으로 공간절약하여 바뀐이유를 정리해두었습니다.
컨텐츠 그래픽
- 자세한 피드백 : 실제 앱 일러스트를 3D버전으로 강조하여, 선택하는 듯한 장면을 만들었습니다.
- 더 나은 문화 : 이동문화가 긍정적으로 나아진다는 의미를 신호등 파란불에 비유했습니다.
선순환 컨텐츠
'유저의 평가와 드라이버의 서비스 품질 향상의 선순환'이라는 내용을 담은 모션그래픽입니다.
- 유저의 평가 : 무표정에서 스마일로 변화하면서 만족을 뜻하는 하트아이콘
- 드라이버의 서비스 품질 향상 : 최고를 뜻하는 엄지아이콘, 드라이버를 상징하는 핸들에 불빛이 들어옴
타다 앱내 배너이미지
* 하트모션은 로티 애니메이션 무료소스 편집/활용했습니다
Thank You!
