핵심 요약
교육 플랫폼의 홈페이지는 다양한 강의를 보여주는 동시에, 방문자가 자신에게 필요한 배움을 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 중앙대학교 다빈치SW교육원의 푸르미르 홈페이지입니다. 교육 콘텐츠와 학습 대상, 세미나와 행사 소식을 하나의 흐름으로 연결한 사이트로, 대학이 가진 전문성과 누구나 접근할 수 있는 열린 교육의 이미지를 함께 살펴볼 수 있습니다.
중앙대학교 푸르미르 홈페이지
배움의 가능성을 넓히는 AI·SW 교육 플랫폼

교육 플랫폼의 홈페이지는 다양한 강의를 보여주는 동시에, 방문자가 자신에게 필요한 배움을 찾도록 안내해야 합니다. 이번에 소개할 포트폴리오는 중앙대학교 다빈치SW교육원의 푸르미르 홈페이지입니다. 교육 콘텐츠와 학습 대상, 세미나와 행사 소식을 하나의 흐름으로 연결한 사이트로, 대학이 가진 전문성과 누구나 접근할 수 있는 열린 교육의 이미지를 함께 살펴볼 수 있습니다.
배움에서 울림까지, 의미가 있는 메뉴 구성

푸르미르의 주요 메뉴는 ‘배움’, ‘여정’, ‘대화’, ‘울림’으로 구성되어 있습니다. 각 메뉴에는 CAU Learn, Learning Path, CAU Talks, News & Events라는 영문 표기를 함께 사용합니다. 한글 이름은 서비스에 친근한 인상을 더하고, 영문 설명은 각 영역의 역할을 구체적으로 알려줍니다. 교육 콘텐츠를 탐색하고 자신의 학습 방향을 찾은 뒤, 세미나와 행사 소식까지 접할 수 있는 구성이 특징입니다.

상단에는 로고와 주요 메뉴를 나란히 배치하고 로그인과 회원가입 버튼을 오른쪽에 정리했습니다. 방문자가 사이트의 이름과 주요 기능을 빠르게 파악할 수 있는 구조입니다. 메인 화면은 캠퍼스 영상으로 공간감을 전달합니다. 넓게 펼쳐지는 대학의 전경이 교육 플랫폼의 배경을 보여주고, 상단의 간결한 메뉴가 콘텐츠 탐색을 안내합니다.
화이트와 짙은 블루로 정리한 화면

화면은 화이트 바탕에 짙은 블루를 주요 색상으로 사용합니다. 푸르미르 로고와 회원 메뉴, 교육 소개 영역에 이어지는 블루 계열은 시각적인 통일감을 형성합니다. 넓은 여백과 선명한 글자 대비는 정보 중심의 화면을 차분하게 정돈하며, 강좌 이미지처럼 색이 다양한 콘텐츠도 자연스럽게 받아들입니다. 장식보다 제목과 분류, 설명이 먼저 읽히는 구성이 교육 사이트의 성격과 잘 어울립니다.
특히 ‘배움’ 페이지에서는 제목 아래에 K-MOOC와 CAU-ON 탭을 배치하고, 그 아래에서 주제별 분류를 선택할 수 있도록 구성했습니다. 선택된 탭은 짙은 블루 배경으로 구분되어 현재 위치를 쉽게 확인할 수 있습니다. 소개 배너 역시 같은 색상을 사용해 콘텐츠 영역의 시작을 알려주며, 로고 이미지와 설명을 나누어 배치해 시선을 정리합니다.
관심 분야로 이어지는 콘텐츠 탐색

강좌 탐색 영역에는 AI, 빅데이터, 디지털전환, 금융AI, 메타버스 등 주제별 분류가 마련되어 있습니다. 관심 분야가 정해진 이용자는 분류를 따라 이동하고, 특정 강좌를 찾는 이용자는 검색창을 활용할 수 있습니다. 탭과 주제 분류, 검색 기능을 차례로 배치한 구성은 다양한 탐색 방식을 한 화면 안에서 지원합니다.
강좌 목록은 이미지와 제목, 설명을 확인할 수 있는 카드 형태로 구성되어 있습니다. 딥러닝 3D 생성모델, 멀티모달 인공지능, 프로그래밍 기초 등 서로 다른 수준과 주제의 콘텐츠가 소개됩니다. 이미지와 설명은 강좌 선택을 돕습니다.
다양한 학습자를 위한 ‘여정’

‘여정’ 메뉴에서는 초중고, 일반인, 시니어/실버, 전문가/실무자로 학습 대상을 구분합니다. 분야별로 강의를 살펴보는 ‘배움’과 함께, 자신의 상황을 기준으로 콘텐츠에 접근할 수 있는 또 하나의 경로를 제시합니다. 초중고 영역에는 블록코딩과 파이썬, 마이크로비트 관련 강의가 확인되어 대상별 분류가 실제 콘텐츠 탐색으로 이어집니다.
또한 ‘대화’에는 중앙대 AI/SW LAB세미나를, ‘울림’에는 성과확산 행사 결과와 예정 행사, FAQ를 배치했습니다. 강의 정보에 더해 지식 교류와 교육 활동의 소식도 전달하는 구조입니다. 이용자는 학습 콘텐츠뿐 아니라 교육원이 어떤 활동을 이어가는지도 메뉴를 통해 살펴볼 수 있습니다.
정보를 정리하는 디자인의 가치

푸르미르 홈페이지에서 주목할 부분은 다양한 교육 정보를 일관된 기준으로 나누고 연결한 방식입니다. 명확한 메뉴 이름, 대상과 주제별 분류, 대비가 분명한 색상은 콘텐츠를 이해하는 데 도움을 줍니다. 이 포트폴리오는 교육 플랫폼의 디자인이 기관의 이미지를 전달하는 동시에, 이용자가 자신의 관심사에 맞는 배움으로 이동하도록 안내할 수 있음을 보여줍니다.
홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →
































