首页  2020  成功案例 > 正文

哈尔滨工业大学新主页焕新升级

2024-01-26282

主页链接:http://www.hit.edu.cn/


近日,伴随着学校招生工作的开展,校园网主页做了全新改版上线,本次改版设计以突出哈工大悠久的工程教育历史和深厚的办学底蕴,运用当下最流行的设计手法,结合当下最流行的设计趋势,从栏目内容、视觉传达、设计思想传递、交互体验多维度角度出发,加入扁平化设计、全屏式沉浸设计、响应式设计、手绘等设计手段,增强视觉张力和阅览愉悦感


本次改版通过建立视频中心板块,让观众从媒体视觉多角度了解哈工大,此外还对各二级学院网页做了优化改版从而展现哈工大的全新面貌。本期小编就带大家来一睹主页全新风貌~


PART.1
简洁布局 导航清晰

主页设计理念是从国际化和现代化出发,横贯大图,占用一屏,符合学校形象,采用简洁的布局和清晰的导航,视觉上减少展示栏数,让用户能够快速找到所需的信息。整体色调日常以明亮的工大蓝为主,给人以清爽、舒适的感觉,重要的节日也可切换成红色展示,起到了强调和醒目的作用。


图片


图片


PART.2
视频动效 提升视觉体验

首页banner采用大图与视频轮换设计,视频与图片的交互设计可让访问者沉浸式观看,同时也有助于减少视觉疲劳。


图片


PART.3
新闻聚合 多维展示

新闻网突出学校要闻展示,通过新闻聚焦列表聚合新华社、人民日报、央视新闻等官媒报道,突出哈工大的影响力,同时通过工大要闻板块传播校内新闻,传扬哈工大文化,加入哈工大最有标志性的主楼,多种变化展示打造出特色鲜明的哈工大主视觉元素。


图片


为响应国家号召,建立并长期置顶总书记贺信专题。


图片


PART.4
全媒矩阵 全景哈工大

网页整合了学校所有的官方社交媒体账号,如微博、微信、抖音、b站、视频号、校报等,让观众从内容和视觉多角度了解学校最新动态消息,鼠标光标与新媒体账号交互,方便师生实时扫码了解更多详情。


图片


PART.5
内外融合 特色校园门户

主页与校园门户做了集成对接,方便校内师生一键登录、一网访问,申请、待办、已办等流程集成到门户中,实现用户“一站式获取服务”,主页与校园门户的融合建设,打造了一体化智慧校园服务,旨在提升师生服务感知。


图片


PART.6
响应式设计 多端适配

网页设计还采用了响应式设计,能够自适应不同屏幕大小的设备,保证用户在不同设备上的浏览体验。图片


PART.7
内页布局规整 设计风格统一 

为保持本次改版设计风格的统一性,本次设计还将主页的主要栏目的详情页分别做了统一风格的设计和优化。


图片