프로젝트 설명
수학학원 홈페이지
https://www.mothermath.com/
디자인 방향 & 기획 포인트
✔ 1. 학원의 ‘따뜻함 + 전문성’을 동시에 담은 톤앤매너
마더수학은 “정성 있는 지도”를 핵심 가치로 하고 있어
차분한 베이지 톤과 따뜻한 사진을 기반으로 디자인했습니다.
불필요한 장식 없이
학생과 학부모가 편안하게 신뢰할 수 있는 화면을 만드는 것이 핵심이었습니다.
✔ 2. 문의 전환율을 높이는 ‘3초 구조’
학원 홈페이지에서 가장 중요한 기능은
결국 상담 문의 연결입니다.
첫 화면에서 브랜드 방향성 노출
학원 소개 → 교육 시스템 → 위치 → 문의
모바일에서 즉시 문의 버튼 노출
짧고 간결한 폼 구조로 이탈 최소화
✔ 3. 모바일 우선으로 설계한 반응형 UI
부모님들의 70% 이상이 모바일로 학원 정보를 확인하기 때문에
초기 기획부터 모바일 레이아웃을 중심으로 제작했습니다.
텍스트 가독성 강화
터치 버튼 크기 최적화
맵/문의 버튼 클릭 동선 단순화
기술 스택
JavaScript/TypeScriptReact/Next.js