LIGHT MAP

天津大学第十一届世界校友代表大会预热 点亮校友地图活动






LIGHT MAP

天津大学(北洋大学)122周年,天津大学第十一届世界校友大会于十月下旬在湖南长沙举行。
天津大学将在湖南长沙参加 天天向上 节目,上演《天大的事》。
在大会前期我们受学校委托,要求设计一款用于校友代表大会活动预热的产品《点亮校友地图单页应用》。

接到这个项目的时候时间很紧迫要在很短的时间内完成甲方的需求。当我拿到甲方的需求的时候内心是崩溃的,委托方很友好的把他的想法和设计要求都写的好好的,每个页面要放置的内容,内容怎么放,怎么显示,怎么出来,怎么跳,怎么亮,完全是按照一个讲课幻灯片的播放样式来写的,即使想法再美好也总会由于和甲方思想不统一而改稿。

即便如此,既然要做,就要好好做。最终效果很理想,在一周时间内,就有来自六十多个国家和地区的 24000+ 位校友参与。



需求分析,交互/视觉设计。

(2017.10 - 2017.11)
















Thinking



在接到需求后,好好的查看了许久。根据要求是只需要三个页面的页面展示。而这三个页面的内容却被用整整十页的Word文档介绍,细节给的太细反而局限了设计思路。

即便如此也要用最合适的方案展示内容,根据要求首页显示的是活动时间 地点 标题 天大新老校区图片展示 技术支持等,由于要显示的文本比较多,想法是在显示文案内容后,把新老校区图片作为背景图在后面显示。
《数载天大青春 一生北洋情怀》在介绍了此活动内容勾起北洋人对母校的怀念之情后,紧接着送祝福三个字的按钮显示在用户面前,点击按钮加载到第二个页面。

















第二页内容是用来展示往届全国各地校友会的照片。由于照片素材都是一些合影照而且图片质量也欠佳,为了保证每张照片都能很好的显示,又把每张图单独修了一遍。我想的是用照片卡片的形式显示,可自动轮播和手动滑翻。同样下一页引导也比较明显,回顾往届校友照的同时只要点击校友地图按钮便可跳转到下一页点亮校友地图。

















当点击校友地图按钮跳转到校友地图页面时便会开始获取用户当前的位置,在地图热力图上高亮显示,并且会显示当前有多少位点亮的校友。在此页面用户可直接点击点亮地图按钮即可定位到当前点亮的区域。此页面还要展示天大官方微信公众号和策划支持人员信息。虽然是几个简单的页面却是从一个复杂的需求里一点点沟通和调整变成的。