关于

18个最具有情怀的“关于我们”页面设计【附设计技巧】

  一个成功的“关于我们”不仅仅是将品牌、公司和团队信息填满一个页面那么简单粗暴,你需要将团队和品牌视作一个整体,呈现出独有的风格,不同的个性,让用户记住。它不仅仅是展示公司的服务理念,更是让你的用户更加了解你的唯一途径。如果你还在困惑怎么设计一个具有情怀的“关于我们”界面,那么不凡看看别人都是怎么做的吧:

  1.整个页面是以灰白以主色调,同时宣导了这个公司的品牌故事、品牌价值以及真实的数据支撑。往下滚动会看到一个明显的蓝色的CTA让用户可以更加深入的了解产品并且试用。虽然页面上并没有放置公司管理人员或者职员的照片,但整个页面简洁干净易于浏览,并不会影响用户对这个公司的影响。

  Starbucks的“关于我们”页面可以说是非常简单,几句意味深长的语句很抓住人心,“我们的宗旨就是为客户提供全世界最好喝的咖啡”。左侧的富有年代感的照片让我们了解了它的历史悠久。右侧点击链接则有具体的关于Starbucks的公司特色信息和传统文化等。整个页面虽然文字少,但是产品已经深入人心了。

  Salsa是一个服装网站,在“关于我们”的页面直接展示给我们的是一个2分多钟的介绍视频,从设计到制作,整个视频传达他们优良的工艺和公司服务宗旨。并且使用视频解说,用户停留时间更长,更容易达成转化,这就是他们聪明的一点。往下滚动可以看到公司的三大宗旨:Vision,Value,Mission。

  “关于”我们页面设计就是为让用户更加了解我们是谁?我们是做什么的?这个页面的设计完美了诠释了这两点。上方放置了一张团队的照片。告诉访问者了解你的网站背后是有一群真实的人,而非机器。页面上的信息排版想当顺畅,告诉用户公司的服务宗旨和理念,还让我们了解了公司运营。当然,你会看到公司领导层的照片,也是告诉用户这个公司是谁在运作的,证明公司的真实性。底部还有公司最新的咨询来留住用户不离开网站。

  “关于我们”页面必须是易于浏览的,又不要给与用户毫无意义的冗余信息。用户对文字只是浏览,太多的信息内容让他不知道点哪里。Sulzer就采用了很聪明的排版方式,以图片文字链接的形式横向排列公司的介绍以及信息等,你如果愿意了解更多,那么可以点击了解。不愿意了解更多那么可以忽略,可以给用户更多选择。

  复古风格是我个人十分钟爱的一种设计风格。通常我们看到的复古风都拥有着温暖色色调和俏皮的插画,在配上传统的布局手法,就堪称完美了。Kittie’s Cakes 的页面中散落着许多简单但是极为欢快有趣的插画,这些天马行空的配图让整个设计一下就拥有了强烈的风格和个人特色。复古的配色和层次丰富的页面结构,让用户在获取信息的同时还不时地收到惊喜。

  看了这么多优秀的设计,是时候该你上场设计一个属于你的个性““关于我们”页面,只需要一个简单易上手的原型设计工具就可以帮你搞定。Mockplus是一款简单无需学习成本的网页原型设计工具,可创建网页项目,自由项目,自定义项目,APP项目等。不论是做页面滚动和排版布局,Mockplus封装的200个组件轻松实现交互设计。如果你需要一套严格的设计规范来管理你的页面,那么摹客的设计系统是你不二的选择,轻松管理你的设计资源。

  不论是采用大胆的用色,夸张的动效;还是使用简单的插画,温暖的配色等,都要于整个网站页面设计风格一致。对于许多网站来说,“关于我们” 界面的好坏直接影响了用户的去留,想要让用户能够有更好地“第二印象”,可以多参考下其他网站是如何做的。希望这篇文章可以帮助你。

  原型工具创造者摹客(Mockplus)团队发布的摹客设计系统, 如果,你或者你的团队还在因为缺乏一致的设计规范而承担不必要的痛苦,不妨免费体验一下摹客设计系统管理设计资源,定制设计规范。摹客特意开放了尝鲜试用福利,邀你今夏一起High!

  *免费试用,还可参与抽奖,Airpods、Wacom手绘板、小米手环等你拿!