公司主页 / 文章 / 网站创建 / 20个关于页面设计示例和想法的创意网站

20个关于页面设计示例和想法的创意网站

无论是哪个行业, 关于页面 是您将设计的第一页之一。 毕竟,这是用户在了解有关您的业务的更多信息时访问的页面。 “关于”页面包含有关您是谁以及您从事此业务的原因的基本信息。 尽管有些人可能会忽略此关于页面,但您永远不应该这样做。 

相反,让您的“关于”页面精心设计并脱颖而出,这样任何人都不会忽视它。 你很少有第二次机会给人留下好印象。 由于“关于”页面是您对世界的介绍,因此您必须确保其设计、内容和所有视觉效果协调一致,以传达有关您和您的业务的有趣故事。 目的是说服你的听众相信你。 



要制作您的第一个网站? 不妨尝试无代码网站构建器
有了像 Wix 的构建器,你无需任何编码技能创建网站。它配备 800 多个设计模板,让您通过移动设备管理网站 > 点击这里,免费试用 Wix


是什么让关于页面的创意和有效

有效的“关于”页面通过更好地与访问者建立联系,有助于提高转化率。 因此,它应该以销售为导向并解决访问者的问题。 

没有一个简单而可靠的食谱适用于所有人。 但是,几个关键要素可以提供帮助:

  • 使命——传达您的业务目标; 您的访问者想知道他们是否与您有相似的核心价值观。 
  • 您的故事(背景)——传达您的业务起源; 有时,它是一切开始的历史和更吸引用户的挑战。
  • 您的产品/服务(利益)——总结您的产品,以帮助您的用户了解您所做的事情与您的品牌价值之间的联系; 突出优点以及它们可以为用户做些什么。
  • 您的社交证明——展示客户评论、客户推荐、案例研究等可以确立您的地位。 

相关读物

考虑到这些,您可以制作一个框架来构建一个引人入胜的关于页面。 从这 20 个创意有效的关于页面设计中汲取灵感:

1.Madebyband

乐队乐队
Madebyband 通过简单的视觉效果巧妙地表现了自己。 

- Madebyband 的关于页面 对事情有不同的看法。 以“图片说一千个词”为动力,Madebyband 通过简单的个人形象传达其品牌的独特个性。 在别致的背景图片上使用手工制作的字体说明了等待客户的体验。

白色空间完美地突出了每张图片,实现了设计、色彩和视觉效果之间的平衡。 向下滚动可以看到他们的历史,其中包含有关驱动他们的信息。 简短而有力。 一个有价值的号召性用语 (CTA) 按钮会跟他们联系。 

2。 Mailchimp

mailchimp
Mailchimp 突出了它在所有正确平衡方面的优势。

Mailchimp 的 关于页面 通过展示其对小型企业的承诺,充满了必要的售前冲击。 从创始人的故事开始,他们重申了对小企业的关注,解释了 Mailchimp 作为小企业主可用的昂贵电子邮件软件的替代品。  

About 页面强调 Mailchimp 的企业公民意识,他们确认已投资超过 12 万美元来帮助中小型组织通过 Big Change Starts Small 实现发展。 您可以感受到色彩丰富且制作精良的页面背后的诚实和真诚。 

3.紫色,摇滚,科学ssors

紫色摇滚科学ssors
紫色,摇滚,科学ssors 完美地平衡了动画与静态视觉效果。

确实是技术奇迹, 紫色,摇滚,科学ssors的关于页面 整个页面都有有趣的动画。 不要太多或太少,在运动和静态视觉之间取得适当的平衡。 调色板简单但对比鲜明。 视觉效果具有创意且引人注目。 

他们的价值观以简洁而有影响力的方式提出。 你会忍不住画进去。他们所做的就是用简单的文字艺术地呈现出来。 “关于”页面的精美动画散发出用各种技术和工具吸引观众的不同方式的故事迹象。 “开始对话” CTA 按钮有效地放置在底部,敦促您采取行动。    

4. 末日树

末日树
DoomTree 采用创新设计。 

DoomTree 的关于页面 是一种别致和创新的方式来告知观众他们是谁。 以全体工作人员的出色照片为特色,它告诉您这些朋友不是作为一个乐队而是作为一个团体聚集在一起为这个唱片公司创作音乐的。 每个船员的照片都经过艺术突出和信息丰富。 

CTA 位于正确的位置,配色方案描绘了对业务的专业旋转。 DoomTree 的 About 页面巧妙地使用了音频和视觉效果,敦促您进一步探索。  

5. Moz

moz
Moz 通过高度可视化的时间轴吸引用户。

Moz 决定设计他们的 关于页面,以充满活力的时间机器为主题。 Moz 通过时间轴展示其丰富的历史,通过简单的几何放置片段展示。 里程碑整齐地分开,由清晰的标题、简短的解释和简单的图形分隔开来,这些图形很容易让人眼前一亮。

他们谦虚地将成功归功于资金这一事实证明 Moz与大多数人产生共鸣的谦逊和诚实。 流程以他们将来打算去的地方结束; 这是无缝的,这使得消费变得容易消化。 

