RECENT PROJECT

PROJECT ARCHIVE

JULY 2017

현대자동차 운전자 주의분산 최소화 연구

네비게이션 UX 컨셉 개발을 위한 연구 및 제안
현대 자동차 차세대 차량 인포테인먼트 시스템을 대상으로 진행된 UX 개선 프로젝트.
주행 지도의 색상 및 시인성 개선, 네비게이션 사용 모드 별 UX 개선, 운전자 주의분산 최소화를 위한 리서치 및 사례 분석을 진행하였다.
현대자동차 운전자 주의분산 최소화 연구
MAY 2017

짐브로스 차검사

중고차 인증서 발급 플랫폼
중고 차량 거래시 거래자와 판매자간 상호 신뢰할 수 있는 차량 인증서 발급 플랫폼.
인증서를 발급하고, 발급된 인증서를 확일 할 수 있는 웹사이트 (데스크탑, 모바일)와 전문 엔지니어들이 차량 진단 데이터를 즉석에서 입력할 수 있는 엔지니어 앱으로 구성되어있다.
짐브로스 차검사
SEPTEMBER 2016

케이튜터 K-Tutor Inside

수학 문제은행 기반 학습 관리 시스템
웹기반 중고등 수학 문제은행 및 학습 관리 서비스로 학생 개인화된 문제 큐레이션으로 문제지 제작하고 누적 오답 관리를 함으로써 학생의 수학 수준의 실력을 객관적으로 비교 분석할 수 있다. 수학 선생님이 주 사용자로 간편한 학생 관리가 가능하도록 Window 디자인을 채용하여 이런 유형의 서비스에 친숙하지 않은 강사들도 쉽고 빠르게 사용할 수 있도록 논리적인 UX를 구축하였다.
케이튜터 K-Tutor Inside
JUNE 2016

上海极课信息技术有限公司 GClass window

중국 공교육용 전자칠판 솔루션
선생님의 최적화된 동선 고려와 중국 공교육 수업을 위한 60명 이상의 학생의 한번에 모니터링 할 수 있도록 설계하였다. 퀴즈 출제, 그룹 활동 등의 양방향 수업이 가능하고, 자, 삼각자, 각도기와 같은 도구를 기능들을 제공한다.
上海极课信息技术有限公司 GClass window
MAY 2016

Begins 전기차 서비스 플랫폼 UX 프로토타입

전기차 서비스 플랫폼 프로토타입
고객사의 메인 비즈니스 플랫폼인 전기차 충전 서비스를 기반으로 그에서 파생가능한 전기차 렌탈, 쉐어링, 콜택시 서비스 사용 시나리오를 구현하고 웹앱 형태로 디자인하여 플랫폼의 가치를 구체화할 수 있도록 작업되었다.
Begins 전기차 서비스 플랫폼 UX 프로토타입
MARCH 2016

미디어스코프 DINGA 2.0

소셜 인터넷 라디오 Application
스마트폰용 인터넷 라디오 App으로서 이용자의 성향을 자동 분석해서 취향에 맞는 음악 채널을 자동 추천 기능과, 사용자가 직접 만든 채널을 만들어 공개함으로써 여러 사용자가 함께 듣는 소셜 뮤직 네트워킹이 차별화 포인트로, 기본 컴포넌트를 최대한 절제하여 심플하게 구성하고, 음악 채널 별로 설정된 이미지에 따라 메인 컬러를 추출하여 테마가 변경되는 플레이어를 제공한다.
미디어스코프 DINGA 2.0
JANUARY 2016

CMS에듀 CTT 사고력 평가

초등학생용 융합적 사고력 평가 웹사이트
수학을 기반으로한 융합적 사고력을 측정할 수 있는 웹기반 테스트 서비스로 학생의 사고력을 측정할 수 있는 고난이도 문제를 객체 이동, 줄긋기, 측정 등의 다양한 방식으로 해결할 수 있는 컨텐츠를 기획, 디자인하였다.
CMS에듀 CTT 사고력 평가
JANUARY 2016

청담러닝 i-Garten Learning Tab

