명문에듀 반응형 웹사이트 포트폴리오
모두가 만족할 결과물을 제시해 드립니다.
we deliver outcomes that satisfy everyone.
- 명문에듀 반응형 웹사이트
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹)
메인 화면 기획 및 구매 전환 중심 랜딩 구성
초·중·고 학부모 및 학생, 그리고 신뢰할 수 있는 전문 과외와 맞춤형 입시 컨설팅을 찾는 사용자를 주요 타깃으로 기획했습니다.
“플랫폼 사용료 0원, 카드·현금영수증 가능”과 “5시간 이내 전문 과외 매칭 & 생기부/입시 원스톱 교육 서비스”라는 핵심 가치를
히어로 배너 전면에 배치하여 과외 매칭 시장의 투명성과 신속성을 즉각적으로 전달하도록 구성했습니다.
‘검증완료 과외선생님 다이렉트 매칭’, ‘과외 선생님 셀프 찾기’, ‘수학 문제 은행(메타수학)’, ‘에듀포티 컨설턴트 지원’ 등
핵심 서비스로 바로 이어지는 모듈형 카드 구조를 도입하여이용자가 원하는 교육 솔루션으로 막힘없이 진입할 수 있도록 설계했습니다.
메인 디자인 시스템
교육 플랫폼에 필수적인 높은 신뢰감과 스마트하고 친근한 감성을 전달하는 디자인 시스템을 구축했습니다.
비비드한 로열 블루(#2563EB 대역)를 메인 포인트 컬러로 사용하여 전문성과 활력을 부여하고,
배경은 소프트한 라이트 그레이와 화이트를 조화롭게 매치해 시각적 피로도를 낮췄습니다.
입체감 있는 카드형 Bento-grid 레이아웃과 부드러운 라운드 코너(Border-radius)를 적용해 현대적인 UI 트렌드를 반영했으며,
실제 검증 교사 프로필 썸네일과 제휴 브랜드(메타수학 등)를 명확히 노출해 서비스 실체와 신뢰도를 강화했습니다
콘텐츠 디자인 및 정보 구조
교육 서비스 영역을 ‘과외 매칭(전문가 매칭/셀프 탐색)’, ‘학습 솔루션(수학 문제 은행·기출 족보)’,
‘입시/컨설팅 생태계(공인 컨설턴트)’로 체계화하여 정보 간섭 없이 탐색할 수 있도록 구성했습니다.
학부모가 교사 검증 여부와 매칭 방식을 한눈에 이해하고,단 1회의 클릭으로
‘상담 신청’ 및 ‘선생님 리스트 보기’로 직결되도록 행동 유도선(CTA)을 정밀하게 배치했습니다.
하단에는 ‘공지사항’, ‘해외교육’, ‘FAQ’ 탭과 함께 ‘시험지 자료실’ 섹션을 분리 배치하여
실질적인 학습 리소스를 제공함과 동시에 플랫폼의 투명한 운영 상태를 직관적으로 확인할 수 있도록 구현했습니다.
상단 글로벌 네비게이션(GNB)은 ‘과외·컨설팅 요청’, ‘선생님 찾기’, ‘자료실’, ‘해외캠프’, ‘커뮤니티’ 등
핵심 목적형 메뉴를 플랫하게 나열해 모든 뎁스에서 1-Depth로 이동할 수 있게 최적화했습니다.
가장 중요한 전환 요소인 ‘상담 신청’ 및 ‘지원조건 확인하기’ 버튼은
대비가 뚜렷한 캡슐형 버튼 스타일로 강조해 시선의 분산을 막고 클릭률을 극대화했습니다.
반응형 웹 환경을 고려해 모바일과 태블릿, PC 맥북 화면 등 다양한 디바이스 해상도에서도
카드 블록이 자연스럽게 재배열되도록 유연한 그리드 시스템을 적용했습니다.
