대학 입시 퍼포먼스 최대 창출 기업,
두각학원 홈페이지 제작
BUILD
WEB / MOBILE
두각학원
학원 홈페이지 제작
- Client
- 대성학원(두각 수강 홈페이지)
- Date
- 2021. 12 - 2022. 01
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
두각학원의 최상위 홈페이지 목적은 “브랜드 이미지 재구축” 이었습니다.
기존 두각학원 홈페이지의 경우 대성마이맥에서 로고를 변경하면서 홈페이지 브랜딩작업을 진행하지 않아 일맥상통하는 느낌을 홈페이지를 통해 받지 못하였습니다. UI/UX디자인의 리뉴얼이 필요하였으며 검색엔진노출에도 안좋은 영향을 미친 사이트맵구조의 개선이 필요한 프로젝트였습니다.
Goal
브랜드 이미지 재구축
UI/UX Strategy
반응형 웹
다양한 디바이스와 해상도에 맞춘 반응형 웹을 제작하여 사용자 경험을 제공합니다.
반응형 개발에 맞춰 레이아웃의 구성을 개발 친화적으로 제작하였습니다.
개성있는 디자인
두각학원의 BI를 적극적으로 활용하여 다양한 콘텐츠에 녹여냈습니다.
깔끔한 디자인을 통해 편의성과 사용성을 높였습니다.
직관적인 UX
사용자의 편의성을 고려하려 직관적이고 보편적인 개념을 사용하였습니다.
제이콥의 법칙을 통해 산업군과 비슷한 인터페이스를 제공합니다.
DUGAK
Design System
다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Spoqa Han Sans Neo
Color System
수능을 완성하고 싶다면
완벽히 두각이다
브랜드 이미지를 강화시키는 UI디자인
기존 대성마이맥에서 두각학원의 리브랜딩을
홈페이지 UI디자인에서도 반영하여 브랜드이미지를 강화시켰습니다.
DUGAK
Subpage
ABOUT PAGE
두각학원의 비전 및 브랜딩에 전반적인 내용을 제시하여
기업가치를 상승시키는 페이지 역할을 맡았습니다.
‣ 어바웃 페이지
SUBMIT PAGE
간단한 문자 수신 신청 폼을 만들어 홈페이지 사용성을 극대화하였습니다.
문자 수신 신청을 관리하는 관리자페이지 또한 쉽고 간단한 조작이 가능하도록 구현하였습니다.
‣ 문자 신청 페이지
PRESENTATION PAGE
유튜브 링크와 같은 기능을 활용하여
홈페이지 사용성을 고려해 UX디자인 개선을 진행하였습니다.
‣ 설명회 페이지
두각
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.
