几乎每一家大公司都有“关于我们”的页面。对于博客、机构甚至是个人网站.
如果你环顾四周,你会发现很多条款详细说明关于网页为了网络。然而,他们并不总是深入到员工页面的细节,或者团队页面,这些页面的特征是给定团队的所有成员。
它们通常遵循“关于”页面的相同规则,但有一些独特的趋势。我想在这里介绍这些趋势,并给出你可以为自己的项目提供的实例和灵感。
基本上,如果您正在设计一个伟大的团队页面,那么您将在这篇文章中找到很多坚实的想法。所以让我们跳进去!
最好马上澄清一下照片出售。一般来说,可视化更容易使用,它们肯定会鼓励用户在页面上停留更长时间。
清远网络公司如果您知道如何正确地设置这些照片,那么每个团队成员的照片都会产生很大的影响。我经常在网格式的系统中发现这些照片是根据大小、位置或每个人在公司的位置排列的。
无论哪种方式,我都支持这一趋势:将照片添加到您的团队页面。
个性化页面会产生很大的不同,而且雇佣一名摄影师一天来拍摄团队照片也不需要花很多钱。或者你甚至可以你自己拿吧.
即使像Etsy这样的大公司也可以包括他们团队的照片在大型网格设计中。
我无法想象有多少人在Etsy工作,但它可能比典型的公司网站要小。因此,与之相比,任何其他的工作人员页面看起来都可能非常小。
这就是为什么我认为这种趋势应该得到更多的爱。你也不用花很多时间编辑照片。尽管对于一个设计机构来说,这可能是一个有趣的任务。
现在,如果你不喜欢真实照片的想法,你总是可以使用向量。看一看摇滚厨房哈里斯举个例子。
它们使用表示网格中每个团队成员的小向量字符。这样可以节省负载时间如果您已经有一个设计人员的工作人员可能想这样做。
最棒的是,如果有人离开公司,或者当你找到新员工时,这些设计很容易换掉。
我也偏爱自定义图形或小化身/图标来代表每个人。让员工自己挑选照片,然后随心所欲。
注意,你不需要为每个人都拍摄超级专业的头像。你也可以在工作的时候拍下公司的照片,然后把它们扔到你的团队页面上。
亚特兰西安做这件事这里你可以在第一页上快速浏览他们幻灯片上的几张团队照片。
这有助于使公司人性化,并展示团队的真实面貌。这是一个有趣的方法,团队网页设计,仍然利用照片,而不过火。
除了团队之外,你还想推销公司的经验。
概述一下员工做了什么,他们去了哪里,在这个行业工作了多少年,诸如此类的事情。你也可以提到过去的客户或你曾经做过的重大项目。
当涉及到经验的时候,有太多的东西要分享,以至于我不可能把它全部列出来。但我确实认为,在团队页面上提及其中一些内容,可以增强潜在客户或用户的信心。
团队页面蚀刻只有3个人,但这是一个相当好的设计布局。
它自然地包含了每个人的照片,链接到他们的个人简历页面。这些个人页面提供了更多关于每个团队成员的详细信息,包括他们的背景和历史。
但是,如果你向下滚动页面,你会看到品牌标识和累积的团队经验在该领域。这是一个有趣的方法来证明公司的技能集,同时定义每个团队成员自己。
另一种方法是为您的公司历史添加可视化。某种程度上类似于事件的时间线本页能做得很好。
我不知道CloudHorizon是如何工作的,但是浏览一下他们的About页面,就会让它变得非常清晰。
一旦您通过了可视时间线,您将进入员工部分与每个团队成员的照片。我想这是最佳设计选择把所有东西合并到一页上。为什么要分开员工和“关于”的页面?
真正的唯一原因是如果你有一个庞大的工作人员,或者如果你想深入到两个页面的细节。
但考虑加入一些关于该公司的时间线或小的历史轶事。它在页面中添加了另一个个人触觉。
实际上有一个类似的布局就在这里在数字果酱网站上。
这从一个包含所有员工照片的团队列表开始,然后移动到可视时间线设置中。这是一个相当干净的布局,这确实吸引眼球。
如果新公司没有太多的历史可供出售,那么它们可能不会从时间表中获益那么多。但是考虑添加任何你能提供的关于公司的经验,历史,过去的客户或者任何与团队相关的东西。
幽默很难用设计来实现。它常常归结为机智拷贝也可能是一个五颜六色的品牌支持一个有趣的风格指南.
但我真的认为每个公司都有一个地方可以搞笑,那就是员工页面。
如果你设计正确的话,照片本身就会很幽默。你也可以在你的员工页面中添加效果、口号或轶事,使其更具娱乐性。
这个团队页面对于LiveChat来说,这个策略很有吸引力,有大量的照片可以捕捉到有趣的骨头。
你可能不会发现自己笑得很大声,但它们肯定比平淡的头拍更有娱乐性。
幽默在创意机构或创意团队中也是最有效的,它们可以处理内容中的幽默。我认为这是每个员工页面的更好方法之一,它只需要一些创造性。
而且你不需要仅仅依靠照片来进行幽默的设计。看一看这个团队页面从侧面。
只需在页面周围移动光标,看看会发生什么。很干净!
我只能想象这需要多长时间才能创造出来。也许这些照片被拍了一次,稍微改变了一下,但不管是哪种方式一些真正的承诺一个伟大的设计。
他们的页面值得出现在这样的文章中,因为它们确实体现了团队页面中使用的幽默,同时也在网络上突破了设计和创造力的界限。
但我喜欢简单有趣的照片反思加拿大有一套最好的照片。
如果你能想到一些幽默的设计思想,那就试一试。
团队页面可能是少有的几个地方之一,你可以在那里的实验,它将是令人愉快和赞赏。
记住,一点点能帮上很大的忙。即使是一些简单有趣的照片或引号也能使页面变得更有趣。
如果您有一个庞大的团队,那么很难为每个团队成员个性化整个布局。
但你总可以把注意力集中在每个人身上他们自己的网页使用自定义引号、照片,并可能列出他们在该领域的一些经验。
我发现这给一家公司带来了更多的私人接触,甚至是一家拥有100多名员工的公司。这将是艰难的工作,但我看到了很多网站这样做。
举个例子Abz创意还有他们的团队页面。这家公司规模很小,但也设计得很好。
每个团队成员都有他们自己的部分,有一张照片,一份对他们工作的描述,还有一个引号和一个电子邮件地址。
这使它的超级容易联系任何人从网站,这是一个相当令人愉快的设计。
像这样的事情也适用于一个更严肃的行业,比如律师事务所或医疗行业。你所要做的就是清理一些照片,并确保在每个人旁边列出的内容更多地描述他们在专业层面上所做的事情。
您还可以做一些更可定制的事情,例如电浆.
他们所有的团队成员都会被列在一个更大的网格中,并有完整的头照。但是当你在每个人面前盘旋时,你会得到一张傻乎乎的GIF或照片。
这根本不需要额外的工作。你仍然可以让每个人都有自己的特色,给每个人一些创意,让他们的照片个性化,同时保持员工页面的清洁。
如果你想勾勒出他们的专长和技能,你甚至可以为每个人创建一个单独的页面。
另一个选项不是为每个人创建一个新页面,而是添加他们的描述。直接进入页面。对于一些JavaScript效果来说,这是最简单的,比如在这页上来自胡曼。
所有的照片都是为每个人量身定做的。因此,这一页已经有了一个非常私人的接触。
但是,如果你悬停其中的任何一张照片,你也可以看到这个人的个人简历和他们的社交媒体图标。
如果你有一个庞大的团队,并且不想为每个工作人员创建一个页面,这是一个很好的鼓励互动性的方法。
虽然这一趋势看上去很基本,但它也是必然的。
如果您的团队页面运行最佳遵循结构在整个页面中保持相似。
这可能是一个网格系统,或一个简单的缩略图库,或幻灯片或其他任何东西。只要你保持一致和容易浏览,天空就是极限。
例如本页Leap的网站对每个人都有相同的风格:圆头照片和严格的网格,只有这么多的文字空间。
你如何使用这个空间完全取决于你自己。在这篇文章中,我已经介绍了一些你可以复制的趋势,你可以通过研究这里列出的其他网站来获得一些想法。
但是一致性是在UI设计世界中产生乐趣的原因。给访客一个模式,让他们知道如何遵循它。
小组页面布克野生以一个英雄标题然后慢慢地进入一个紧密的网格系统,分裂成垂直的部分。
我真的很喜欢英雄视频,因为它不是你随处可见的东西。更不用说这个网站是一个简单的难以置信,当它涉及到一个明确的设计,清晰的排版,和一个一致的主题。
您可以这样做,您将页面垂直地分成几个部分(AKA完整大小的水平部分,当您向下滚动时垂直分割)。
我通常会看到这个视差网站但是如果没有所有的视差技术,你就能过得去。
或者你可以保持页面真正的基本,只需单独链接到每个人。这就是我喜欢的Towa数字还有他们的团队页面。
总的来说,你只是想要一个一致的设计,鼓励用户留下来浏览员工列表。
你也希望清远网络公司团队成员以有序的方式列出,所以很容易找到你要找的人。一致性是这个页面的支柱,因此围绕它进行设计,您很快就会得到一个很好的UI。