[교육] 창업에듀 분석

창업에듀

---

 

[ 디자인 방향 ]

창업에듀는 (예비)창업자의 성공창업을 지원하기 위한 온라인 창업교육 포털로

창업의 단계별로 이론 및 실무 중심의 창업 강좌 서비스를 무료로 제공하는 웹사이트입니다.

사이트의 주 대상자는 창업 준비중이거나 창업중인 성인일 것으로 예상됩니다.

동영상 제공이 주가 되는 서비스이므로 사용자가 사이트를 방문해서

자신에게 맞는 유형의 강좌에 쉽고 빠르게 접근할 수 있도록 하는 것이 중요한 포인트입니다.

 

---

 

[ 메인페이지 ]

 

 

1 HEADER

헤더와 푸터, 내비게이션바가 특이하게 왼쪽정렬로 고정되어 있습니다. 스크롤이 필요없는 풀스크린 페이지인데요.

스크롤을 하지 않고도 콘텐츠가 바뀌어 각 메뉴별 접근이 용이하다고 할 수 있지만

왼쪽 메뉴바가 고정되어 있어 그만큼의 공간 활용에 제약이 있다는 점이 아쉬운 레이아웃입니다.

​

2 NAV

각 메뉴 클릭시 해당페이지가 오른쪽 영역에 나타납니다. 메뉴 리스트가 세로로 정렬되어 있어

메뉴의 구성이 한 눈에 들어오는 디자인입니다.

​

3 SEARCH

방문자가 주로 찾는 정보를 찾기 쉽도록 검색창과 함께 링크를 활용하여 접근성을 높인 디자인입니다.

'창업! 시작은 창업에듀!'라는 문구와 함께 회사의 아이덴티티를 한 눈에 잘 표현했네요.

​

4 CONTENTS

맞춤/인기강좌 추천, 알려드려요 같은 사람들의 이목을 끌만한 콘텐츠를 중앙에 배치시켰고

적절한 여백을 두어 많은 텍스트를 담고 있는 페이지임에도 불구하고 답답한 느낌이 없습니다.

또한 이미지, 아이콘, 버튼 등을 활용하여 텍스트를 읽는 데 부담이 없도록 제작되어 있습니다.

​

5 FOOTER

이 웹사이트는 푸터가 특이한 구조로 되어 있습니다. 보통의 웹사이트들과 달리 왼쪽 아래에 위치해있는데요.

sns로고와 함께 눈에 잘 띄는 곳에 배치되어 있습니다.

고객센터나 SNS등 소통이 주가되는 사이트에 적합한 디자인이겠지만 다소 지저분해 보일 수도 있겠습니다.

 

---

 

[ 서브페이지 -개별강좌 ]

 

창업에듀에서 제일 중요한 페이지라고 할 수있는 개별강좌 페이지입니다.

창업에 도움을 주는 각 분야별 강좌가 분류되어있는 페이지로써

사용자로 하여금 자신에게 해당되는 유형의 강좌에 빠르게 접근할 수 있도록 하는 것이 중요합니다.

 

1 SEARCH

개별강좌 내 18개의 강좌 세부 카테고리를 검색할 수 있는 검색창입니다. 서브메뉴가 많은 사이트인만큼

검색 기능이 들어가면 원하는 정보를 보다 쉽게 찾을 수 있을 것입니다.

​

2 SUB SEARCH

강좌 카테고리 내 특정 강의명을 입력하여 원하는 강좌를 찾아볼 수 있는 검색창입니다.

한 페이지당 6개의 강의로 적게는 3페이지, 많게는 10페이지 이상되는 서브메뉴인만큼

검색 기능이 빠져서는 안되겠죠!

다만, 앞서 상단에 큰 카테고리 분류로 검색기능이 한 차례 나왔기 때문에 사용자가 혼동을 느낄 수 있습니다.

'검색어 입력' 텍스트 대신 '강의명 입력'등의 명확한 설명을 제시하고,

높은 평점순으로 정렬, 높은 조회수순으로 정렬 등의 기능을 활용하여 검색 편의성을 높여줬다면 하는 아쉬움이 남습니다.

​

3 DETAIL CLICK

본 페이지에서는 간단한 정보와 함께 썸네일만 제공을 하고

클릭시 플레이버튼이 포인트컬러로 변경됨과 동시에 새로운 창으로 이동되어 재생됩니다.

한 화면의 최대 6개의 동영상 썸네일을 삽입하여 모든 동영상이 한 눈에 들어오는 그리드 레이아웃이 인상적입니다.

​

4 VIDEO

각 동영상 강의 클릭시 이동되는 페이지입니다.

제목과 강의시간, 조회수등이 표기되고 간단한 목차가 보여집니다.

플레이버튼 클릭시 해당 페이지내에서 재생이 되며 전체화면 클릭시 큰 화면으로도 시청이 가능합니다.

오른쪽 영역엔 '동일키워드강좌'와 '동일창업단계강좌'가 있어 자신에게 맞는 연관 강좌 시청도 가능하게 설계되어 있습니다.

페이지 전체적으로 필요한 정보만을 간략하게 보여주고 목차를 삽입하여

영상 시청 전 내용을 대략 유추할 수 있도록 한 점이 큰 장점이라고 생각합니다.

​

---

[ 마무리 ]