Vine International Academy
본 프로젝트는 VIA 국제학교의 브랜드 가치와 교육 전문성을 온라인 환경에서 효과적으로 전달하기 위한 웹사이트 개발 작업입니다. 고객은 미국 대학 진학 준비를 위한 커리큘럼과 프로그램 정보를 명확하게 전달할 수 있는 웹사이트 개발을 요청했으며, 학부모와 학생 모두에게 친화적인 사용자 인터페이스 구성을 통해 교육 기관으로서의 전문성과 신뢰성을 표현할 수 있는 플랫폼 구축을 목표로 설정했습니다. 또한 학교의 글로벌 이미지와 차별성을 시각적으로 표현할 수 있는 고급스럽고 세련된 디자인과 모바일 환경에서도 최적화된 반응형 웹사이트 제공을 통해 다양한 디바이스 환경에서 일관된 사용자 경험을 보장할 수 있는 현대적이고 접근성 높은 교육 플랫폼 구축을 요구했습니다. 이러한 고객 요구사항에 대응하여 전체 웹페이지 기획 및 정보 구조 설계, 글로벌 교육기관 수준의 고급 디자인 제작, 반응형 웹 개발 및 사용자 편의성 구현을 완료하여 국제학교로서의 품격과 전문성을 온라인에서 효과적으로 구현하는 웹사이트를 완성했습니다.
제작 기간2021. 11 - 2022. 01
고객사SY아카데미
사용 기술React.js, TypeScript, Vite
고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
VIA 국제학교의 커리큘럼, 프로그램, 입학 안내를 체계적으로 전달하는 웹사이트 구조 설계
2.
학부모와 학생의 정보 탐색 흐름을 고려한 사용자 중심 정보 구조 구현
3.
글로벌 교육기관의 전문성과 신뢰감을 표현하는 고급 디자인 시스템 적용
4.
컬러, 타이포그래피, 이미지 배치를 통해 국제학교 브랜드 아이덴티티 강화
5.
데스크톱과 모바일 환경에서 일관된 탐색 경험을 제공하는 반응형 웹 개발
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.

타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.


