从无到有的版式划分
原型图是我们在设计过程中运用最多的,为了便于后期的更改和视觉上整体的统一性,我们为卓尔教育设定了基本的版式规范,将主视觉放在焦点图上方。导航极简化尽量合并页面的高度,信息层次分明,重点突出了在体育行业的优势。为之带来了大量的用户群体。

栅格化排版
使用栅格化的排版方式,能够使页面更和谐。简约大气的页面让你在浏览的时候更加快捷,每一个页面都是那样熟悉且自然,你会发现,美好的生活就在你身边等你触发。

动态地图
卓尔留学合作院校遍布全球各地,利用了地图跳跃的设计,更直观的传达信息,0.1秒的变化就足矣能够吸引您的眼球。

业务呈现
为了减少功能介绍和乏味感,我们选择了版块划分的设计来罗列icon图形,让用户更能直观的理解阅读,当鼠标hover状态会为整个网站增加活跃感,并且突出重点内容。自然的设计,既能满足用户需求,又不失焦点。