MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는...

5
MAIN DESIGN 26 MOBILE DESIGN 재활용 가구수거 APP 우주선

Transcript of MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는...

Page 1: MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는 아체를 하여 로고 디자인 전체 적인 페이지 디자인에 하였 습니다.

MAIN DESIGN

26

MOBILE DESIGN

재활용 가구수거 APP우주선

Page 2: MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는 아체를 하여 로고 디자인 전체 적인 페이지 디자인에 하였 습니다.

MOBILE DESIGN

MO

BIL

E D

ES

IGN

Category

Program

Term

MOBILE DESIGN

PHOTOSHOP / ILLUST

2016.06.06 ~ 2016.06.20

BRAND우주선은 ‘우리 주변의 선물’이라는 뜻을 가지고 있는 재활용 가구 수거 서비스 어플리케이션 입니다. 싱글 라이프가 늘어난 요즘, 고가의 가구보다 저렴하고 편하게 사용하는 가구의 선호도가 높아지고 있습니다. 우주선은 조금 낡았어도 사용하는 데에 이상이 없는 제품들을 저렴하게 혹은 무료로 찾아다니는 싱글족과 셀프족을 위하여 만들어졌습니다. 무분별한 낭비로 인해 쓰레기가 넘쳐나고 있는 지금, 재활용을 통해 에너지를 절약하여 환경 오염을 줄이고, 환경을 보존하기 위한 목적을 두고 있습니다.

MISSION트랜드를 분석하여 이전에 없던 새로운 어플 만들기새로운 어플이 아니라면 기존 어플에서 차별화되는 전략수익창출이 가능한 어플사용자가 원하는 컨텐츠와 편리한 UI, UX

우리주변의선물 우주선

38 39

MOBILE DESIGN UZUSUN

Page 3: MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는 아체를 하여 로고 디자인 전체 적인 페이지 디자인에 하였 습니다.

인트로

네이버 연동 로그인

로고

페이스북 연동 로그인

직접 입력해서 로그인

이메일로가입 건너뛰기

메인

로고

이용방법

리셀링

공지사항

수거예약

리폼재료

커뮤니티

장바구니 설정수거예약

마이페이지

서브1 - 마이페이지

X

사용자 얼굴

수거내역

주문내역

장바구니

찜한 상품

공지사항

우주선 고객센터 (1234-5678)

닉네임메일주소(로그인아이디)

쿠폰포인트

설정

서브3 - 리셀링

홈 장바구니 설정수거예약

마이페이지

뒤로가기 리셀링

침실가구 / 거실가구 / 주방가구 / 사무가구

배너

검색바

제품노출

40 41

MOBILE DESIGN UZUSUN

우리 주변의 선물 우주선재활용 가구수거 서비스 어플리케이션 우주선은 ‘우리 주변의 선물’이라 는 뜻으로, ‘우리 주변에 쓰레기로 버려진 여러 가구들이 다른 사람들 에게는 선물이 될 수 있다는 인식을 가지자’라는 의미를 담고 있습니다. 우주선을 통해 가구수거는 물론, 리셀링을 통한 제품 구입, 가구 리폼에 대한 노하우를 공유할 수 있는 커뮤니티 공간 마련 등 셀프족, 싱글족의 마음을 사로잡을 수 있도록 기획 및 디자인하였습니다.

C O N C E P T

강렬하고 브라이트한 컬러주조색은 밝고 경쾌한 느낌을 주는 노란색으로 정하여 행복한 싱글라 이프의 삶을 상징화하고자 하였으며, 서브컬러는 빨간색으로 정하여 노 란색과 잘 어우러지면서 강렬한 느낌을 내 주고자 하였습니다. 또 요소 마다 검정색 테두리를 넣어주어 팝아트 느낌을 내주어 주목성을 높였습 니다.

트렌디한 폰트귀엽고 부드러운 느낌을 주는 주아체를 사용하여 로고 디자인 및 전체 적인 페이지 디자인에 사용하였 습니다.

C O L O R & F O N T

재활용 서비스를 제공하고 있는 타사는 수거 기능밖에 없지만, 우주선 에서는 수거 외에도 수거 후 간단한 수리 및 클리닝 서비스를 거친 후 판매를 하는 리셀링 서비스를 운영하여 가구를 저렴하게 구입할 수 있는 공간을 제공합니다. 또한, 리폼재료도 같이 판매하면서 우주선 사용 자들끼리 서로 리폼팁을 공유할 수 있는 커뮤니티 공간을 제공하여 활성화시키고자 합니다.

리셀링, 리폼관련 커뮤니티 공간 마련

S T R A T E G Y

YELLOW밝음

#FEC80E

RED강렬

#EB222A

BLACK강조

#000000

GRAY세련

#4D4B4C

W I R E F R A M E

재활용 가구수거 서비스

우리 주변의 선물 우주선

Page 4: MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는 아체를 하여 로고 디자인 전체 적인 페이지 디자인에 하였 습니다.

톡톡튀는 개성을 중시하는 셀프족들과 어울리는 룩앤필을 고민하던 중, 주목 성이 높은 팝아트 스타일이 잘 어울린다는 생각하였습니다. 전체적인 표현기법을 굵은 블랙 테두리와 패턴이 들어간 팝아트 스타일로 정하여 작업하였습니다. 인트로에서 우주선의 로고와 SNS 연동 아이콘을 넣어주었고, 초간단 회원가입, 둘러보기를 배치하여 신규고객을 유치시키 고자 하였습니다. 우주선 로고 부분은 행성 위에 가구가 얹어져 있는 모양을 하여 우주라는 느낌과 이 어플이 가구에 관련된 어플이란 것을 표현하고자 하였습니다. 로고 주변에는 별, 행성 등 우주선과 어울리는 요소들을 넣어주어 아기자기 하면서 컨셉을 강조할 수 있도록 디자인하였습니다.

