“关于我们”页面的设计范例和趋势
英文原文: “Meet the Team” Pages: Examples and Trends”,编译: qinjian623@yeeyan
在所有员工对于公司价值巨大的行业里,你基本都会看到一个明显的“关于”页面,里面包含了员工的一些信息。“关于我们”的页面在Web设计和其他的一些创新型的公司中很流行,当然,其他的一些行业中也会有这样的有“关于我们”的页面的公司网站。这些页面对于那些十分需要与客户或者公司外部其他人进行沟通的公司有一定价值。因为,这样可以通过私下的个人联系增进公司业务,同时也可以增加访问者对公司的“信任度”。
员工的名字和照片同时出现在公司网页上,会让访问者对公司有更好的“真实感”,不是像其他的网站那样。这对于加强用户对公司的信任度价值巨大,特别是现在的网络环境下,在线的诈骗和仿冒案件经常发生。把公司的主要员工的信息加到网站是让公司在潜在客户那里留下一个深刻印象的一个十分简单而有效的方法。以下介绍的就是一些有趣的“关于我们”的页面的范例和一些趋势。
* 趋势
在观察“关于我们”的页面后,就会发现一些趋势。其中一些广泛的被应用在几乎所有网站上(比如,员工照片),其他的则被相对较少的使用(比如,动画)。这些趋势都在很多的网站上出现,因此也值得提出来。
1.员工照片
本文中几乎所有的页面都包括和每个员工相关的图片。其中大多数贴的都是每个员工的照片,不过也有一切是员工的网络头像,或者其他的可以代表每个人的照片。这是保持 网站设计的专业性和一致性的同时展示员工的个性的一个非常棒的方法。
Object Adjective有一个简单的团队页面,每个成员都有一张照片和一份简短的简历,同时也有他们的联系信息和下载电子名片的链接地址。
2.社交媒体的链接
只需要考虑一下多少同行也会有Linkedln, Twitter或者其他的社交媒体的账号,就会知道在自己的网站上贴上员工自己的这些帐户对于现有客户或者潜在客户和自己员工建立联系的重要作用。其中一些页面包括的是员工的一些专业社区的账号,有些则干脆贴上了员工拥有的各种社交媒体账号。在形式上,有些是每个社交媒体一张图片来代表,有些则使用文字,或者有些则两者兼备。
简单提醒下:如果员工的帐户信息要公布在正式的网站上,需要确保他们发布的信息内容是恰当的,不会对公司的名声造成损害。
Chromatic 只包括他们领导团队的个人资料。包括每个成员的一张图片和一个简短的个人简历,还有他们的Twitter和Linkedln帐户的链接。每个成员最近的一条推特信息会显示在他们的个人资料旁。
3.特立独行、幽默或者其他非常的设计
很多网站相比一些传统的“关于我们”的页面设计,更加突出其特立独行,幽默或者不同于平常的特色。其中一些,通过员工的照片来展示不同,而其他的会通过增加一些额外信息来更好的展示员工自我。
一定要注意,这种方式能否符合本行业的规范。对一个创新型网站,这种设计会有作用,但是
如果是放在金融或者法律行业,一定不会给别人留下好印象。同时也要考虑网站针对的群体是否能够接受这样的幽默或者不同寻常。对于增加个性,如果做的过分了或者在一个不应该这么做的行业里,往往会适得其反,显得不够专业。
Th_nk 使用动态图片展示团队成员,通过弹出的窗口在展示具体的成员信息。
4.卡通
很多”关于我们”的页面会加入一定的卡通风格进入其设计。大部分是通过利用员工的照片或者头像,其他则更进一步,整个页面都设计成卡通风格。
Ola Interactive Agency 使用卡通的关于页面,每个成员的照片都是其中的一部分。点击成员后,他们的个人资料就会出现,包括他们的Twitter和Linkedln帐户和email。这是一个不那么正式的有趣的页面设计。
5.更多的资料
很多网站公布的都是团队成员的基本信息,但是其他的一些网站则选择包括更多的信息。一些是通过使用滑动或者弹出窗口在实现,也有通过整个单独的页面实现。更多的个人资料可以让客户或者潜在的客户更加了解公司背后的每个员工。
9miles Media使用每个成员的图片,点击的时候则显示每个人的资料,其中也包括社交媒体的账号链接。简单有效的设计。
* 更多范例
以下的是20个很不错的“关于我们”的页面。
这是一个非常干净简洁的页面,但也通过名字的特征区分“The Chrises”和“The Non-Chrises”来显示了一些个性。页面中也包括了每个人的Linkedln,Twitter和博客的博文信息。
Efelle Media
这个另外一个简单的团队页面,每个成员一个简介,同时包括成员完整资料的链接。
MW Design Interactive
这个堪称团队页面的最简单范例,照片、姓名、职务,仅此而已。
Wax Creative Design
通过无序的列表来组织成员信息,通过说明每个成员爱吃的蛋糕来显示个人特色。
HBCWeb.com
整个页面的风格随意,每个成员的照片都是普通生活照,另附一个简短介绍。
Arc90
通过当鼠标移动到成员照片上时由正式照片转换为生活照的改变来为页面增色。同时还有一个标注每个成员工作内容的颜色编码。
每次只随机显示列表中的一个成员信息。也包括每个人的Tumblr,Twitter,Flickr信息(有才显示)
AtlanticBT
他们的团队页面有很多有趣的特色,每个成员都有一个照片,鼠标移上去的时候会滑下来显示他的名字和职位。还有一个下拉菜单,可以选择显示他们的照片、模型玩具、支持的球队、电影海报还有爱吃的食物。
Blue Sky Resumes
使用比较一致的照片来展示团队的每个成员,这一做法不是很常见。除了简介外,还有Twitter和Linkedln的链接。
使用一个简单直接的设计,每个团队的社交媒体账号通过图标来表示。
2Cs Communications Ltd
在页面的头部下直接显示团队成员,介绍的当前成员会通过增加透明度来表明。鼠标移动到照片上就会变成全彩的。大团队保证每个人都有相同的展示空间可以使用这样的方法。
使用卡通的图画来表示每个成员。鼠标点击则会出现Top Trumps风格的简介。十分独特而有趣。
使用简单的资料伴有图片来介绍成员。图片的背景是一个展示成员位置的地图,用以区分成员。
通过简单设计聚焦到公司创始人上,同时其他成员也有很大的空间用于展示。Twitter和成员博客链接也在页面上。
使用十分简单的头像/名称/公司职位的格式,同时还有一个链接用于查看更详细的信息。独特而有趣的同时还不失专业性。
使用简单的单列布局,每个成员的图片外加几段文字介绍。
不同的部门的成员被分配到不同的列中,成员的照片都展示在自己部门的列中。每张照片链接到更加丰富的员工介绍信息上。十分直观的展示了每个部门的大小(工程部门有三列,支持部门有两列)。
简单的员工照片布局,旁边会有他的名字,名字下面则是公司职务。每个成员都有一个单独的页面来分开介绍。除了一般的个人简历,还有每个人的5个最大优势,写在“StrengthsFinder 2.0”中。这是一个很有趣而又个性化的介绍。
另一个每个成员一个页面的让人难忘的设计。页面里,有一个关键词集,用来描述团队成员,还有tab用来展示他们的灵感,隐藏的能力,不为人知的事情等等。
这是这个清单中最简单的一个“关于我们”的页面。只包括了每个员工的头像,图片与他们自己的Tumblr博客链接在一起。对于这样的一个公司,这个设计简单有效。
相关文章
相关 [页面 设计范例 趋势] 推荐:
windows7 设计趋势
- jary - 平凡的世界:看看,闹闹,混混,写写几个产品趋势
- 韩叙 - 所有文章 - UCD大社区2010 图标设计趋势
- armgod - IconMoon【趋势】移动广告未来的七大发展趋势
- - SocialBetaweb设计趋势与潮流
- Hu DongHai - 互联网的那点事.... 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个工种、多种技术的参与,其流程的复杂和挑战性已经超过任何传统设计类别. 这19年间,网站的拥有者越来越清楚自己的目标,而设计师们也越来越理性和专注,人们在不停寻求商业诉求、用户、审美和技术上的平衡点.