Frontend·Brand Website Design
국제 유치원 브랜드 웹사이트
프리미엄 국제 유치원의 신뢰감 있는 브랜드 이미지를 담은 반응형 웹사이트
React, TailwindCSS v4, framer-motion
프로젝트 소개
프리미엄 국제 유치원을 위한 브랜드 웹사이트입니다. 학교 소개부터 커리큘럼, 입학 안내, 캠퍼스 갤러리, 오시는 길까지 학부모가 궁금해할 모든 정보를 6개 페이지에 담았습니다.
고급스러운 세리프 타이포그래피와 깊은 초록 + 크림색 팔레트로 "아이를 맡겨도 안심이 되는 곳"이라는 신뢰감을 전달하는 데 집중했습니다.
기간
2025.06
유형
개인 프로젝트
페이지
6개 (SPA)
주요 페이지
학부모가 사이트에 들어와서 자연스럽게 입학 문의까지 이어지도록, 페이지마다 목적에 맞는 구성을 설계했습니다.
Click to expand
Our Story
학교 역사와 교육 철학 소개
Click to expand
Curriculum
연령별 커리큘럼과 핵심 학습 영역
Click to expand
Gallery
카테고리별 필터가 있는 캠퍼스 갤러리
Click to expand
Contact
캠퍼스 위치와 연락처 안내
반응형 디자인
데스크톱은 물론 스마트폰에서도 동일한 브랜드 경험을 유지하도록 설계했습니다.
기술적 포인트
01
TailwindCSS v4
디자인 토큰으로 색상·간격을 일관되게 관리
02
framer-motion 애니메이션
스크롤에 따라 자연스럽게 등장하는 섹션 애니메이션
03
React Router v7 SPA
페이지 이동 시 새로고침 없이 부드럽게 전환
04
반응형 + 접근성
어떤 기기에서든 편하게 볼 수 있는 유연한 레이아웃