INTRO PAGE

인트로메인페이지에서는 상단에 햄버거버튼과 검색버튼을 넣어주어 마이페이지와 궁금한점을 검색할 수 있도록 하였고, 중앙메뉴 컨텐츠들은 우선순위를 매겨 이용방법, 수거예약, 리셀링, 리폼 재료, 공지사항, 커뮤니티 순으로 배치하였습니다. 우주선 이용 방법 페이지에서 어플 이용방법 및 수거예약 방법 등의 정보를 알 수 있고, 수거예약 페이지 에서는 날짜와 시간등을 직접 선택 하여 예약을 할 수 있습니다. 또 리셀링 페이지에서는 고객들이 저렴하게 중고 가구를 구입할 수 있으며, 리폼재료 페이지 에서는 제휴사의 리폼 재료를 고객들이 구매할 수 있는 페이지 입니다. 공지사항 페이지에서는 공지사항, 이벤트, 자주 묻는 질문 등을 볼 수 있으며, 커뮤니티 페이지에서는 사용자들간 리폼방법을 공유하면서 후기 등을 볼 수 있도록 구성했습니다.

MAIN PAGE

메인마이페이지에서는 사용자들이 자신의 사진을 원하는 사진으 로 변경 할 수 있으며, 사진 아래에는 등급이 표시되도록 디자인하였습니다. 또 포인트와 보유 쿠폰을 한눈에 볼 수 있도록 하였고, 수거내역과 주문 내역을 볼 수 있는 페이지로 연동되는 버튼, 장바구니로 연동되는 버튼, 공지사항 및 이벤트 를 확인하러 갈 수 있는 버튼을 넣어주어 사용자들이 편리하게 이용할 수 있도록 구성하였습니다. 또 가장 하단에 우주선 고객 센터와 전화번호를 넣어주어 문제가 있을시 빠르게 고객센터 로 전화를 할 수 있도록 하였습니다. 또한 마이페이지 옆에 위치한 메시지 버튼은 우주선 운영자, 고객들 간 메시지를 주고받아 편리하게 커뮤니케이션 할 수 있도록 하였습니다. 우주선의 마이페이지는 일반적인 페이지가 아닌 팝업형식으 로 디자인하여 차별화를 주었습니다.

SUB PAGE 01

마이페이지리셀링 페이지에서는 고객들이 빠르게 원하는 상품을 검색하 여 구매할 수 있도록 상단에 검색바를 위치시켰고, 그 아래 MD’S PICK 이라는 기획전 롤링배너를 넣어 컨셉에 맞는 상품 들을 모아볼 수 있는 페이지로 이동할 수 있도록 하였습니다. 아래에 가구별 아이콘 버튼을 넣어주어 해당하는 가구들만 모아서 볼 수 있도록 기획 및 디자인을 하였습니다. 때문에 사용자들이 쉽게 원하는 정보를 얻을 수 있다는 큰 장점이 있습니다. 표현기법은 앞 페이지들과 동일하게 백그라운드에 가구와 인테리어에 관련된 이미지를 넣어 딤처리 시켜 컨텐츠 들이 강조될 수 있도록 하였으며, 아기자기한 별모양 개념요소 들을 배경에 공통적으로 뿌려주어 앞페이지들과 통일성있게 표현하였습니다.

SUB PAGE 02

리셀링

42 43

MOBILE DESIGN UZUSUN

Page 5: MAIN DESIGN - X-Y.nethongsi.x-y.net/2016_ui1/lje_c/pdf/04uzusun.pdf · 고 부 느낌을 는 아체를 하여 로고 디자인 전체 적인 페이지 디자인에 하였 습니다.

모바일 디자인은 팀 기획에 들어갔을 때 부터 우여곡절이 굉장히 많은 작업이였 습니다. 차별화 전략까지 다 잡아 놓은 기획이 엎어지기도 하고, 모두 열심히 발상 을 해도 아이디어가 잘 떠오르지 않기도 하고... 하지만 다시 마음을 다잡고 기획을 짜서 재미있고 의미있는 어플이 만들어 지게 되었습니다. 디자인 1차 작업을 하고 룩 앤필, 레이아웃 등을 생각 해 보았을때 팝아트 느낌이 어플을 잘 살려줄 수 있을지 의구심이 들었습니다. 하지만 선생님 디렉 션, 친구들 브레인 스토밍을 들어보니 팝아 트 느낌으로 선택하길 잘 했다는 생각이 들었고, 기분좋게 작업을 쭉쭉 이어나갈 수 있으리란 생각을 했습니다. 결과적으로 제 가 받은 평가도 굉장히 좋았고, 다른 팀원 들도 좋은 평가를 받게되어 너무 기뻤습 니다. 모바일 팀 작업을 통하여 협동심을 기를 수 있어서 좋았고, 다양한 의견들을 모아서 디벨롭 시키면서 점점 구체적이면 서 좋은 아이디어들이 나오게 된 것 같아 즐거웠습니다.

모 바 일디 자 인해 보 고 서

44

MOBILE DESIGN