6.大卡特尔

大卡特尔
大卡特尔在他们坦诚的员工照片中展示了不同的个性。

大卡特尔的关于页面 足以概括这家公司是为了帮助你 线上销售. Big Cartel 提供了一个在线平台来构建和管理您的在线商店。 “对于艺术家来说,艺术家之作是一个朗朗上口的标语。 您立即知道 Big Cartel 就是关于您和您的产品的。 

包含视频有助于更好地解释。 我特别喜欢向下滚动时显示的坦率员工照片,这为“关于”页面提供了一种令人耳目一新的不同方式; 它们不是上演的 ID 徽章类型,而是独特且个性化的,从而增加了参与度。 

7. 安东和艾琳

安东和艾琳
Anton & Irene 将视差滚动效果提升到了一个新的水平。

或许,目前我看到的最有特色的就是这个 Anton & Irene 关于页面. Hover将鼠标悬停在两个人身上会产生令人愉悦的不同姿势。 作为一家设计机构,他们使用巧妙而独特的动画,虽然简单,但功能强大。 当您向下滚动时,您会看到人类分开并显示相关信息; 这包括他们已经完成的项目。 

最后,您会看到他们在白雪皑皑的背景下击剑的图像。 这并不意味着安东和艾琳在彼此的脖子上,而是更像是在挑战彼此更高的高度。 大胆的色彩与古怪的视觉效果形成鲜明对比,Anton & Irene 提高了标准。 

8.新颖性

当下
NOWNESS 采用更横向的方法设计。

新颖性 关于页面设计选择了黑白的方法,描绘了一种相当沉闷和专业的基调。 由于它们都是关于全球艺术和文化的,因此该页面以一段视频作为核心。 它们不是让您向下滚动,而是提供了一种更水平的方法,您可以在其中通过选项卡来操纵相关信息,这令人耳目一新。 

NOWNESS 为他们的奖项设立了一个标签,证明了其强大的市场地位。 简单而全面,足以通过以视频为中心的美学展示他们的策展专业知识,“关于”页面设计精良,带有可见的“成为会员”CTA 按钮。 

9. 古米西格

口香糖
Gummisig 明显展示了对设计的承诺和热情。 

我发现 Gummisig 的关于页面 同类中的一种。 带有分隔部分以突出显示点的大文本很有影响力。 他以第三人称讲话开始了他的投资组合。 然后他改变并谈论他的背景,原则和价值观。 当他自信地提到他的客户时,他以一种不自吹自擂的方式这样做,这是值得称赞的。 

他通过油画背景使用自然色彩,以描绘宁静的灰色调色板,这是一种非常巧妙的色彩搭配。 “关于”页面显示了他对设计的热情、自由奔放的举止、深入的承诺,以及他平易近人。 

10. 库罗阿祖尔

库罗阿祖尔
Couro Azul 提供时尚的设计和迷人的视觉享受。

导航时 Couro Azul 的关于页面,你不禁敬畏。 第一眼就足以吸引你,渴望更多。 “关于”页面开头的简单动画给您一种非常豪华和优雅的感觉,并告诉您这家家族企业的历史可以追溯到几年前。

当您向下滚动时,您开始了解它们的作用。 起源、历史、价值观和承诺都清晰地展示出来,我觉得整个体验很迷人。 生态卓越证书证明了他们对业务的认真,并充分说明了他们的价值观。 总体而言,引人入胜的设计确实带来了视觉上的愉悦。 

11. Wix

Wix
Wix 在其专业设计的关于页面中以时尚的方式展示自己。

Wix的关于页面 在空白使用方面令人钦佩。 内容居中放置,用大量空白区域突出显示文本。 虽然这很好地平衡了视觉和上下文,但它也创造了专业的外观和感觉。 Wix的时间轴显示在水平线上,便于阅读和使用。 

“关于”页面设计时尚,视觉效果简洁明快,排版流畅,反映了 Wix 作为首选的网站构建工具。 

12. EB 珍珠

eb珍珠
EB Pearls 优雅地管理着一个全面的关于页面。

EB Pearls 关于页面 是一个全面而精心设计的关于页面的榜样。 虽然整体设计并不少见,但他们使用简洁的字体与干净柔和的调色板的方式值得注意。 EB Pearls 通过一个可见的 CTA 按钮简单明了地介绍自己。

向下滚动时,您将了解他们的客户和成就。 然后,他们会带您去了解他们并分享他们的信仰和原则。 白色空间和浅色视觉效果的使用营造出优雅和舒缓的效果。 做得太好了。

13.魔术勺

魔术勺
Magic Spoon 在直观易懂的比较图表中表现出色。

乍一看, Magic Spoon 的关于页面 赢得了我的笑容。 我特别喜欢他们以一个相关的问题开始他们的“关于”页面 - “还记得童年无忧无虑的日子,当你对吃大量营养不良的谷物感到内疚时?” 任何人都会知道 Magic Spoon 是关于健康谷物的。 

