教育网站怎么做，设计师亲身讲述！

Hello，朋友们，我是Tony，不是发型师Tony，是设计师Tony！

距离高考还有20多天，各大高校已经开始各出奇招抢生源了！

正所谓，高考来了，中考还会远吗，教育网站又开始到了需求旺盛的季节。

最近boss让我们一群设计师把之前做过的网站项目经验做一个总结，目的很简单，给朋友你们，一些可以立马学起来技巧和经验，让你们搭建网站更有“套路”。

鉴于五六月份会进入一个高考、中考的超热血时期，所以今天要讲的网站类型是——教育网站，特别是商城类型的教育网站。

现在有个词叫“终生学习”，越来越多人有想接受各种学习的需求，但是却不想固定在某个时间，或者要坐一两个小时车去上课，所以线上教育网站也越来越多，你也可能会遇到越来越多的教育培训机构类客户。

如果你想知道怎么能快速就把一个教育类网站做到客户看了就满意的状态。不妨看下，tony老师我，之前帮一个客户做的教育类网站。↓

设计重点：商城类网站，课程展示。

Tony老师对行业的分析：

简单拿了2个在线教育的网站做例子——新东方网和网易云课堂。

新东方网：以展示课程为主，从幼儿教育到九年义务教育到大学教育，各个板块分明，产品排列清晰。

网易云课堂：同样以展示课程为主，产品按各种功能性教程区分，同样分块非常清晰，而且图片展示形式较多。

通过对这两个网站和其他同行业网站的观察可以发现，教育类商城平台结构清晰并且便于使用，主要展示课程产品，产品排列清晰明了，方便用户购买。

整    体：网站以青绿色为主，同时使用部分透明度较低的蓝绿色进行点缀，使它和主色调有一定的区分；

因为是做成商城平台类型的网站，所以整个网站以商城功能性为主，便于用户购买课程。

Tony老师的解释：选择了绿色作为主色调的原因，是因为绿色是植物的颜色，代表着可持续性，以及可以衍生为绿色教育的意义。

（全站设计图↑）

1. 网站顶部和横幅：

网站顶部主要放一些方便用户使用网站的元素，如：搜索、登录、购物车、联系电话、课程分类等。

横幅的设计，因为客户主要的用户群体是对学习英语有需求的用户，所以在设计的时候，使用的元素以欧美建筑为主，使整体能和英语这个主题相呼应。

2. 广 告 位：

在横幅区下面，增加四个广告位，这样设计方便客户在日后搞促销活动或者是需要推广其他内容的时候使用，方便快捷；

同时，广告位放在横幅下面，可以让用户在访问网站的第一眼就能看到这块的内容，吸引用户注意力。

3. 课程分类：

主要内容根据课程分类分版本进行设计，主要有英语考试、英语口语、出国留学、日语课程、韩语课程、法语课程、德语课程、西语课程、小语种、暑期集训；每个版块的内容由分类中的小分类、大广告图以及详细课程组成。

区域1：点击可进入“英语口语”大分类的页面，看到这个分类的所有课程；

区域2：将课程分类再进行了细分，鼠标经过切换小分类，最大化的显示所有内容。

4. 学员心声：

展示这一部分的内容，可以让新访客看到课程效果回馈，同时可以减少新访客的心理顾虑。