18
현대자동차그룹 온라인 커뮤니케이션 현대차그룹은 SNS 사용자의 폭발적인 성장 등 급변하는 온라인 환경 변화에 그룹 차원의 빠른 대 응이 필요했습니다.이에 그룹 공식 웹사이트 리뉴 얼, 블로그 및 SNS 채널 등 총 10개의 공식 온라 인 채널 구축과 통합 운영을 진행하였습니다. 대중 친화적인 소통을 위한 HARMONY 컨셉을 도 출하고 홍보 블로그와 소셜 허브로 다양한 SNS 채 널과 연계하는 통합 온라인 커뮤니케이션 체계를 구축했습니다. 기간 2014.5.1 - 2014.12.31 역할 (주)프럼 크레이티브그룹 인턴 / 디자인,블로그 운영 컨셉 URL http://hyundai.co.kr

yeonseokim's portfolio _ui design

  • Upload
    -

  • View
    118

  • Download
    4

Embed Size (px)

Citation preview

Page 1: yeonseokim's portfolio _ui design

현대자동차그룹 온라인 커뮤니케이션

현대차그룹은 SNS 사용자의 폭발적인 성장 등 급변하는 온라인 환경 변화에 그룹 차원의 빠른 대응이 필요했습니다.이에 그룹 공식 웹사이트 리뉴얼, 블로그 및 SNS 채널 등 총 10개의 공식 온라인 채널 구축과 통합 운영을 진행하였습니다.

대중 친화적인 소통을 위한 HARMONY 컨셉을 도출하고 홍보 블로그와 소셜 허브로 다양한 SNS 채널과 연계하는 통합 온라인 커뮤니케이션 체계를

구축했습니다.

기간 2014.5.1 - 2014.12.31

역할 (주)프럼 크레이티브그룹 인턴 / 디자인,블로그 운영

컨셉

URL http://hyundai.co.kr

Page 2: yeonseokim's portfolio _ui design

웹 디자인

현대자동차 그룹 웹페이지와 HUB blog 콘텐츠 디자인

Page 3: yeonseokim's portfolio _ui design

블로그 운영

Naver,Daum,Hub blog 콘텐츠 제작 및 운영

Page 4: yeonseokim's portfolio _ui design

COIN RACE증강현실 달리기 게임

COIN RACE 는 서울 한강시민 공원에서 사용하는 어플리케이션 입니다.조깅이나 파워워킹을 할 때 앱을 구동하면 달리던 길이 게임 속 레이스 처럼 펼쳐집니다.사용자는 뛰거나 달리면서 동전을 먹는 게임을 통해 즐기며 운동할 수 있고 사용자들 과의 경쟁을 통해 동기부여를 받을 수 있습니다.

한강시민공원 조깅 길을 증강현실 기술로 인식하여 사용하는 체험형 게임 서비스 입니다.

기간 2014.9.16

분야 GUI 디자인 / UX 디자인

컨셉

혼자 운동하는사람들에게

게임을 통해재미요소와동기부여

증강현실 기술을

이용해 달리며동전을 먹는체험형 운동게임

Page 5: yeonseokim's portfolio _ui design

COIN RACE는 혼자 조깅이나 파워워킹을 하는 사람들

을 위한 앱 입니다.사용자는 뛰거나 달리면서 동전을 먹

는 게임을 통해 즐기며 운동할 수 있고 사용자들과 경쟁

을 통해 동기를 얻을 수 있습니다.

TARGET / 타겟 사용자

fun

general

movement exercise

JOURNEY MAP / 여정지도

니즈 / 어플 Zombie’s Run ! (ver 3.0)N IKE +( ver 4.5.3) Runtastic road bike (ver 2.2.2)

아이팟에 있는 노래를 어플실행과

동시에 들을수 있지만,

자체적으로는 없음

앱의 ‘파워송’에 소장하고 있는

음악을골라서 넣어놀수 있음

아이팟에서 듣고 싶은 것만 골라서 넣음

아이팟에 있는 노래를 어플실행과

동시에 들을수 있지만,

자체적으로는 없음

오래 달릴수록 걸맞는 아이템을 주 고

이것으로 게임에서 베이스캠프를 만들수

있음.게임에도 좀비 존재

운동 결과 = 거리, 현재위치,

칼로리소모량, 시간등을

정확히 확인할수 있음

현재 위치,속도,칼로리소모량등

확인가능 /자전거 앱이므로 현재위치의

경사도 확인가능

Zombie’s run 사용자들끼리

게임을 통해 교류 할수 있음

Facebook, instagram. Tweeter

등에 공유 가능

Facebook, instagram. Tweeter

등에 공유 가능

러닝할때 좀비들이 따라오는 듯한

효과음이 들려서 속도가 느려지면

다시 뛰게 만듬

‘운동’자체에 최적화된 서비스