Magic Spoon 触动了许多人的心弦,巧妙地附上了与知名品牌的对比图; 这张图表清晰易读,不会破坏大脑。 此外,有趣和明亮的色彩为观众创造了更难忘的体验。 向他们致敬! 

14.玛丽·弗雷奥

玛丽·福莱奥
Marie Forleo 在她的“关于”页面上使用了一个长格式的字母。 

最让我印象深刻的是 玛丽·弗里欧 在给观众的一封信中开始她的“关于”页面。 她介绍了自己并有趣地讲述了她的故事。 有足够的空白让眼睛看起来很舒服,她用图像分解了文字。 

然后,她使用相关图像作为她的社交证明。 当你向下滚动阅读她的自传时,你会很高兴阅读“这将我带到你身边”; 这是将焦点带回读者的恰当方式。 毕竟,一切都是为了观众,不是吗?

15。 Giphy

giphy
Giphy 在其关于页面上将动画提升到了一个新的水平。

Giphy的关于页面 都是关于动画的。 毕竟,动画就是他们所做的。 在“关于”页面的开头,你会看到一个关于 Gilphy 的简短介绍,然后是一个超级可爱但功能强大的类似增强现实的 GIF,它似乎带你踏上页面之旅,设计非常巧妙。

向下滚动时,您会看到各种动画 插图 充满活力和创造力; 这展示了他们的专业知识。 Giphy 通过这些不同的动画效果巧妙地讲述了他们的故事。

16。 500px

500px
500px 采用不同寻常的方法,但仍保持专业性。 

500px 是给摄影师的。 因此,“关于”页面有许多令人惊叹的图像也就不足为奇了。 当您登陆“关于”页面时,一张高质量的图片会显示一条狗正在质疑地看着您。 就好像狗在问它如何能帮助你(我脸上带着微笑)。 幽默和古怪将总结页面。 

文本保持在最低限度,但充分传达了要点。 您会注意到破碎的文本便于阅读。 强调让他们与众不同的是 crucial 将观众的注意力吸引到他们的胜利点上,这是一个聪明的举动。

17. Lovebug 益生菌

爱虫益生菌
LoveBug Probiotics 使用强大的标语来增加参与度。 

标语“全家益生菌”概括了一切 关于 LoveBug 益生菌. 看到不同年龄段的孩子和可爱的婴儿回首的可爱形象,足以拉动您的心弦,进一步探索这家公司。 你建立了良好的第一印象,尤其是当你读到妈妈开始创业时(妈妈总是把孩子的最大利益放在心上)。 

蓝色和白色调色板散发出更健康的外观。 页面上的每个元素都有一个很好的理由。 在底部,当您有挥之不去的问题时,详细的常见问题解答会有所帮助。 相关的 CTA 敦促您探索他们的产品。

18. 查塔努加复兴基金

查塔努加文艺复兴
查塔努加文艺复兴运动采用更传统但更有影响力的设计。 

查塔努加文艺复兴 在其“关于我们”页面上采用更传统的方法。 在介绍了自己之后,他们通过解释他们的目的和提及已经在船上的家喻户晓的品牌来吸引观众的注意力; 这会自动鼓励读者找出促使这些大牌注册的原因。

查塔努加地区的精美照片旨在吸引读者的注意力。 有一个设计巧妙的团队作品集,您可以在其中单击缩略图来阅读它们中的每一个。 最后但并非最不重要的一点是,它们以如何帮助您结束,这很聪明。 重新关注观众是保持读者注意力停留和进一步探索的最佳方式。 

19.铅G2

铅G2
LeadG2 在正确的地方有效地使用 CTA。

LeadG2 的关于页面 简单而直接的目标。 他们从简短的介绍开始,然后深入探讨使他们在竞争中脱颖而出的原因。 两个 CTA 按钮都是可见的,并位于中心以加强强调。 向下滚动将带您踏上了解他们团队的旅程。 虽然有些人可能会发现低质量的紫色背景,但这都是相对的。

分享他们的文化和认证是与观众更好地联系的明智之举。 有足够的空白,均衡的颜色创造了突出关键点所需的平衡。 Hover将鼠标悬停在 CTA 上会产生“移出”效果,促使您点击它们。

20.马里昂

马里昂
Marion 完美平衡了所有必需品。

Marion 的“关于”页面 聪明地玩颜色,produci产生有影响力但又容易上眼的效果。 在高质量的背景图像上使用文本是开始介绍的完美选择。 然后他们过渡到白色背景以获得更有力但令人愉悦的对比。

Marion 决定首先关注他们的奖项,以帮助您更长时间地保持注意力。 然后,他们展示他们的专业知识和独特的卖点,以保持您的兴趣。 在底部,他们包含了一个联系表格,以敦促您采取下一个所需的步骤。 

建立您的创意关于页面

请记住,您的“关于”页面建立了您与潜在客户的第一次亲密联系。 因此,请查看以上 20 个关于页面设计的创意网站,以帮助您在设计页面时展现您的创意和艺术天性。 

了解更多

作者照片

文章 Pui Mun 良好

继续阅读