黑马哥教你做设计:解读美国婚礼策划lover.ly网站改版,教科书般的精美网页设计! |i黑马

i黑马  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

i黑马导读】lover.ly,一家总部位于纽约的婚庆服务公司,可以让你发现和采用许多简单有趣的的婚礼的点子,地方,日前刚刚透露要对网站和主题进行全新变革。

loverly-645x250

新网站的界面是精美华丽的,令人印象深刻。所以,实际上,我们在对品牌进行再设计的时候,要将旧版和新版的设计进行对比,去发现和哪些变化和有哪些地方是需要注意和思考的。

品牌形象

自从这家公司创业开始,loverly的商标形象就走了一段很漫长的改革之路。最初的商标,是在公司创办一年以前就由创始人兼ceo kellee khalil(哈利勒)设计好的。当然最初的商标看上去并不算糟糕,当然它还是有一定改进空间的。这个是新旧商标的对比。

2013jan_loverly-new-logo-730x211

&

2011aug_loverly-first-logo-730x264

&

新商标,,是由前苹果公司的设计师gary williams(加里·威廉姆斯)设计的, 这个看上去要比旧版大大的简化了很多,这不仅仅只是一个从脚本的变换,而是一个大胆的无衬线形式,心形的“v”尤其特殊,因为它已经成为公司的标志,正如你将会在网站上看到的,虽然设计很难,但是设计师依旧保留这个标志来诠释现有的品牌形象。

网站界面再设计

与标志不同的是,loverly的网站设计是由内部招聘的新员工melissa mandelbaum(梅丽莎曼德尔鲍姆)。 在离开mixel(etsy最近收购的一家公司)后,她在12月中旬加入团队。

之前的网站已经跟随公司走了很久,但是搜索功能有限,导航应用设计较复杂。对于新网站,loverly制定了一系列目标:

简单大方的竖排布局——目前商家常用的网站特征

同时支持一个引导和自由的搜索体验

力求一个适用于大众化的用户体验

打造出来的界面感觉是令人愉悦的

这是新旧设计的对比:

screen-shot-2013-02-27-at-3.47.35-pm-730x398

2012april_loverly-v.2-site-730x342 (1)

格外引人注意的是浮动搜索栏(如下所示):

screen-shot-2013-02-27-at-3.48.00-pm-730x211

作为最基本的交互,,它在每个页面的最顶部,都占有很显眼的位置。当每一页的页面打开,导航出错时,搜索栏会呈现之前的状态。该网站的简约设计重视意象——情人的强项,导航(见下图)令人耳目一新。

screen-shot-2013-02-27-at-3.54.03-pm-730x220

这个网站的极简主义设计重点想突出的是——loverly的华丽的界面和多功能的导航,已经使其融为一体成为一个很成熟的网站。也许更重要的是,这种再设计会令我们感觉到loverly日渐成为一个很成熟的服务性业务和公司,已经不仅仅是最初的婚礼策划。结果表明这个再设计是非常令人印象深刻的,现在我们可以耐心等待,接下来用户会是怎样的反应。



无觅相关文章插件,快速提升流量

本文被转载1次

首发媒体 i黑马 | 转发媒体

随意打赏

提交建议
微信扫一扫,分享给好友吧。