친구와 비교, 챌린지 모드,코치모드 로

운동 장려

장려하는 서비스는 딱히 없음

자신의 운동상태와 결과를 확인하는 앱

재미요소 매우 강함 /운동=게임처럼 좀

비가 따라오는듯한 느낌을 줘서

스릴있는 러닝 하게함

음악기능 말고는 딱히 없음 상태확인 외에는 딱히 없음

날짜별 정리,

그래프로 시각화 해줌

날짜별 정리,

그래프로 시각화 해줌

구체적으로 분석해주는 편

날짜별로 기록 정리만 해줌

음악선곡이

용이한가?

운동결과를

체크할수 있는가

(kcal,km,hr)?

비교,공유,자랑

운동을

장려해주는가?

운동중 지루함

해결해주는가?

재미요소

결과 데이터

정리, 분석

MARCKET ANALYSIS / 니즈 지원표 MARCKET ANALYSIS/ 2X2 다이어그램

SCENARIO / 사용 시나리오

아이템

일시정지

설정게임시작 종료확인 종료

속도 0km/h

전화통화

속도

동전

속도

동전

게임중

#1

운동하러 가는길,

다른 사용자가 내 기록을

역전 했다는 푸쉬알림을

받는다.

#2

잠실에 사는 사용자는

잠실지구 race를 선택하

고 운동을 시작한다.

#3

파워워킹을 주로 하는 사

용자는 잠실대교부터 청

담대교까지 걷기로 한다.

#4.

동전을 먹으며 파워워킹

을 한다. 걷는 속도에 따

라 동전의 갯수가 달라

진다.

#5

운동 후 총 170개의 동전

을 먹은 사용자, 집으로

돌아간다.

Page 6: yeonseokim's portfolio _ui design

TARGET / 타겟 사용자

인트로

설정

위치 속도

게임시작

기록

종료확인

게임시작

일시정지

f공유하기

팝업

YES NO

설정 기록

프로필사진

보기알림사이드메뉴

로그아웃

확인상세보기프로필수정

삭제사진수정

계정수정

사진추가

앨범

아이디수정

비밀번호수정

팝업사진수정

앨범

종료

메인

f

TASK FLOW / 과업모델

WIRE FRAME / 와이어프레임

Page 7: yeonseokim's portfolio _ui design

GUI / 디자인 1. 2. 3.

4. 5. 6.

1.시작페이지_목표코인을 설정하여 도전

2.메인페이지_자신의 계정과 기록 확인

3.기록화면_시간별 뉴스피드로 내가 운동했

던 경로와 기록 확인

4.기록 상세화면_상세한 기록확인,공유기능

5.사이드메뉴_설정,로그아웃기능

6.일시정지_이동량 없을시 일시정지

Page 8: yeonseokim's portfolio _ui design
Page 9: yeonseokim's portfolio _ui design

기간 2013.5.1 - 2013.9.31

역할 GUI 디자인 / UX 디자인 / 개발자 3명

컨셉

URL http://facebook.com/pettalkfordog

PET TALK for dog애견과의 소통

앱센터 이사장상 수상작

우리집 개가 말한다 !주인과 애견의 언어적 장벽을 ‘개짓는소리’번역을통해 교감하고 함께한 시간을 sns와 어플을 통해공유하고 기록하는 어플리케이션.

SNS

DIARY

Page 10: yeonseokim's portfolio _ui design

STRATEGY / 전략

HOW TO

SNS 이용이 많은 10-30대 애견 주인

주인과 애견의 언어적 장벽을

개 짖는 소리 번역 을통해 교감하고 함께한 시간을

SNS와 어플을 통해 기록하고 공유하는 어플리케이션

TARGET

번역서비스

강아지소리를 번역하여

그에 해당하는 문장으로 표현

다이어리서비스

번역결과를 바탕으로한

즐거운 하루하루 기록

커뮤니티 서비스

기록들을 앱 사용자간

facebook 공유를 통해

자랑하고 소통

인텔리전스 서비스

사용자의 번역결과에 대한 피드백

반영하여 결과가 점점더

정교해지며 다양화

GOAL

RESEARCH / 조사

Page 11: yeonseokim's portfolio _ui design

WIRE FRAME / 와이어프레임

Page 12: yeonseokim's portfolio _ui design

GUI / 화면 디자인

Page 13: yeonseokim's portfolio _ui design

카톡으로 약속 잡고,다이어리에 적어놓고,

모바일 달력으로 날짜 확인하고...

미니다는 이 모든 과정을 통합해주며동시에 사람들과 일정을 공유할 수 있는SNS 캘린더 입니다.

기간 2013.12 - 2014.2

역할 (주)놀이터 코리아 인턴 / BI 디자인,UX.UI 디자인

컨셉

MINIDAR날개를 달아주는 SNS캘린더

