YOONS English School

윤선생영어교실 반응형웹 리뉴얼

PROJECT 윤선생영어교실 반응형웹 리뉴얼

PERIOD 2015.11 ~ 2016.03

CATEGORY Education

OVERVIEW

온라인 윤선생 영어교실, 윤스닷컴

윤스닷컴은 디지털 마케팅의 메인 플랫폼으로써, 사용자의 디바이스 환경에 맞춰 자유자재로 변하도록 반응형 사이트로 제작되었습니다. 사이트를 통해 회사소개, 4개의 브랜드 소개, 교육 서비스를 소개하고 있습니다. 또한, 리드전환(학습상담)을 유도하기 위한 콘텐츠 설계와, 최적화된 UX 구현을 통하여 고객의 호기심 유발을 통해 간접적으로 설득하고 있습니다.

자연스러운 학습상담 리드전환

심리적 부담이 적은 리드전환(학습상담 유도)을 위하여 홈페이지 메인에 고객 맞춤 정보를 제공하는 콘텐츠를 설계하였습니다. 사용자가 연령, 영역을 선택 하면 해당 결과값을 노출 시켜 사용자가 자발적으로 참여할 수 있도록 하였습니다. 또한, 페이지 하단 자연스럽게 리드전환을 유도할 수 있도록 학습상담 버튼을 설계 하였습니다.

UI/UX STRATEGY

흥미유발! 스토리텔링 특화 콘텐츠

윤선생 스마트학습법의 원리와 학습효과를 설명하기 위하여 일러스트로 구성된 피처스토리기법을 사용하였습니다. 스크롤을 통하여 화면을 내리면 각 단락의 핵심 메시지가 차례로 화면에 나타납니다. 이러한 표현 방법으로 사용자의 눈높이와 입장에서 어려운 교육 방법을 쉽고, 재미있게 설득하고 있습니다.

DESIGN STRATEGY

밝고, 생동감이 느껴지는 디자인

윤선생의 BI에 사용된 레드 컬러를 중심으로 각 브랜드별 컬러를 사용하고, 윤스의 밝고 재미있고 생동감이 느껴지는 컬러 팔레트를 구성하여 윤선생 영어교실의 아이덴티티를 구축하였습니다. 모듈형 그리드를 통하여 반응형 사이트에 최적화함과 동시에 메인 컨텐츠간의 레벨과 구분을 명확히하였습니다.

METAPHOR