제로요리아카데미 학원 홈페이지제작 포트폴리오

[메인 화면 기획]

**요리·제과제빵·커피 등 다양한 실습 중심 교육과정을 운영하는 '제로요리아카데미'**의 교육 특성을 반영해,

교육과정의 전문성과 수강생의 도전을 응원하는 브랜드 가치를 효과적으로 전달하는 학원 웹사이트를 기획했습니다.

학원 소개·학과별 교육과정·커리큘럼·실습 환경·수강료 조회를 중심으로 메인 화면을 구성하고,

방문자가 관심 있는 교육 분야와 수강 정보를 쉽고 빠르게 확인할 수 있도록 설계했습니다.

또한 교육과정 탐색부터 상세 커리큘럼 확인, 수강료 조회 및 상담 신청까지 이어지는 사용자 흐름을 구성해,

예비 수강생의 정보 탐색 편의성과 상담 접근성을 함께 고려한 웹 환경을 구축했습니다.

초보자의 고민에 공감하는 브랜드 메시지와 실습 중심의 교육 콘텐츠를 결합해,

처음 요리에 도전하는 방문자도 친근하게 접근할 수 있는 교육기관 웹사이트를 구현했습니다.

메인 디자인

[메인 디자인]

브랜드 로고의 네이비 컬러를 중심으로 한 신뢰감 있는 디자인을 적용해,

요리 전문 교육기관의 체계적인 교육 이미지와 브랜드 전문성을 시각적으로 표현했습니다.

메인 비주얼의 '함께'라는 핵심 메시지에 형광 라임 컬러를 강조해,

새로운 배움에 도전하는 수강생을 응원하는 밝고 역동적인 브랜드 분위기를 연출했습니다.

또한 요리·제과제빵·커피를 만드는 손과 실습 장면을 클로즈업한 이미지를 활용해,

실습 중심 교육의 현장감과 각 학과의 특성을 직관적으로 전달했습니다.

화이트와 차콜 컬러를 기반으로 한 절제된 화면 구성을 적용해,

음식과 실습 이미지의 따뜻한 색감이 자연스럽게 돋보이도록 디자인했습니다.

간결한 타이포그래피와 명확한 콘텐츠 구분, 일관된 포인트 컬러를 통해,

교육기관의 신뢰성과 실습 교육의 생동감을 함께 전달하는 UI 디자인을 구현했습니다.

콘텐츠 디자인



[콘텐츠 디자인]

학과별 교육과정·추천 대상·교육개요·교육핵심·커리큘럼·실습공간 등 주요 콘텐츠를 체계적으로 구성해,

방문자가 수강 결정에 필요한 정보를 단계적으로 확인할 수 있도록 설계했습니다.

학과 상세 페이지에는 과정별 탭 메뉴를 적용하고,

추천 대상부터 교육 내용과 실습 환경까지 이어지는 정보 구조를 통해 수강생이 자신의 목적에 맞는 과정을 탐색할 수 있도록 구성했습니다.

또한 한식 32개 품목을 요리 사진 그리드로 시각화한 커리큘럼 콘텐츠를 활용해,

실제 교육에서 배우게 될 요리와 실습 내용을 한눈에 확인할 수 있도록 디자인했습니다.

교육개요는 난이도·정원·시간표 등 주요 정보를 표 형식으로 통일해,

여러 교육과정의 특징과 수강 조건을 효율적으로 비교할 수 있도록 했습니다.

'나도 할 수 있을까?'와 같은 입문자의 고민을 반영한 브랜드 스토리 콘텐츠를 통해,

처음 교육을 알아보는 방문자의 공감을 유도하고 학원에 대한 친근함과 신뢰감을 높이도록 구성했습니다.

웹사이트 UXUI 최적화



[웹사이트 UX/UI]

요리 교육과정을 비교하고 수강 상담을 진행하려는 예비 수강생의 이용 목적을 고려해,

교육 정보 접근성과 수강 문의 편의성을 중심으로 한 사용자 친화적 UX/UI를 설계했습니다.

학과별 교육과정에 탭 메뉴와 브레드크럼 내비게이션을 적용해,

방문자가 현재 탐색 중인 과정의 위치를 쉽게 파악하고 관련 교육과정을 편리하게 비교할 수 있도록 구성했습니다.

또한 교육개요와 커리큘럼을 일관된 정보 구조로 제공해,

과정별 난이도·정원·시간표·교육 내용을 직관적으로 비교할 수 있도록 설계했습니다.

메인과 서브페이지 하단에는 지점 선택·관심과목 선택·고객정보 입력으로 이어지는 3단계 수강료 조회 폼을 배치해,

어느 페이지에서든 관심이 생긴 순간 바로 수강료 확인 및 상담 신청으로 이어질 수 있도록 구현했습니다.

교육과정 소개와 상담 신청 기능을 자연스럽게 연결한 화면 구성을 통해,

정보 탐색 과정에서 발생하는 불필요한 이동을 줄이고 상담 접근성을 높였습니다.

PC·태블릿·모바일 등 다양한 디바이스 환경에 대응하는 반응형 웹 디자인을 적용해,

화면 크기에 관계없이 교육과정 정보와 주요 상담 기능을 편리하게 이용할 수 있도록 설계했습니다.

실습 중심의 교육 콘텐츠와 직관적인 과정 비교, 수강료 조회 기능을 결합해,

제로요리아카데미의 교육 전문성과 수강생 중심의 편리한 이용 경험을 제공하는 학원 웹사이트 환경을 구축했습니다.