영유아용 영어 학습 솔루션
청담러닝의 영어유치원인 i-Garten에서 제공하는 5-7세용 학습 태블릿으로 수업 내용을 예습, 복습을 할 수 있을 뿐 아니라 추천 도서, 명화 감상, 사진 갤러리 등의 컨텐츠가 제공되는 유치원 전용 서비스이다.
진입 시 각 메뉴에 맞는 캐릭터와 모션을 통해 친근함을 주고 태블릿을 사용하는 학습에 흥미를 느낄 수 있도록 제공하였다.
청담러닝 i-Garten Learning Tab
DECEMBER 2015

miksystem Website

웹사이트 디자인 리뉴얼
13년 역사의 기업용 솔루션 전문 제작회사라는 기업 이미지에 걸 맞는 웹사이트를 디자인하기 위하여, HTML기반의 모션과 넓은 화면 레이아웃 위의 과감한 컨텐츠 배치 등의 최신 디자인 트렌드 적용과 동시에 기업의 기술력과 비전을 보여줄 수 있는 CI 기반의 안정적인 색상을 사용하고, 컨텐츠의 가독성을 충분히 확보하는 방향으로 작업되었다.
miksystem Website
OCTOBER 2015

혜윰 미디어 K-tutor Website Renewal

브라우저에서 실행하는 간편한 학습 관리 시스템 GUI 디자인
브라우저에서 로그인 후 바로 실행되는 간편한 학습 및 학원관리 시스템을 디자인하고, 기존 브랜드 아이덴티티 및 웹사이트 주요 페이지 디자인을 개선하는 작업을 진행하였다. 이러한 유형의 서비스에 친숙하지 않은 강사들도 쉽고 빠르게 사용할 수 있는 것에 중점을 두어 최대한 쉽고 친근한 방식으로 디자인 되었으며, 학생들에게도 학습 과정에서 재미를 느낄 수 있는 다양한 요소들을 삽입하여 제작되었다.
혜윰 미디어 K-tutor Website Renewal
SEPTEMBER 2015

믹시스템 SQD Checker

설계도면 마킹 툴 어플리케이션 리디자인
PDF설계도면을 확인하고, 도면 위에 도형, 화살표 등 코멘트 작업이 공동으로 어플리케이션으로 복잡한 메뉴를 컨텍스트별로 분류하여 리본메뉴형태를 적용함으로써 높은 접근성을 겸비한 최신 작업 환경을 구축하였다.
믹시스템 SQD Checker
MAY 2015

사이엠 CamDic

영어학습을 위한 단어인식 단어장 App. UX
학습을 원하는 영문 도서의 페이지를 사진으로 촬영하면 문자 인식 과정을 거쳐 실제 본인의 학습에 필요한 단어를 자동으로 추출하여 목록을 만들어주고, 단어의 뜻과 연상 학습에 사용 가능한 이미지까지 제공하여주는 영어 학습용 App.
사이엠 CamDic
MARCH 2015

청담러닝 ESL Vocab

영어단어 암기 App. UX
학습자가 스스로 학습방법을 선택하여 학습하고 복습할 수 있는 자기주도형 영어단어 암기 어플리케이션이다.
청담러닝의 Collocation과 Chunk를 활용한 다년간의 단어 암기법을 학습 flow로 구체화 하고, 학습자에게 동기를 부여할 수 있는 요소를 가미하여 구성하였다.
동영상, Flashcard, Fill in the blank, 음성인식, 필기인식 등 다양한 학습방법에 따라 자연스럽게 학습할 수 있도록 flow를 고려하였다.
청담러닝  ESL Vocab
JANUARY 2015

청담러닝 Allim 2.0

학원과 학부모 소통을 위한 서비스와 App. 디자인
학원은 실제 교육을 받는 주체는 학생이지만 교육 과정이나 결과에 대한 관심은 학부모에게 있다는 특성상 학생의 성취도나 스케줄에 대한 정보 전달이 매우 중요한 분야이다. 학원과 학부모간 커뮤니케이션 채널로 개발되었던 Allim 1.0 은 제공자 입장에서 제공되는 정보를 학부모가 필요한 정보들이 부족했으며, 메뉴로 나열된 단조로운 레이아웃이 탐색이 어려워 개선이 필요했다. 또한 학생의 학습 정보를 학부모가 파악하기 위하여 전체 학원 사이클 중 필요한 정보의 도출과 학부모 관점에서 이해할 수 있는 정보 가공이 필요하여, 서비스 디자인 접근법을 활용하였다.

