왜 학원 홈페이지는 ‘신뢰’에서 출발하는가
학원 홈페이지 제작에서 가장 먼저 푸는 문제는 디자인이 아니라 불안입니다. 학부모가 학원을 찾는 순간은 대개 “우리 아이한테 맞는 곳일까, 잘못 고르면 어쩌지” 하는 마음일 때입니다. 그래서 이 학원 홈페이지는 “여기는 믿고 맡길 수 있다”를 0.3초에 전하는 것을 1번 목표로 잡았습니다. 화려한 성적 자랑이 아니라, 차분함과 정직이 먼저입니다. 실제 페이지 첫 화면도 “아이의 속도에 맞춰 기초부터 차근차근”이라는, 결과가 아니라 태도를 약속하는 문장으로 시작합니다.
색: 차분한 민트, 신뢰의 블루
바탕은 아주 옅은 민트 톤(#f4f8f5)과 깊은 그린(#15604c)입니다 — 안정·성장·돌봄을 떠올리게 하는 색입니다. 포인트로 블루(#2f6db5)를 절제해 써서 ‘배움’의 또렷함과 신뢰를 더했습니다. 학원 사이트에 흔한 빨강·노랑의 자극적인 경쟁 컬러 대신, 눈이 편한 저채도 팔레트로 학부모가 오래 머물며 정보를 읽게 했습니다. 단계 표시(상담 절차)의 번호 배지에만 블루를 써서, 차분한 화면 안에서 ‘다음에 할 일’만 시선을 끌게 했습니다.
타이포: 고운돋움의 다정함
헤드라인에 고운돋움(GowunDodum)을 쓴 건 우연이 아닙니다. 부드럽고 둥근 획은 위압감 대신 다정함·정성을 시각으로 전합니다 — 아이를 맡기는 교육의 결과 정확히 맞습니다. 본문은 Pretendard로 가독성을 확보해, 따뜻함과 읽기 편함을 동시에 잡았습니다. 폰트는 자가 호스팅 서브셋으로 넣어 글자가 늦게 뜨거나 화면이 튀는 일(CLS) 없이, 첫 화면부터 의도한 인상으로 보이게 했습니다.
커리큘럼·강사: 막연함을 구체로
학부모가 가장 궁금해하는 건 “무엇을, 누가, 어떻게 가르치나”입니다. 그래서 초·중·고 커리큘럼을 학년·과목 카드로 또렷이 나눠, 우리 아이가 어느 과정에 속하는지 한눈에 보이게 했습니다. 각 과정 카드에는 무리한 선행이 아니라 ‘이해 중심’이라는 방향을 적어, 학원의 교육 철학이 카드 한 장에서도 전해지게 했습니다. 강사 소개는 사진 대신 과목별 담당과 한 줄 강점으로 구성해, 사람 중심의 신뢰를 쌓되 과장된 약력은 넣지 않았습니다.
시간표·상담 동선: 결정을 돕는 정보 순서
주간 시간표를 표로 정리해 “언제 수업이 있나”를 페이지 안에서 바로 확인하게 했고, 이어서 상담→진단→반 배정→수강의 4단계 절차를 보여 “어떻게 시작하나”의 막연함을 풀었습니다. 정보의 순서 자체가 학부모의 결정 흐름(궁금함 → 안심 → 행동)을 따라가게 설계한 것입니다. 그리고 모든 동선은 무료 상담 신청 하나로 모이게 했습니다 — 화면 어디에 있든 상단 버튼과 하단 CTA로 한 번에 닿습니다. 학원 홈페이지 제작에서 디자인의 목적은 결국 ‘한 번의 상담 신청’입니다.
모바일에서 시작되는 상담
학부모는 대개 저녁, 사무실 PC가 아니라 휴대폰으로 학원을 알아봅니다. 그래서 이 사이트는 모바일을 먼저 설계했습니다. 작은 화면에서도 과정 카드와 시간표, 강사 소개가 차례로 또렷이 읽히고, 화면 어디서든 한 번의 터치로 전화·상담 신청이 되도록 했습니다. 결정을 망설이는 사람에게 ‘다음에 무엇을 누르면 되는지’가 분명한 것 — 그것이 디자인만큼 중요한 배려입니다. 데스크톱에서는 여백과 고운돋움의 다정함으로 신뢰를 키우고, 모바일에서는 속도와 연락 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(GEO)
합격·성적 향상을 단정하거나 보장하지 않았습니다(과장 금지). 수강료도 “학년·과목에 따라 다르며 상담 시 투명하게 안내”라고 정직하게 적고, 장기 선납을 권하지 않는다는 원칙까지 밝혔습니다. 대신 “학원 수강료”, “레벨 테스트”, “중간 등록”처럼 학부모가 실제로 검색하는 질문에 답하는 구조와 FAQ, 구조화 데이터를 넣어 — 검색엔진과 AI 답변 양쪽에서 학원 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋기만 한 사이트가 아니라, 찾아지고 상담으로 이어지는 사이트를 목표로 했습니다.