vegimap

비건주의자들에게 비건 식당에 대한 정보만 나타내는 지도 모바일웹

개요

비건 식당의 재방문율을 나타내는 모바일 웹 지도를 기획 및 디자인을 진행하였습니다.

로드맵을 짜며, 웹페이지를 방문한 사용자가 어떤 식으로 이용할지에 대한 유저 시나리오를 그려보며 기획을 진행했습니다.

세부 내용

• 기간: 2021.12 - 2022.06

• 로드맵 기획부터 디자인까지 준비

• 브랜딩 디자인

담당 파트

유저 시나리오에 따른 기획안 작업

개발자의 기획서에 덧붙여 해당 모바일웹의 페이지 플로우를 작성했으며, 유저 시나리오를 그렸습니다.

브랜딩 디자인 진행

'비건'이라는 주제에 맞는 브랜드 네임을 정한 뒤, 로고를 제작하였습니다.

선과 면을 이용한 방식으로 디자인한 뒤, 귀여운 느낌과 위치 마크를 나타내는 모양을 채택하였습니다.

UX/UI 디자인

레벨에 따라 카드형식과 리스트형식으로 목록을 나누었습니다.

지도에서 마커를 클릭하면 나오는 작은 리스트를 상단으로 올릴 경우, 전체 팝업으로 변경되며,

다음번 업데이트 추가되는 리뷰시스템도 함께 디자인했습니다.

리뷰시스템을 도입하면서 재미를 더하기위하여 일반적인 별점이 아닌 리뷰 점수에 따른 얼굴 표정모양을 추가하였습니다.

어려웠던 점

회사 데이터로 SMP를 제작하다보니 업무 외 시간에 진행을 해야했었고, 2인 기획, 디자인, 개발을 모두 하느라 오랜 시간 동안 작업해야했었던 점이 힘들었습니다.

그 시간동안 개발자와의 싱크를 맞추는 작업에서 서로 더 많은 논의를 했으면 더 좋은 결과물이 나오지 않았을까 하는 아쉬움도 있습니다.

정리

2인 작업을 통해 적은 인력으로 프로젝트를 진행할 수 있다는 사실을 알게 되었고, 무한 스크롤을 통한 피드백 시스템의 독특한 방식을 알게 되어서 유익했습니다. 다음번에 이 프로젝트를 좀 더 발전시킬 기회가 생기게 된다면 지도의 레벨에 따른 리스트 형식에 대해 좀 더 고민해보고 싶습니다.