학부모에게 전달해야 하는 수많은 정보를 그루핑하고 중요도를 구분하여 주요 정보를 위주로 Today를 기준으로 쉽게 볼 수 있는 Dashboard를 구성하였으며, 각종 알림을 통합해 제공함으로써 학부모가 원하는 정보를 선별하여 빠르게 확인 할 수 있도록 UX 설계하였다.
청담러닝 Allim 2.0
SEPTEMBER 2014

청담러닝 Loud Class Flex

Smart Class Solution UX
청담러닝에서 Loudclass의 Lite 버전으로 서버나 기본 환경 설정 없이도 선생님과 학생이 App. 하나만 설치하여 소규모 학교 및 학원 등에서 인터랙티브 한 Smart Class를 운영할 수 있는 솔루션을 개발하였다. Tablet 에서 저작한 Active Slide 를 통해 문제 풀이 및 시험 등의 인터랙티브한 수업이 가능하며, 기존 수업에서 사용하던 멀티미디어(Image, Video, PDF, PPT 등)를 교재로 사용할 수 있다.
청담러닝 Loud Class Flex
OCTOBER 2014

SKT Smart [Board]

Smart Class Solution UX
스마트보드는 전자칠판을 기반으로 교사와 학생의 인터랙션을 추가해 양방향 수업을 도와주는 스마트러닝 솔루션이다. PC 소프트웨어와 태블릿 App으로 구성되어 있다.
전자칠판이라는 새로운 매체를 활용하는 스마트 교육 환경을 처음 접하게 되는 교사도 바로 활용할 수 있도록 절제하면서도 편의성을 높이고자 고민하였다.수업도구를 모아 자주 사용하는 판서도구를 부각해 초기 화면의 복잡도를 낮추고, 노출한 판서도구에는 실사 메타포를 적용하여 쉽게 인지할 수 있도록 UX를 설계하였다. 또한 큰 화면에서의 교사 동선을 고려해 원하는 위치에서 수업도구를 호출할 수 있도록 배려하였다. 수업 중 학생에게 교재 공유, 학생 발표, 간단한 퀴즈, 모니터링, 학생 화면 제어 기능을 부가적으로 제공한다.
SKT  Smart [Board]
MAY 2014

혜윰미디어 K-tutor Website

중고등 수학 중심 온라인 수업관리 시스템
다양한 규모로 학원을 운영하고 있는 선생님들을 위한 중등, 고등 수학 중심의 온라인 수업관리 시스템으로 사용자가 문제 단위로 판매 또는 구매할 수 있는 스토어, 학생들에게 과제를 배포하고 학습을 관리하는 커뮤니티로 구성되어 있다. 브랜드 아이덴티티를 반영한 색감과 텍스트 위주로 구성되는 사이트의 특성을 살려 텍스트의 가독성과 주요 부분이 잘 부각될 수 있는 방향으로 디자인되었다.
혜윰미디어 K-tutor  Website
AUGUST 2014

청담러닝 Loudclass

스마트 러닝 플랫폼
청담러닝에서 사용 중인 스마트 러닝 플랫폼을 일반 교육 기관에 구축하고 다양한 학습 환경에 맞춰 운영할 수 있는 상품으로 기획하고 운영 필요한 시스템 전반의 UX를 개발하였다.
수업 시스템 구축 및 학생과 교재 관리를 위한 웹 사이트(Cloud), 인터랙티브 교재 패키징을 위한 PC 기반 에디팅 툴(Author), 태블릿으로 스마트 클래스 수업과 학습을 할 수 있는 안드로이드 기반 선생님과 학생 어플리케이션 (Interactive_Teacher ,Interactive_Student)으로 구성된다.
청담러닝 Loudclass
AUGUST 2014

