숨고 로고

LAYER 학습연구소는 단순히 강의를 소개하는 학원 홈페이지가 아닌, 학생의 학습 과정을 체계적으로 관리하는 브랜드의 특성을 온라인에서도 명확하게 전달할 수 있도록 기획·디자인했습니다. 사이트의 핵심은 ‘무엇을 가르치는가’보다 ‘학생의 공부가 어떻게 관리되는가’에 있습니다. 이를 바탕으로 브랜드 메시지부터 콘텐츠 구조, 사용자 동선까지 하나의 흐름으로 설계하고, 방문자가 학원의 차별점을 자연스럽게 이해한 뒤 상담으로 이어질 수 있도록 UX를 구성했습니다. 특히 학부모와 학생이 실제로 궁금해하는 학습 문제를 먼저 제시하고 순차적인 학습 과정에 대해 설명했습니다. 복잡한 교육 서비스를 한눈에 이해할 수 있도록 콘텐츠를 단계적으로 나누고, 핵심 정보와 CTA를 적절한 위치에 배치해 탐색의 부담도 줄였습니다. 첫 화면에서는 AI 기반 맞춤 학습 진단 인터랙션을 통해 사용자가 직접 자신의 학습 상태를 확인할 수 있도록 구성했습니다. 단순한 이벤트성 기능이 아니라 LAYER의 핵심 서비스인 ‘진단’과 연결되는 경험으로 설계하여 브랜드의 차별성을 직관적으로 전달했습니다. 비주얼은 교육기관 특유의 복잡하고 획일적인 이미지를 벗어나, 차분한 컬러와 정돈된 레이아웃을 기반으로 신뢰감과 전문성을 갖춘 학습 연구 공간의 이미지를 표현했습니다. 동시에 충분한 여백과 명확한 타이포그래피를 활용해 다양한 연령대의 사용자가 콘텐츠를 편하게 읽을 수 있도록 했습니다. 또한 데스크톱뿐 아니라 태블릿과 모바일에서도 콘텐츠의 우선순위와 가독성이 유지되도록 반응형 웹 디자인을 적용했습니다. 메뉴 구조, 버튼, 카드형 콘텐츠, 텍스트 간격 등을 디바이스별 사용성을 고려해 조정하여 어떤 환경에서도 일관된 브랜드 경험을 제공하도록 설계했습니다. 이번 프로젝트는 단순히 예쁜 학원 홈페이지를 만드는 것을 넘어, 브랜드 전략 · UX/UI · 콘텐츠 설계 · 반응형 웹 · SEO · 인터랙션을 하나의 사용자 경험으로 연결하는 데 중점을 둔 프로젝트입니다.

#광고용 랜딩페이지 #메인페이지 #상세페이지 #1페이지

좋아요
스크랩
공유

젬마 GEMMA

웹 디자인서울
좋아요
스크랩
공유