프로젝트 상담 신청
UX/UI Review

교원 빨간펜 Website Design Review

2026-09-30·학습지 교육

교육 브랜드 홈페이지는 보통 상품부터 나열한다. 빨간펜은 그 앞에 나이를 물어보는 검색창 하나를 먼저 둔다.

홈페이지 제작 상담 보기

개요

핵심 요약

  • 빨간펜은 첫 화면 상단에 3장짜리 프로모션 배너(체험 신청, 도요새중국어 리뉴얼, 가전 사은품 혜택)를 슬라이드로 배치한다.
  • 배너 아래 7개 아이콘 메뉴로 학습지·외국어·독서 등 카테고리를 나눈 뒤, 나이 선택 드롭다운이 붙은 맞춤 검색창을 캐릭터 로봇과 함께 배치한다.
  • ‘학습, 그 이상의 가치’ 구획은 빨간펜을 중심에 두고 학습지·외국어·독서 세 갈래로 뻗는 조직도 형태로, 각 갈래마다 수상·인증 이력을 함께 제시한다.
  • 대표 상품 5개를 캐러셀로 배치하고 가운데 카드(AiCanDo)를 크게 강조하는 방식으로 시선을 유도한다.
  • 하단에는 인스타그램·보도자료·공지사항 탭과 공지사항·보도자료 목록을 별도 구획으로 나눠 뒀다.

빨간펜은 교원이 운영하는 학습지 브랜드다. 첫 화면은 세 장짜리 프로모션 배너로 시작하는데, 체험 신청·도요새중국어 리뉴얼 오픈·가전 사은품 혜택처럼 성격이 다른 소식을 한 슬라이더에 묶었다. 배너 아래에는 7개 아이콘으로 나눈 카테고리 메뉴가 있고, 이어서 나이를 먼저 고르게 하는 검색창이 캐릭터 로봇 일러스트와 함께 등장한다.

스크롤을 내리면 실사용 후기 카드, ‘학습, 그 이상의 가치’라는 제목의 조직도형 구획(학습지·외국어·독서), 대표 상품 캐러셀, 인스타그램·보도자료 피드, 공지사항 목록 순으로 이어진다. 이번 리뷰에서는 나이 기반 검색이라는 진입 방식과, 세 갈래 상품군을 수상 이력으로 뒷받침하는 신뢰 설계를 살펴본다.

빨간펜 웹사이트 메인 화면 스크린샷

브랜드 & 메시지

브랜드 화법의 중심은 ‘생각하는 힘을 키우고 배움을 이어주는’이라는 문장이다. 상품명이나 커리큘럼을 먼저 설명하는 대신, 검색창 위에 이 문장을 얹고 나이를 선택하게 만든다. 학부모가 아이 나이만 입력하면 그에 맞는 콘텐츠로 안내받는 구조인데, 학습지 브랜드가 흔히 쓰는 ‘전 상품 나열’ 방식과는 다른 접근이다.

‘AI 시대 리더를 만드는 진짜 차이, 빨간펜이 만듭니다’라는 오렌지-레드 그라데이션 배너도 같은 맥락이다. AI 시대라는 시의성 있는 키워드를 학습지 브랜드의 역할과 연결한다. 다만 이 문장과 바로 아래 ‘학습, 그 이상의 가치’ 조직도 사이에는 톤 전환이 있어, 시의성 있는 메시지와 전통적인 수상 이력 나열이 한 화면 안에서 다소 다른 어조로 공존한다.

키워드: 나이 기반 맞춤 검색, 캐릭터 로봇 안내, 세 갈래 조직도, 수상 이력 나열

UX/UI 관점

강점은 다섯 가지다. 첫째, 검색창에 나이 선택 드롭다운을 결합해 학부모가 상품명을 몰라도 자녀 나이만으로 탐색을 시작하게 했다. 둘째, 캐릭터 로봇 일러스트를 검색 영역에 붙여 학습지 브랜드 특유의 친근한 톤을 UI 차원에서도 유지한다.

셋째, ‘학습, 그 이상의 가치’ 구획에서 빨간펜을 정점에 두고 학습지·외국어·독서 세 갈래로 나눈 조직도 옆에 각 갈래의 수상·인증 배지를 함께 배치해, 상품군별 신뢰 근거를 한 화면에서 확인하게 했다. 넷째, 대표 상품 캐러셀에서 가운데 카드만 확대해 ‘1:1 초밀착 관리’ 상품을 자연스럽게 우선 노출시킨다. 다섯째, 하단에 실사용 후기 카드와 인스타그램 피드를 분리 배치해, 텍스트 후기와 이미지 중심 소셜 증거를 각각 다른 형식으로 제공한다.

키워드: 나이 선택 검색, 로봇 캐릭터 안내, 조직도형 신뢰 배지, 캐러셀 중앙 강조

IA·SEO 전략

페이지 타이틀은 ‘교원 빨간펜’으로 짧고, meta description은 ‘누구나 빠르게 답을 찾는 AI 시대, 지식의 차이가 아닌 역량의 차이가 리더를 만듭니다’로 시작해 브랜드 메시지를 그대로 담았다. og:title·og:description·og:image는 지정돼 있지만, 최초 응답 HTML에서 canonical 태그는 확인되지 않았고 hreflang 선언도 없다. 반면 JSON-LD 구조화 데이터 스크립트는 여러 개 확인된다.