청담러닝 Loudclass Tutorial

Loudclass Tutoral Website & Overview Movie
Loudclass의 튜토리얼 사이트이다.

Loudclass를 구성하는 Cloud, Author, Interactive로 나누어 각 어플리케이션의 사용법이 사용 동영상과 도큐먼트로 안내되어 있다.
Laudclass 수업의 특징과 전체 서비스 시나리오를 보여주는 Overview 동영상은 사용 환경에 대한 이해를 돕고 설명에 집중시키기 위해 실제 교실을 촬영한 스틸 이미지 위에 어플리케이션 인터페이스와 그래픽을 합성하여 제작하였다.

Watch Overview Movie >
청담러닝 Loudclass Tutorial
DECEMBER 2013

SKT SKSC (Smart Learning Platform)

교육 서비스 GUI
SK Telecom Smart Class 에서 제공하는 스마트 러닝 교육 서비스로, 기존 사용되던 서비스에 새로운 기능들을 더하면서 단순한 기능 추가가 아닌, SK Telecom Smart Class의 특성을 잘 살릴 수 있도록 밝은 색감과 친근한 형태의 그래픽 요소들을 사용하여 다시 디자인되었다.
SKT  SKSC (Smart Learning Platform)
FEBRUARY 2014

청담러닝 CSLP Badge & Skill Point GUI Design

학습자를 위한 칭찬 아이템 디자인
다양한 컨셉으로 전달하고자 하는 칭찬의 내용을 잘 표현할 수 있는 심플한 그래픽을 중심으로, 편안하고 정리된 색상과 표현방식을 사용하고 화려한 모션으로 학습자를 보상함으로써 성취감을 갖도록 하였다.
청담러닝 CSLP Badge & Skill Point GUI Design
FEBUARY 2014

청담러닝 C D I 3.0 수강생용 학습 애플리케이션

Launcher 및 학습 지원 Utility
기존 오프라인에서 행해지던 교육을 태블릿이라는 미디어에 맞춰 효과적으로 진화시킬 수 있도록 UX 를 구축하였다.

Launcher는 학생들의 학습 진입 관문이라는 기능과 목적에 최적화하여 최대한 심플하지만 본질적인 부분들이 돋보일 수 있도록 디자인하였으며, 학생들이 오랫동안 관심을 유지할 수 있도록 배경 화면 이미지 변경과 아이콘 배치 등을 사용자 개인화가 가능하다.
스케줄 기반으로 개인학습의 진도와 상황을 한눈에 파악할 수 있는 i-leaning, 학습 결과물을 리뷰 할 수 있는 Portfolio, 교재와 학습 자료를 관리하는 Library, 수업 중의 노트 및 단어 카드들을 관리하는 Media Card 등으로 구성된다.
청담러닝 C D I 3.0 수강생용 학습 애플리케이션
SEPTEMBER 2012

청담러닝 CSLP 2.1 (스마트클래스 솔루션)

소통을 강화하는 스마트 클래스 UX
CSLP는 교실 수업 중 학습 Activity 공유를 컨셉으로 하는 안드로이드 태블릿 기반 스마트 클래스 솔루션 이다.

실제 청담어학원 수업 관찰을 통해 학생들의 문제를 풀고, 노트를 하고, 무엇인가를 쓰고 그리는 수업 중의 학습 Activity 를 도출하여 선생님과 친구 서로 확인하고 공유할 수 있도록 UX를 구현하였다. 이러한 소통을 통해 교사는 학생 상태와 이해 정도를 지속적으로 모니터링함으로써 효율적인 수업이 가능하고, 학생들의 수업에 참여기회가 확대됨으로써 학습 동기를 고취시킬 수 있다.

또한 수업 중 필요한 오디오/비디오 플레이어, 듀얼 스크린, 칭찬 스티커 보내기 등의 부가 기능을 제공한다.
청담러닝 CSLP 2.1  (스마트클래스 솔루션)
JUNE 2013

청담러닝 CDI 3.0 영어 학습 컴포넌트

