当Naperville需要将他们的网站从Ektron迁移到Episerver时,他们与Diagram合作创建了一个屡获殊荣的在线体验。万博app网页版登录

纳珀维尔市

CMS迁移和重新设计

当Naperville需要将他们的网站从Ektron迁移到Episerver时,他们与Diagram合作创建了一个屡获殊荣的在线体验。万博app网页版登录

挑战

虽然纳珀维尔市的网站包含了很多有用的信息,但查找并保持更新是一个更大的问题。通过重新设计他们的网站,该市希望更新他们的内容,改进他们的导航以帮助人们找到他们所需要的信息,并改进网站的视觉设计以突出社区的美丽。

解决方案

  • Ektron到Episerver的迁移
  • 平台的技术架构和实现
  • 内容迁移规划和培训
  • 性能优化和主机准备计划
  • 与居民和企业主进行焦点小组和可用性测试
  • 自定义在线事件日历系统
  • 符合易访问性(WCAG 2.0)标准的用户友好网站重新设计

客户背景

伊利诺伊州纳珀维尔市位于芝加哥以西28英里,一直是美国居住、养育子女和退休的顶级社区。这座生机勃勃、欣欣向荣的城市拥有广受赞誉的公立和教区学校、全国最好的公共图书馆系统、世界一流的公园、多样化的礼拜选择、一系列医疗选择和极低的犯罪率。Naperville拥有各种公共交通、住房和就业选择。该市多元化的雇主群体以高科技公司、零售商和工厂以及小型和家庭企业为特色。纳珀维尔拥有现代城市的所有便利设施和小镇的所有魅力,是居住、工作和娱乐的首选社区。
纳珀维尔旗帜酒店

我们的方法

通过内容审核、内容规划工作表和用户访谈,团队成员确定了哪些信息对大多数人最有用。该网站的内容已经过修改,以反映这些目标,并为网站用户提供最佳价值。

我们通过与内部利益相关者合作、访问网站用户、检查网站分析以确定流量最大的内容,以及差距分析以将网站与其他市政组织的网站进行比较,确定了最佳导航策略。该导航是原型化的,并与最终用户进行了测试。

为内部登录页和门户页面创建了一个灵活的模板系统,以确保页面导航与站点顶级导航一样灵活和有用。

通过确定用户如何尝试在网站上查找信息的场景,然后与最终用户测试新的导航,以确保他们能够遵循这些场景,完成这些任务所需的点击次数大大减少。

一位摄影师被雇佣来提供这座城市吸引人的照片,该网站的设计旨在使用这些图像和其他图形元素,以保持网站的美观,同时去除可能妨碍人们完成任务的任何不必要的设计或界面元素。

该网站旨在让读者阅读,注重标准一致的排版、有意义的色彩使用和舒适的空白。

停车位跟踪器和实时推文
停车位跟踪器和实时推文

影响

通过缩小站点代码和文件、限制对服务器的请求数量以及缓存,站点的运行速度非常快。它能够每秒向用户提供大约100个页面,而无需使用任何硬件负载平衡或缓存。

该网站采用响应式设计,链接、图标和文本等元素经过优化,可供桌面和移动用户同等使用,并考虑了所有输入模式,包括键盘、鼠标和触摸屏。该网站在多个浏览器和设备上进行了测试,以确保用户无论使用何种设备和/或屏幕大小都可以访问该网站。

虽然政府用地需要符合第508节标准,但该用地是按照WCAG 2.0标准和建议建造的,这些标准和建议更广泛、更全面。该网站经过测试,以确保只有键盘访问或屏幕阅读器等辅助技术的用户的可访问性,并确保在禁用Javascript的情况下正常运行。该网站还提供多种语言的功能。

该网站使用可扩展和模块化的方法来创建样式表。创建了一组有限的可重用组件,允许创建大量页面,并为如何使用样式提供了灵活性,同时使样式表尽可能小。Sass用于CSS预处理,以允许使用变量并保持代码干净一致。

该网站提供了许多互动元素,包括列出可用停车位的实时信息、在线应用程序以及与Twitter和谷歌地图的集成。

为我们的客户创造更好的在线体验是我们的首要目标。在国家舞台上为这些努力获得认可是令人兴奋的。

琳达·拉克洛切通讯经理

项目
细节

服务

客户

纳珀维尔市

部门

政府直辖市

奖品

2018年:Episerver北美客户服务网站奖

2017年:金牌爱马仕创意奖

2016年:金马可奖

Baidu