Website｜海外院校网站设计 第一期

Celebrating Vitality

Albion College

位于密歇根州的阿尔比恩学院（Albion College）是一所知名的文理学院。

--来自mStoner的网站案

需求与挑战

新网站的设计，从项目启动到实际上线，仅有6个月的时间，时间非常紧迫。

学院希望网站在视觉上更吸引人，更易于浏览，并且可以适配移动设备。

制定策略

1. 确定流程优先顺序

制定初始计划计划，以应对该项目的紧迫性。在项目推进的过程中，及时根据需要调整初始计划、排查错误、解决问题并确定优先级。

项目的展开分为两个阶段。第一阶段，优先考虑必须按时推出的页面，包括主页、招生、学术、和课程页面。其余部分则晚一些，在第二阶段推出。

2. 提取关键信息

提取网站关键信息，以保持整个网站内容和风格的统一。

关键信息涉及到潜在学生和在校生的三个关注点：探索目标、感受归属感、以及将技能和想法付诸行动。

Albion学院致力于持续创新、以目标为导向的学习；建设一个让所有人都有归属感的校园；以及体验式教育：将想法付诸行动。网站围绕这些关键点，展开了内容和视觉效果的开发和设计。

3. 明确内容主题

确定内容的三个主要目标：讲述 Albion学院的故事、营造社区氛围和归属感、以及传达 Albion学院教育的价值。

为了实现这些目标，网站使用了高质量的摄影和视频，表达学生声音的学生和校友语录，以及展示师生互动的故事讲述。另外，还有充满吸引力的学术课程页面来吸引和激发潜在学生。

网站将有限的资源集中在多媒体丰富的故事、以及内容积极的新闻上，以展示学院的影响力。这些也能吸引潜在学生，提供关键信息和鼓励，引导潜在学生完成浏览过程中的特定步骤。

4. 信息架构和导航栏（菜单栏）

信息架构应该使网站访问者能够轻松直观地找到他们正在寻找的信息，鼓励访问者在网站上进行探索和沉浸式体验，并展现学院的特色。

精简网站（针对潜在学生进行优化的新结构）是使访问者体验顺畅且富有成效的关键。

该网站的新结构侧重于三个目标：

• 将主要导航（About, Academics, Admission等）与校友导航（Alumni）和捐赠导航（Give）分开，以获得更好的用户体验和更清晰、更直观的网站结构；

• 分离内部和外部信息，为Albion学院次要受众提供获取感兴趣信息的清晰路径；

• 将校友（Alumni）和捐赠（Give）相结合，为校友和捐赠者提供更顺畅的体验，与Albion学院独特的参与方式相匹配。

新的导航使访问者可以快速访问主要的号召性用语，例如Applying和Requesting Information，通过菜单和链接可以轻松跳转；自由输入的搜索栏与常用搜索词/精选主题相结合，可帮助访问者快速找到他们想要的内容。

网站不仅在视觉上是美观的，还通过使用灵活的模块化组件，使前端响应更加灵敏。利用模块创建新内容、添加、移动或混合搭配模块，发挥创意。

项目成果

旧网站没有提供良好的移动端使用体验。新网站以移动设备的使用体验为主，向所有设备上的用户传达 Albion学院的精神。

新网站还反映了学院的多样性、变化、活力和生机。 

新网站向潜在学生展示了Albion学院的创新能力、以及归属感。

Pentelow报告显示，在网站发布后，潜在学生的互动数据与前一年相比有所上升。单个页面的访问量增加了14%；每个用户的访问页面数量增加了5%；总体页面浏览量增加了 9%。