영어 학습에 최적화된 학습 App. UX
Vocabulary, Listening, Speaking, Writing의 학습특성에 맞는 플로우를 설계하고, 디바이스의 특성을 극대화할 수 있도록 학습 시 터치, 드래그, 플릭 등 다양한 인터랙션을 활용하여 새로운 경험으로 즐겁게 학습 할 수 있도록 하였다.

4가지로 대표되는 학습 과목에 맞추어 각각의 앱을 대표하는 키컬러를 설정, 별도의 레이블링 없이도 바로 시각적인 구분이 가능하도록 하였으며, 학습 목적 이외에 불필요한 디자인적 요소를 최소화함으로써 학생이 학습에 집중할 수 있고 최고의 가독성과 시인성을 얻을 수 있다.
청담러닝 CDI 3.0 영어 학습 컴포넌트
DECEMBER 2013

삼성전자 삼성허브 통합스토어 라이브러리

Phone / Tablet 기반 UI 설계
삼성허브 뮤직, 비디오, 북, 게임, 러닝 컨텐츠를 재생할 수 있는 라이브러리로 안드로이드 폰과 태블릿 기반으로 UI 를 설계하였다.
통합 스토어로서 일관성 있는 사용법과 각 컨텐츠 특성에 따른 편의성을 균형감 있게 설계하였다.
삼성전자  삼성허브 통합스토어 라이브러리
DECEMBER 2013

삼성전자 Kids tablet App Gateway

어린이를 위한 UI & GUI
삼성허브 어린이용 App Store의 Gateway로서 직관적이고 쉬운 UI 설계와 삼성의 프리미엄 디자인 키즈에 적합한 시각언어로 재해석한 GUI를 디자인하였다
삼성전자 Kids tablet App Gateway
JUNE 2013

SKT X EBS 3분 수학 Brand Identity & Mobile APP.

PC / Mobile 기반 수학 학습 서비스 앱 디자인
수능을 얼마 남겨두지 않은 시점에서 빠른 성적향상을 위하는 학생들을 위한 서비스의 느낌을 살려 초시계와 나침반을 결합하여 만들어진 로고와, 학습이라는 기본기능에 최대한 충실할 수 있는 차분하고 정돈된 형태의 사용성을 강조한 앱디자인을 제공하였다.
SKT X EBS   3분 수학 Brand Identity & Mobile APP.
JUNE 2013

SKT X EBS 3분 수학 Website

PC / Mobile 기반 수학 학습 서비스 웹 디자인
앱과 동시에 사용되는 사이트의 특성을 살려 동일한 정체성을 유지하나, 웹이라는 매체의 특성에 맞추어 매체에서 별도로 제공 가능한 편이성을 사용자가 최대한 가질 수 있도록 디자인하였다.
SKT X EBS   3분 수학  Website
JUNE 2014

SKT T로밍 Mobile Website

초소용량 모바일 웹디자인
모든 해외 로밍 이용 고객들에게 기본적으로 무료로 제공되는 사이트의 특성을 고려하여 최소한의 이미지사용과 효율적인 CSS 사용으로 브랜드 자체의 정체성을 간결하게 보여줄 수 있도록 제작.
기본 사이트 이외에 확장되는 서비스 범위에 맞추어 다양한 버전의 Variation이 제작되었다.
SKT  T로밍  Mobile Website
MARCH 2013

SKT 안심백업 User Research

모바일 서비스 사용자 in depth 인터뷰
SKT의 신규 클라우드 서비스 '안심백업'의 사용자 경험 인터뷰를 서비스를 사용하는 판매자, 고객, 내부구성원, 파워블로거와 같은 다양한 그룹으로 구성해 서비스에 대한 세부 항목별 사용성 및 개선 아이디어를 도출하였다.
SKT 안심백업 User Research
OCTOBER 2012

Learn 21 L21 Website

브랜드 웹사이트 디자인
브랜드 런칭에 맞추어 제공하는 서비스의 특성과 브랜드 성격을 한번에 고객에게 전달 할 수 있는 것에 중점을 두어 디자인되었다.
Learn 21 L21 Website
COPYRIGHT©2017 PRACTICAL SKETCH INC
ALL RIGHTS ARE RESERVED