본문 바로가기

UXUI design/project

[미니프로젝트] 팀 소개 페이지 제작 (1)

오늘(5/27)은 팀원분들과 처음 인사 나누고 주어진 과제에 대한 이야기를 나누었다. 

팀 과제는 팀 소개 페이지를 제작하는 것이다. 

 

 

함께 이야기한 주제는 다음과 같다. 

 

 

to do list

- 팀명 및 컨셉 정하기

- 와이어프레임 개별 아이디어 도출 

- 조 컨셉에 맞는 레퍼런스 찾기 

 

 

팀명은 '러키비키'다! 

러키비키는 럭키(Lucky)+ 가수 장원영님의 영어 이름(Vicky)를 합성한 단어로, 원영님과 같은 초긍정적 사고방식을 의미한다. 

 

지식인 답변 캡쳐

 

 

해당 컨셉에 맞게 와이어프레임을 정하는 과정에서 다양한 의견이 나왔는데

정리된 의견이 필요하겠다 싶어, 먼저 각자 레퍼런스를 찾고 러프하게 와이어프레임을 만들기로 했다.  

 

 

나는 핀터레스트와 벨로그에서 레퍼런스를 찾아 정리했다.

컨셉은 럭키비키 하우스, 스타일은 잡지로 하였다. 

참고한 레퍼런스는 아래와 같다. 

출처 : 핀터레스트 (https://www.pinterest.co.kr/pin/1548181153453237/)

 

 

 

럭키비키 하우스 컨셉에 맞게 집을 만들고 팀원들의 미모티콘을 집어 넣었다. (다행히도 모두가 애플 유저였다 ㅎ)

메인페이지에서는 팀 설명(팀 약속, 목표, 특징) 페이지와 하우스 페이지로 넘어가는 버튼을 넣었고, 

하우스페이지에서 팀원의 미모티콘을 클릭하면 개개인의 팀원 소개 페이지로 넘어가는 방식을 생각했다. 

아래와 같다. 

와이어프레임 제작 - 피그마 캡처

 

 

금일 TIL을 미니프로젝트로 대신함 !