1. 프로젝트 개요
프로젝트 이름: 티블리스 (Teabliss)
프로젝트 목적: 사용자들이 직접 재료를 골라 자신만의 블렌딩티를 만들고 구매할 수 있는 웹사이트 구축
본인의 역할: 비주얼 아이덴티티 개발, UX/UI 작업 및 반응형 웹 디자인 구현
주요 기능: 사용자의 차 선호도를 조사하는 설문 페이지 포함
팀 구성: 개발자 7명과의 협업, 디자인은 1인 담당
2. 디자인 과정
와이어프레임 제작 및 회의: 맞춤형 블렌딩 과정과 설문 페이지의 UX를 고려해 와이어프레임을 제작하고, 개발자와 협업하여 지속적인 피드백 반영
디자인 시스템 제작: 통일된 비주얼 아이덴티티 구축 (색상, 폰트, 버튼 스타일 등)
페이지 제작 및 구현: 다양한 해상도에 대응하는 반응형 웹 디자인을 2주 내에 완성, 사용자 설문 페이지와 블렌딩 선택 과정 디자인 포함
3. 사용한 도구와 기술
디자인 툴: Figma
협업 툴: Notion, Discord
1단계 - 와이어프레임 제작
2단계 - 디자인 시스템 제작
3단계 - 페이지 디자인
로그인
회원가입
메인페이지
나만의 티 만들기 페이지
제품 페이지
결제 페이지
상품 페이지
설문 페이지
