1. 프로젝트 개요
프로젝트 이름: 마운팀 (Mountim)
프로젝트 목적: 한국의 100대 명산을 정복하며 뱃지를 획득하고, 등산을 함께할 사람들과 모임을 만들고, 등산 후기를 남길 수 있는 플랫폼 구축.
본인의 역할: 비주얼 아이덴티티 개발, UX/UI 작업 및 반응형 웹 디자인 구현
주요 기능:
등산 후 뱃지 획득 및 등산 모임 생성
등산 모임 만들기 및 참여하기 기능 제공
모임 후 후기 작성 기능 제공
팀 구성: 개발자 7명과의 협업, 디자인은 1인 담당
2. 디자인 과정
와이어프레임 제작 및 회의: 기획과 와이어프레임이 완성된 상태에서 프로젝트를 시작. 구글 디자인 스프린트 워크시트를 이용해 개발자들과 협력하여 기획을 진행하고, 전체적인 UX 구조를 협의하면서 피드백을 반영함.
디자인 시스템 제작: 일관된 비주얼 아이덴티티 구축 (색상, 폰트, 버튼 스타일 등) 후 웹사이트 전반에 적용.
페이지 제작 및 구현: 2주 만에 사용자와 판매자 페이지를 포함해 다수의 웹 페이지를 디자인하며, 다양한 해상도(데스크톱, 태블릿, 모바일)에 대응하는 반응형 웹 디자인을 완성.
3. 사용한 도구와 기술
디자인 툴: Figma
협업 툴: Notion, Discord, Google 디자인 스프린트 워크시트
4. 목차
구글 디자인 스프린트를 이용해 기획
기획안을 바탕으로 와이어프레임 제작
디자인 시스템 정리
페이지 디자인
1) 구글 디자인 스프린트를 이용해 기획
1. Discover
2. DEFINE
Aiffinity Diagram을 통해 핵심 기능, 차별화 방안 정리
우리가 생각하는 서비스 성공 정의
3. SKETCH
화면 별로 아이디어 정리
유저 시나리오 정리
2) 기획안을 바탕으로 와이어프레임 제작
1차 제작
2차 제작
최종 제작
기획명세서를 바탕으로 웹 기준 와이어프레임 제작
3) 디자인 시스템 정리
타이포그래피 정리
컬러 토큰 정립
디자인 컴포넌트 제작
4) 페이지 디자인
