作者  宁波网站建设,网站制作团队  
发布于  2018-12-08 14:28  

网站存在问题?是重新设计还是微调!第二期

2. Panos Pictures

Panos Pictures 是一个拍摄纪录片和电影的代理机构,他们的网站重设计需求不仅仅是调整整体的视觉,而且还需要通过设计来修改底层架构。

1.png

重设计之前

Panos 之前的网站比较简陋。老版本的网站并不是响应式的网站,对于移动端设备不够友好,缺少 JavaScript 的支持,导航选项也需要完善。首页顶部是一个导航菜单和搜索框,下面是超大的首屏图片,并在下方附带两三个比较小的图片。每个图片都会链接到相应的图片商店。鼠标光标悬停在图片上,能够显示相关的图片信息,用户可以通过点击浏览照片背后的故事详情。顶部导航使用的是老式的嵌套式的导航菜单,但是实际上还有一些图片超出了导航的浏览范围,并且用户无法通过清晰的路径来方便用户关注更多的信息。

2.png

重设计之后

经过重新设计的 Panos 的网站让用户更加「熟悉」,体验上和现代设计更加贴近,而内容属性和之前保持一致——毕竟是一个提供图片的摄影机构,他们做的事情始终还是拍照。但是,在内容的呈现方式和细节上,已经发生了改变。

首先,网站已经完全是响应式的了,网页的内容和元素会自适应,顶部导航栏由于功能性相对比较弱,已经被收纳到汉堡菜单当中了,用户点击的时候会以一个弹出图层的形式呈现。页面顶端仅保留了原本的品牌LOGO 和搜索框。

3.png

而内容区域则依然以图片呈现为主。每张图片都带有相应的标题、简短的介绍和点击链接。而用作首屏的首图在尺寸上则比首屏尺寸要短一点,确保底部更多的信息能够被用户注意到,引导用户向下浏览。在筛选内容的时候,加载的时候会触发动人的动画效果。

总之,Panos 的重设计在保留品牌精髓的情况下,提供了更好的用户体验。