Designart STORY
프로젝트 리뷰

HIT 423

비상교육 티스쿨 에듀몰 교육 쇼핑몰제작

2017.08.10





비상교육 티스쿨 교육 쇼핑몰제작
다양한 혁신활동으로 대한민국 교육 문화를 선도한는 비상교육 티스쿨 에듀몰 교육 쇼핑몰제작을 디자인아트와 함께 진행하였습니다. 꼭 필요한 교육상품을 엄선해서 학교현장의 필요에 맞는 교원연수와 교실수업을 제안하기 위해 교육 쇼핑몰제작을 진행하였습니다.
교과 및 학급에 따른 상품구성과 창의/인성/진로 융,복합의 주제중심의 카테고리로 구성하였으며, 과목과 학년, 주제별로 총 8개의 카테고리로 구분하였습니다. 교육청 또는 학교단위의 성인(선생님, 학부모, 교직원 등)을 대상으로 하는 연수(강의)와 학생들을 대상으로 하는 수업(외부강사)으로 매월 비짓상품을 제안하기 위한 PC버전과 모바일 교육 쇼핑몰제작을 진행하였습니다. 교육쇼핑몰구축 시 사용자가 사용하기에 불편함이 없도록 웹표준 코딩으로 진행하였으며, 로그인 연동 쇼핑몰개발도 진행하였습니다.





비상교육 티스쿨 에듀몰의 디자인컨셉
비상교육 티스쿨 에듀몰의 PC버전 쇼핑몰디자인은 처음 시안이 2가지로 작업 되었으며, 다른 비상교육 티스쿨 사이트인 원격 교육연수원, 비상 원격 평생교육원 등 패밀리 사이트랑 너무 동떨어진 느낌이 들지 않도록 쇼핑몰디자인 작업을 하였습니다. 상단 메뉴바를 100% 와이드 형으로 잡아 안정감을 좀 더 주었고, 비주얼영역을 가로 1100px에 맞춰 전체적인 레이아웃에 통일감을 주었습니다. 카테고리 아이콘은 컬러감을 주어 동적인 느낌이 들게 디자인하였습니다. 색상은 로고 색상을 이용하여 블루와 화이트 컬러를 사용하였으며, 전체적으로 심플하고 깔끔한 느낌으로 쇼핑몰디자인 작업을 진행하였습니다.





비상교육의 찾아가는 교육서비스 Visit 서비스
비상교육 티스쿨 에듀몰의 쇼핑몰은 다른 교육상품을 판매하는 쇼핑몰과 달리 찾아가는 교육서비스 Visit 서비스가 있습니다.
Visit 서비스란 늘 새로운 수업을 연구하는 선생님과 함께하는 교육서비스로, 좋은 교구의 다양한 활용법을 현장의 선생님들과 함께 연구하기 위해 비상 티스쿨 원격 교육 연수원에서 새롭게 선보이는 교육서비스입니다. 에듀몰은 단순히 상품을 판매하는 쇼핑몰이 아닌 교육 현장에서 경험과 실력을 갖춘 각 분야의 전문가 선생님이 학교 또는 교육청으로 찾아가 강의를 제공해드리는 서비스가 있습니다. 이러한 서비스가 있는 티스쿨 에듀몰의 쇼핑몰을 다른 교육상품을 판매하는 쇼핑몰과 다르게 차별화 된 쇼핑몰로 만들기 위해 디자인아트는 레이아웃 구성과 디자인컨셉에 더욱 신경쓰고 디자인 하였습니다.





쇼핑몰제작 과정
비상교육 티스쿨 에듀몰 프로젝트는 기존의 패밀리 사이트와 통일감 있게 작업하고 안정적이고 편안한 스타일로 디자인 하였습니다. 쇼핑몰디자인은 메인 및 서브패키지 약 40p, 개별페이지 5p, 모바일 메인 및 서브 3p, 개별페이지 5p 쇼핑몰디자인 작업을 진행하였습니다.
메인 및 서브는 웹표준 코딩(html/css/script)을 하였으며, 크로스 브라우징 범위는 IE9~11, 크롬 브라우저에 맞춰진행하였고, 기존 티스쿨 회원 약 8만여명의 회원 DB연동 및 로그인 연동 쇼핑몰개발 사항이 있었습니다. 쇼핑몰개발 과정에서 어려움 점도 겪었지만 마무리를 잘 지은 프로젝트였던 것 같습니다. 비상교육 티스쿨 에듀몰 프로젝트는 기획-쇼핑몰디자인-퍼블리싱-쇼핑몰개발-검수-오픈까지 약 13주 정도의 기간이 걸렸습니다.





사용하기 편리한 모바일사이트
비상교육 티스쿨 에듀몰 사이트는 PC버전에 맞춰 모바일사이트도 작업하였습니다.
모바일 사용자가 한 눈에 원하는 메뉴를 찾아 갈 수 있게 레이아웃을 구성하였습니다. 불필요한 요소를 제거하고 찾아가는 교육서비스 Visit 서비스 이용에 불편함이 없도록 작업하였습니다.
모바일사이트 쇼핑몰디자인도 PC버전과 동일하게 깔끔하고 심플하게 제작되었으며, PC버전의 웹표준 코딩 작업을 진행한 것처럼 모바일 사이트도 어느 브라우저에서도 사용하기 불편함이 없도록 제작되었습니다. 이렇게 티스쿨 에듀몰만의 컨셉과 해당 분야에 맞게 PC버전과 모바일사이트가 제작 되면서 방문자가 늘고 서비스 이용에 불편함이 없게 쇼핑몰구축이 되었습니다. 작업을 진행하면서 다양한 기획과 경험을 할 수 있었던 프로젝트였던 것 같습니다.




                       
       
benjamin_bt01.gif