색다르고 재밌는일정 추천받기

지인들과일정 공유하기

매우 손쉬운 일정 동기화

Page 14: yeonseokim's portfolio _ui design

AS IS / 문제점 TO BE / 개선점

MARCKET ANALYSIS/ 시장조사

시간착각%

장소착각%

까먹음%

인원착각%

단순기억%

웹%캘린더%

시스템%%다이어리%

달력기록%

모바일%%캘린더%

�����������������

Problem% �������������� ��������� �������� ������������ ������������ ��������� ��������� ��������������� ������������

����������������������!

현재의%일정관리%비효율적이고%부정확한%면이%있습니다.%

이는%‘각자’%일정을%다른%방법으로%관리하고%소통하기%때문에%생기는%문제입니다.%%

일정%확정% 일정%관리% 오해/%시간낭비%발생%

���

공간%

시간%사람%

��������

���

공간%

시간% 사람%

일정%

일정%확정% 일정%날려주기%

사진,%댓글로%소통하기%

원활한%

만남%

Problem% �������������� Solution% �������� ������������ ������������ ��������� ��������� ��������������� ������������

���������������������!!

%%%%%%%%%%%%%%%%%에서는%일정%참여자가%따로%신경%쓸%것이%없습니다.%

주최자가%일정을%생성해%날려주면%참가자는%수락%후%편리하게%소통하면%됩니다.%

사진%댓글%

��������������������������

�����!

���������������������������������������������������

�����

�����

�����

�����

�����

�����

달력.일정관리%

스마트폰서비스이용현황��

��������������

알람시계%

정보검색%

음악감상%

연락처,명함%

이메일%

����

����몰랐지만%%

써볼%의향이%있어요!%

시스템%다이어리%%

��������������

일정공유%서비스,%%

어떻게%생각하세요?%%

�����������

써보고%싶어요!%

잘%쓰고%있어요!%

Problem% Recent%Status% ��������� �������� ������������ ������������ ��������� ��������� ��������������� ������������

����������������!!

온라인/%오프라인%일정관리%시장%모두%활황을%띄고%있습니다.%

또한%일정%공유%서비스에%대한%긍정적%반응이%과반수가%%넘습니다.%%

일정공유에%대해%충족시키지%못한%니즈가%분명히%있음을%발견했습니다.%

�������������������������������

�����������

���������

�������������������������������

�������

�������

��������

�����������������������

��������

Problem% �������������� ��������� �������� ������������ Positioning% ��������� ��������� ��������������� ������������

����������������������������!!

%%%%%%%%%%%%%%%%%는%개방형%SNS와%폐쇄형%SNS의%특성을%동시에%가집니다.%또한%‘미래’의%일정을%다루므로%삶의%가치를%창출할%수%있는%SNS입니다.%

��������

�����������������������������

MARCKET ANALYSIS/ 2X2 다이어그램 SERVICE / 서비스 구조

Problem% �������������� ��������� Service% ������������ ������������ ��������� ��������� ��������������� ������������

�������������������������

minidar%web%version%

minidar%mobile%version%

동기화%

�����������������������������������!

손%쉬운%일정%비교기능으로%친구들과의%시간을%효과적으로%관리하세요.%%

내게%꼭%맞는%특별한%일정%추천%기능으로%소중한%시간을%의미%있게%활용%할%수%있습니다.%

눈치%보이는%사무실에도,%이동하면서%잠시%짬%시간에도%%%%%%%%%%%%%%%%%%%는%언제나%우리와%함께%있습니다.%

Page 15: yeonseokim's portfolio _ui design

GUI / 화면 디자인

Page 16: yeonseokim's portfolio _ui design

내 마음을 이해하는 스케쥴러 DOOKEE

두키는 위젯형태의 다마고치 캐릭터를 키우는

재미를 느끼며 나의 스케쥴과 다이어리를 관리하는 신개념 스케쥴러 입니다.

다마고치 알람을 통해 스케쥴을 관리하고다이어리 텍스트 인식기능을 통해나의 마음을 이해하는 다마고치!

DUPLICATE + KEEPER = DOOKEE

기간 2013.3-4

분야 UX.UI 디자인 / BI 디자인

컨셉

다마고치

키우기

스케쥴

관리

다이어리 알람 친구와함께

키우기(공유)

Page 17: yeonseokim's portfolio _ui design

CONCEPT / 컨셉

DOOKEE키우는 다마고치가 알람을통해 일정을

관리해주고 다이어리 텍스트를 인식해

사용자의 기분에 따른

성장과정을 보여주는 사용자 밀착형 스케쥴러

DETAILS / 다마고치 디자인

사용자의 얼굴을 인식하여

특징을 닮은 다마고치를 생성해 줍니다

SKETCH / 스케치작업

Page 18: yeonseokim's portfolio _ui design

GUI / 화면 디자인