명지대학교

출발점

대학 홈페이지는 대개 슬라이드 배너와 학과 메뉴로 시작합니다. 수험생이 끝까지 스크롤하고 싶은 페이지를 만들고 싶었습니다. 이름에 담긴 뜻, 두 캠퍼스가 어디에 있고 어떻게 이어지는지, 그리고 내가 들어갈 단과대학까지 한 흐름으로.

만든 것

네 개의 장으로 이어지는 한 편의 스크롤 이야기입니다.

• 이름. 밝을 명(明), 알 지(知). 움직이는 빛의 첫 화면과, 커서를 움직일수록 선명해지는 섹션으로 이름의 뜻을 화면 언어로 옮겼습니다.
• 캠퍼스. 실제 지도 데이터로 만든 3D 비행. 서울 인문캠퍼스에서 출발해 한강을 건너 용인 자연캠퍼스에 도착하고, 공식 건물마다 멈춰 이름과 설명을 보여줍니다.
• 가치. 건학 이념인 사랑, 진리, 봉사를 한 화면씩.
• 단과대학. 13개 단과대학을 캠퍼스별로 표시한 곡면 캐러셀.

개요

• 콘셉트 작업이며, 명지대학교의 의뢰를 받은 프로젝트는 아닙니다
• WebGL 기반, 휴대폰과 데스크톱 모두 지원
• mju-landing.vercel.app에서 볼 수 있습니다