Personal TUTOR 2021

 

UX/UI Design 2021

작업기간

10월01일 - 10월 08일 프리랜서 작업

 

OVERVIEW

처음 서비스 방향을 듣고 종이와 펜 스마트 디바이스가 메인으로 판단하여 포인트를 잡았다. 종이는 특수 디지털 종이로 미세하게 dot, 점형태의 모눈종이 같은 형태였는데 이를 베이스 그래픽적 요소로 사용하고 싶었다. 펜의 경우는 디바이스가 단일이 아닌 여러대일 가능성이 높다고 하여 디바이스 자체적인 그래픽 요소는 제거하고 펜의 인상을 줄수 있는 획의 요소를 넣었다. 그리고 그 중에서도 메인 디바이스로 보이는 모델의 사용된 퍼플컬러를 메인컬러로 선정하였다.

 

 

초기 작업 시안 3안으로 제출, 개발속도 조정으로 인한 디자인 이펙트 효과 제거 및 중간 UI 등 수정하여 작업 완료

진행을 하면서 실제 종이를 사용한 스마트 디바이스 학습에 대한 이미지를 연출하기 위해 작업했지만, 오너의 요청은 언커택트 느낌이 강한 이미지를 요청하여 최종 반영하여 전달함.

 

 

 

 

A안[퍼플]

-처음 프로젝트를 듣고 실제 스마트팬 디바이스를 보았는데 그 펜과 페이퍼가 이 서비스의 가장 중요한 부분이라고 생각되어짐.

펜중심으로 튜터만의 특별한 컬러로 퍼플계열을 선택, 전체적으로 너무 강해보일수 있는 컬러로 인해 일부러 라운딩 요소를 많이 집어 넣음.

메인 페이퍼 이미지는 제작하였으며 인물 일러스트부분만 제외, 실제 서비스 이미지가 아닐것은 알았으나 향후 염두하여 저작권가능 이미지로 대체함(무료 저작권 특성상 실제 서비스전에는 확인요망)

 

B안[그린]

-본 프로젝트가 데모버전임을 듣고 향후 영업 및 발표에 사용될것으로 염려 가능한 이목을 사로잡을 수 있는 화사한 컬러 + 교육의 대표적 컬러 그린을 사용, 밝은 톤의 그라데이션을 혼합하여 좀더 화사한 분위기를 연출.

A안과 다르게 라운딩 요소를 제거함

 

1차 시안 전달 결과

A안으로 진행 및 작업속도를 위해 이펙트 및 라운딩 요소 제거로 결정

 

 

 

 

앱아이콘

서비스 주 특성인 전자용 페이퍼를 메인으로 하여 시각화 하였습니다.

사용되는 기기가 종류가 다양하기에

펜이 지나가는듯한 선처리로 하여 펜의 이미지를 추가하였습니다.

 

 

 

최종전달

-시안 전달후 메인에서 언택트 이미지가 보였으면 좋겠다 라는 피드백을 받고 반영, 이펙트 요소 제거하여 최종 전달함