왜 어린이집 홈페이지는 ‘안심’이 전부인가
어린이집 홈페이지 제작에서 가장 먼저 푸는 문제는 디자인이 아니라 부모의 불안입니다. 내 아이를 처음 남에게 맡기는 부모는 ‘여기가 안전한가, 우리 아이를 다정하게 봐 줄까’를 먼저 묻습니다. 그래서 이 어린이집 홈페이지는 “이곳은 안전하고, 서두르지 않고 아이의 속도에 맞춘다”를 첫 화면에 전하는 것을 1번 목표로 잡았습니다. 실제 히어로 헤드라인도 “우리 아이가 하루를 웃으며 보내는 곳”으로 잡고, 바로 아래 한 줄(“서두르지 않고, 아이의 속도에 맞춰”)을 둬서, 보자마자 불안의 절반을 풀게 했습니다.
색: 햇살 크림과 살구의 온기
바탕은 차가운 흰색이 아니라 햇살이 든 듯한 크림(#fff7ec)입니다. 어린이집은 ‘밝아야’ 하지만 형광 흰색은 차갑고 사무적입니다. 그래서 따뜻한 미색을 깔아 밝음은 지키되 온기를 남겼고, 시그널 색으로 살구 주황(#f4a52e)을 절제해 써 ‘다정함과 활기’를 더했습니다. 보조로 새싹 그린과 하늘색을 작게 두어 아이다운 명랑함을 살짝 보탰지만, 알록달록 과하지 않게 한 가지 주황으로 시선을 모았습니다. 결과적으로 ‘기관 냄새 나는 시설’이 아니라 ‘볕 드는 따뜻한 공간’의 느낌입니다.
형태: 둥근 모서리의 다정함
버튼·카드·이미지의 모서리를 모두 크게 둥글린(18~30px) 것은 우연이 아닙니다. 둥근 형태는 ‘안전하다, 부드럽다, 다치지 않는다’를 시각으로 전합니다 — 모서리가 뾰족한 디자인은 아무리 색이 밝아도 어딘가 긴장을 줍니다. 어린이집은 아이의 공간이므로, 화면의 모든 모서리를 둥글려 손에 닿는 모든 것이 안전하다는 인상을 만들었습니다. 폰트도 동글동글한 고운돋움 계열로 잡아, 형태와 글자가 같은 ‘포근함’을 말하게 했습니다.
타이포와 이미지: 얼굴 없이 따뜻하게
제목은 둥근 고딕으로 다정하게, 본문은 Pretendard로 가독성을 확보했고, 한글은 word-break를 어절 단위(keep-all)로 잡아 음절이 어색하게 끊기지 않게 했습니다. 이미지는 실제 아이 얼굴을 전면에 쓰지 않았습니다. 초상권과 개인정보 때문이기도 하지만, 부모에게 필요한 건 ‘남의 아이 사진’이 아니라 우리 아이가 보낼 하루의 분위기이기 때문입니다. 그래서 볕 드는 놀이방, 정돈된 교구, 안전한 바닥 같은 ‘공간과 일과’를 보여 주는 쪽을 택했습니다.
구조와 전환: 망설임에서 방문예약까지
하루 일과를 시간대로 따라가 보게 하고(‘시간대를 눌러, 아이의 하루를 따라가 보세요’), 안전한 공간과 입학 4단계 절차를 차례로 보여 ‘맡기는 시간이 불안하지 않도록’ 신뢰를 쌓았습니다. 그 끝에는 항상 하나의 행동, 방문예약과 입소상담 연락이 놓이게 했습니다. 상단 전화 버튼·히어로·하단까지 모든 동선이 ‘먼저 와서 보고, 천천히 결정하세요’ 한 곳으로 모이게 했습니다. 어린이집 홈페이지 제작에서 디자인의 목적은 결국 ‘한 번의 방문예약 전화’입니다.
모바일에서 시작되는 상담
부모는 대개 아이를 재운 늦은 밤이나 출근길에, PC가 아니라 휴대폰으로 동네 어린이집을 찾습니다. 그래서 이 사이트는 모바일을 먼저 설계했습니다. 작은 화면에서도 하루 일과와 안전·시설이 한눈에 들어오고, 화면 어디서든 한 번의 터치로 전화·방문예약이 되도록 했습니다. 메뉴는 무거운 자바스크립트 없이 가볍게 동작해 빠르고 안정적입니다. 데스크톱에서는 여백과 둥근 형태의 차분함으로 신뢰를 키우고, 모바일에서는 속도와 입소상담 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(원아모집·GEO)
어린이집은 신뢰가 생명이라, 과장된 약속이나 지어낸 후기를 쓰지 않았습니다. 대신 ‘안전·하루 일과·입학 절차’라는 사실로 신뢰를 쌓고, “어린이집 홈페이지 비용”, “입소상담”, “원아모집”처럼 부모가 실제로 검색하는 질문에 답하는 FAQ와 구조화 데이터(CreativeWork·FAQPage 스키마)를 넣어 — 검색엔진과 AI 답변 양쪽에서 어린이집 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋기만 한 사이트가 아니라, 정직하면서도 찾아지고 방문예약으로 이어지는 사이트를 목표로 했습니다.