타이틀에 브랜드명만 담고 지역명이나 핵심 상품명을 넣지 않은 점은 아쉽다. ‘초등 학습지’, ‘유아 영어 학습지’ 같은 업종+행위 키워드가 타이틀·description에 없으면, 브랜드를 이미 아는 사용자의 재방문 검색에는 유리해도 신규 학부모의 비교 탐색 검색에서는 노출이 제한될 수 있다. 나이 기반 검색 UX가 강점인 만큼, 나이대별 랜딩 페이지에 해당 연령 키워드를 명시하면 검색 유입 경로가 넓어질 여지가 있다.

성능·접근성

배너 슬라이더, 캐릭터 일러스트, 상품 캐러셀, 인스타그램 피드까지 이미지형 콘텐츠가 첫 화면부터 밀도 높게 배치돼 있다. 프로모션 배너 3장과 대표 상품 캐러셀 5장이 중복 없이 각각 다른 이미지를 쓰므로, 스크롤 진입 시점에 맞춘 지연 로딩과 이미지 최적화가 특히 중요한 구조다.

공지사항·보도자료 목록은 텍스트 위주라 가볍지만, 그 위 구획들의 이미지 비중이 커서 전체 페이지의 체감 로딩 속도는 이미지 처리 방식에 크게 좌우된다. 나이 선택 드롭다운과 검색창의 대비, 조직도형 구획의 작은 배지 텍스트 가독성도 점검할 부분이다. 학부모가 모바일에서 빠르게 나이만 선택하고 이탈하지 않도록, 검색 영역의 터치 타깃 크기를 확인하는 편이 좋다.

자주 묻는 질문

빨간펜은 어떤 방식으로 학습지를 추천해주나요?

홈페이지 첫 화면의 검색창에서 나이를 먼저 선택하게 한 뒤 맞춤 콘텐츠로 안내하는 방식을 씁니다. 상품명을 모르는 학부모도 자녀 나이만으로 탐색을 시작할 수 있습니다.

학습지 브랜드 홈페이지는 검색창을 어떻게 설계해야 효과적인가요?

빨간펜처럼 나이나 학년 같은 부모가 바로 아는 정보로 필터를 걸면 진입 장벽이 낮아집니다. 상품명 중심 검색은 이미 브랜드를 아는 사용자에게만 유효합니다.

교육 브랜드 홈페이지에 수상 이력을 어떻게 배치하면 좋은가요?

상품군별로 나눠 조직도나 카테고리 구조 옆에 배치하면 어떤 상품이 어떤 근거로 신뢰받는지 명확해집니다. 수상 이력을 한곳에 몰아 나열하면 어느 상품에 해당하는지 파악하기 어렵습니다.

AI 답변 엔진이 학습지 브랜드 홈페이지를 인용하게 하려면 무엇이 필요한가요?

연령대별·과목별로 구체적인 키워드를 담은 랜딩 페이지와 완결된 문장의 FAQ가 핵심입니다. 브랜드명만 담긴 타이틀보다 ‘초등 국어 학습지’처럼 구체적인 조합이 인용 가능성을 높입니다.

디지털 파트너 더블루캔버스

학습지·교육 브랜드의 홈페이지는 두 종류의 방문자를 동시에 상대해야 한다. 이미 브랜드를 알고 재방문하는 학부모와, ‘초등 국어 학습지 추천’ 같은 검색으로 처음 도착하는 학부모다. 전자에게는 나이 기반 검색 같은 빠른 진입이, 후자에게는 검색엔진이 읽을 수 있는 구체적인 키워드 구조가 필요하다.

The Blue Canvas(더블루캔버스)는 교육 브랜드 홈페이지에서 이 두 층위를 함께 설계한다. 연령·과목별 랜딩 구조를 짜고, 그 구조에 맞는 타이틀·description·FAQ를 채워 신규 검색 유입과 재방문 사용자 경험을 동시에 잡는 작업이다.

The Blue Canvas 홈페이지 제작 문의

마무리와 다음 스텝

빨간펜의 홈페이지는 나이 기반 맞춤 검색과 캐릭터 로봇 안내로 진입 장벽을 낮추고, 학습지·외국어·독서 세 갈래를 수상 이력과 함께 조직도 형태로 보여줘 신뢰를 뒷받침한다. 대표 상품 캐러셀에서 핵심 상품을 자연스럽게 강조하는 구성도 눈에 띈다.

실행 제안은 셋이다. 첫째, 타이틀·description에 연령대·과목 같은 구체적인 키워드를 추가해 신규 검색 유입을 넓힌다. 둘째, 이미지 비중이 큰 배너·캐러셀 구획에 지연 로딩과 최적화를 적용해 초기 로딩 부담을 줄인다. 셋째, 나이 선택 검색의 강점을 살려 연령대별 랜딩 페이지와 FAQ를 갖춘다. 지금의 진입 설계라면, 검색 구조를 보강하는 쪽이 다음 성장 구간이다.

함께 보면 좋은 리뷰

교육 리뷰 더 보기