WEBSITE PROJECT / 2026자체 기획 프로젝트
책틈 CHAEKTEUM
책을 펼치는 호기심이, 수업을 이해하는 경험으로 이어지도록. 가상 어린이 독서클럽 책틈의 브랜드와 콘텐츠를 기획하고, 스크롤 모션과 직접 참여하는 이야기 체험을 결합한 반응형 홈페이지입니다.
웹사이트 바로가기- 업종
- 어린이 교육 / 온라인 독서클럽
- 프로젝트 유형
- 브랜드 홈페이지 신규 제작
- 프로젝트 시기
- 2026년
- 적용 기술
- HTML · CSS · JavaScript / Web Animations
- 프로젝트 목표
- 부모의 관심에서 교육 방향 이해, 프로그램 탐색, 수업 체험과 상담으로 이어지는 흐름을 구성했습니다. 읽기·대화·표현을 구체적인 장면으로 보여주고 실제 실적이나 후기 없이도 기획 방향을 전달합니다.
- 사용자 경험
- 그림책 비주얼 → 상황에 공감 → 읽기·대화·표현의 수업 흐름 → 관심 프로그램 선택 → 이야기와 질문 체험 → 상담 미리보기. 이동에 반응하는 모션과 직접 누르는 체험이 내용을 이해하도록 돕습니다.
DESIGN DIRECTION
한 장씩 펼쳐지는 호기심, 아이의 속도에 맞춘 움직임.
종이 질감의 AI 그림과 포레스트 그린·크림·살구색으로 따뜻한 인상을 만들었습니다. 제목의 순차 등장, 스크롤에 따른 문장 강조와 카드 움직임, 페이지 넘김을 직접 구현했습니다. 모션 끄기와 기기의 움직임 줄이기 설정도 지원합니다.
CURIOUS & WARM
DESKTOP EXPERIENCE
한눈에 펼쳐지는 브랜드의 이야기.
실제 구현한 홈페이지의 전체 화면입니다. 버튼과 모션은 웹사이트 바로가기에서 경험할 수 있습니다.
MOBILE EXPERIENCE
작은 화면에서도, 같은 인상으로.
메뉴와 콘텐츠를 모바일에 맞춰 재배치해
어디서든 자연스럽게 탐색할 수 있습니다.
톤앤프레임이 만든 가상 어린이 독서클럽입니다. 그림은 AI 제작, 이야기·프로그램은 창작 예시이며 실제 고객 후기나 운영 수업을 의미하지 않습니다. 상담과 읽기 기록은 저장·전송되지 않습니다. 전체 화면 이미지는 모션을 끈 상태의 실제 구현 화면입니다.
YOUR NEXT WEBSITE