你完美的网站是什么样的?

如果你刚刚开始建立你的在线业务,这是一个很难回答的问题。你可能会草草记下一些想法,甚至可能会有一些粗略的模型或模型线框图起草。或者,你可能完全不知道。

无论您在此过程中,您肯定不是第一个。有这么多网站已经(超过15亿(更准确地说,是“,”),有许多地方可以汲取灵感。尽管如此,找到你想要的确切设计可能会让你感到难以承受。

这就是为什么它有助于专注于什么类型你想做的网站。不同类型的网站根据访问者的期望遵循不同的设计实践。一旦你知道你想要创造什么,你可以寻找类似的例子来帮助你解决“如何”创造它。

你可能看过很多类型的网站。所以,为了简化一些东西,让我们回顾一下我们每天看到的一般类型的网站。我们还将审查每种类型的一些示例,这样您就可以看到它们的不同方式网站设计和执行。

免费下载:77辉煌的网页设计示例 

1.商业网站

商业网站是一个公司的数字形象——它为访问者呈现一raybet电子竞技项业务。虽然商业网站有许多大小和形状,但它们都旨在向访问者展示企业的产品和服务,以获得新客户、客户和/或合作伙伴。raybet平台

通常,业务网站包括其产品的描述,以及通过网站购买的方式或联系团队启动销售或伙伴关系。raybet平台从那里来看,这一切都可以决定在其网站上包含什么 - 某些网站是密集的,而其他网站则只有一个或几页剥离。这完全是关于与您的品牌最佳状态以及您的目标市场想要了解的内容。

让我们看看两个展示这种对比的商业网站。现代健康是一种个性化的心理健康服务,其网站解释了应用程序的目的、价值、功能和雇主的计划选项。它通过混合拷贝、视频、感言、信息图和博客文章来实现这一点。

首页为现代健康,一个商业类型的网站

图像源码

与现代健康内容丰富的网站不同,该网站是剑桥低废物商店的网站Cleenland没有褶边。布局和设计选择很易于给出潜在客户在计划访问时所需的所有信息。

Cleeland的主页,一个商业类型的网站

图像源码

无论您想要建造的任何商业网站,最重要的是你有一个。当有人了解您的业务并希望了解更多时,他们可能会在网上搜索您的名字。当这个情况发生时,您将希望您的网站显示在搜索引擎结果中,因为这几天有一个网站,这几乎假设了任何合法的业务。如果他们找不到你的,他们可能会失去兴趣。

建立商业网站(和一般的网站)有数百种解决方案,从更复杂的和可定制的内容管理系统喜欢WordPressCMS枢纽对低接触网站建设者喜欢Squarespace巫师.商业网站也可能包括电子商务、博客、社区和知识库组件,所有这些都是为了吸引和转换访问者。

2.电子商务网站

电子商务网站销售产品,无论是实物商品还是数字内容。访问者可以浏览网站列表,阅读产品详细信息,并直接从网站购买。电子商务网站完全专注于零售,但商业网站、博客和其他类型的网站也可能开设在线商店销售产品或商品。

电子商务网站销售各种各样的东西,但大多数都坚持熟悉的模型 - 产品分类并以列表格式分类和呈现,并单击项目将用户带入专用产品页面。访客通常可以通过搜索栏搜索产品。在每个产品页面上,访问者可以将物品添加到虚拟“购物车”或“购物袋”。在任何时候,用户都可以进入结账过程,其中他们输入运输和支付信息以完成购买。

有关一个视觉上引人入胜、信息丰富的电子商务网站的示例,请查看Briogeo护发产品. 它的页面以丰富的粉彩吸引了人们的注意调色板突出其不同的产品。导航菜单包括产品缩略图,以减少阅读量,并在店铺旁边显著显示其任务、结果和博客部分。

Broiogeo的主页,网站的电子商务类型

图像源码

由于电子商务网站通常很大,复杂,并且需要基础设施来安全地处理支付和运输,因此电子商务平台是推出在线商店的新企业非常受欢迎的新业务。购物是领先的选择-每月收费,它处理一切从网站设计到托管到付款处理。Shopify还与Hubspot融合提升您的在线营销、销售、客户服务和分析能力。

3.博客

博客网站很难定义,因为它们的使用随着时间的推移已经发生了很大的变化。博客(简称“weblog”)格式最初是任何人发布有关其兴趣的随意、长格式书面内容的一种方式。从那时起,博客已经被企业家和企业所采用,以标志他们在网上的存在。今天,我们可以把博客看作是以主题为基础的文章(或博客“帖子”)的形式发布书面内容的网站。

如果你是一家网上公司,一个写得好的、信息丰富的博客可以成为你营销策略的重要资产.它为您的网站带来流量,在搜索引擎上建立权威,将访客转换为领导,并最终劝告这些导致利用下一步成为客户。与您的企业利基相关的博客证明您是知识渊博并致力于您的行业中最好的。

如果您需要一个在行动中博客的一个例子,您就会看一下!Hubspot写了四个流行的教育博客 -rayapp0 销售量newbee赞助雷竞技 ,及dota2雷竞技 -每篇文章都帮助企业更好地发展。

HUBSPOT博客的主页

许多个人博客也取得了成功,包括蒂姆·厄本(Tim Urban)。他的博客,等等但为什么,探索科学、技术、哲学和数学方面的主题。每篇文章都非常深入,以至于你会忘记它的设计是相当标准的WordPress。不过,这也表明,高质量的内容是王道。我建议从这个开始关于AI革命的令人兴奋的帖子

首页等待但为什么,一个博客类型的网站

图像源码

作为最终的说明,博客不需要成为更大的货币化推动的一部分 - 它们可以是分享激情的简单方法。最受欢迎的博主以这种方式开始。所以,如果你只想推出一个博客来与朋友和家人一起分享你最喜欢的意大利面食谱。

4.娱乐网站

娱乐网站的目标是娱乐。与博客一样,这些网站上的内容也是以文章的形式出现的。然而,这些网站背后通常有一个更大的团队来制作更大数量的内容。

以讽刺新闻网站reducress为例,该网站嘲笑针对女性的raybetapp杂志和媒体。该网站的设计本身就是模仿了它模仿的新闻媒体,甚至按照主题对帖子进行分类,并将搞笑的标题和副标raybetapp题与缩略图配对,以鼓励点击

Reductress,网站娱乐类型的主页

图像源码

你可能还听说过,音乐评论站点,具有凝聚力,优雅的前部设计,整个尖锐的配色方案,以及出版优惠的一切明确导航,包括评论,新闻及其音乐节。raybetapp

Pitchfork的主页,网站娱乐类型

图像源码

娱乐网站主要通过显示广告,赞助的内容和联盟链接货币化,尽管他们也可以通过在线商店销售商品来补充这些收入形式。

5.新raybetapp闻网站

raybetapp新闻网站和娱乐网站一样,但大多是新闻报道。因此,这些网站的目的是提供信息而不是娱乐。raybetapp新闻网站的审美观也往往与娱乐网站明显不同,通常布局和审美观更整洁。取纽约时报- 它大量使用网格布局以呈现最新的故事和排版模仿它的印刷版本。

《纽约时报》的主页,一个新闻类型的网站raybetapp

图像源码

代替页面广告,许多新闻网站为其内容提供了订阅。raybetapp纽约时报限制了用户可以在必须在购买订阅之前查看的免费文章数量。其他在线新闻出版物将部分其raybetapp文章放在工资空地后面,或限制每日免费的数量。

6.非营利/组织网站

网站是为企业建立合法性的最佳方法之一,也可以说是对非营利组织和非公司实体的最佳方式。这些类型的网站有助于促进组织,传达本组织的目的,并经常要求和现场捐赠。

仅仅因为您的网站没有销售产品服务,那不仅仅是伪劣设计。为了有效,非营利组织的网站必须明确将其具有情感重量的主页传达的使命和目标,额外的页面对个别项目和举措更深入。您的网站还可以列出从您所服务的人,未来事件日历以及捐赠CTA的组织,以及在他们订婚时捕获新贡献者的捐赠CTA。

非营利组织也可以采用不同的设计方法。变色在第一页加载时,您将看到全屏背景图像和清晰的CTA。访客可以滚动了解更多信息,但这种设计选择给新访客和潜在捐赠者留下了强烈的第一印象。

改变颜色的主页,一个非营利性类型的网站

图像源码

另一个美国非营利组织南方贫困法律中心它的主页设计就像新闻出版物一样,用与故事和更新相对应的图像块。raybetapp它还优先考虑CTA,鼓励游客订阅它的通讯。raybetapp

南部波弗利法律中心的主页,一个非营利网站

图像源码

7.会员网站

会员制网站要求访问者注册一个账户,以充分利用网站提供的服务。这些网站包括教育资源、网络应用、新闻和娱乐出版物。reybet雷竞技下载raybetapp在所有这些措施中,部分或全部有价值的内容都受到保护,只对网站的“成员”开放,而且在许多情况下,访问这些内容需要付费。

会员制网站的内容和服务的门槛各不相同——有些网站为会员保留所有内容,有些则免费,有些则独家。会员网站可以接受一次性付费,也可以是基于订阅的,或者不需要付费,只需要注册即可。博客、娱乐网站和新闻网站已经转向这种盈利模式。raybetapp

斯科特的廉价航班是有效的会员站点的一个例子 - 该服务发现从美国的廉价往返航班,以热门的旅行目的地,并在为您找到交易时发送电子邮件警报。用户必须创建一个帐户以使用服务。然后,他们可以享受免费产品或升级到高级会员资格以获得更多优惠。

斯科特廉价航班的主页,网站会员类型

图像源码

8.投资组合

在线公文包是创造性自由职业者和机构展示其作品的绝佳方式。无论你是专攻绘画、插图、电影、摄影、平面设计、雕塑、散文还是诗歌,你都可以打造一个展示你最佳创意的投资组合网站。

公文包也是艺术以外的专业人士的一种选择——例如,程序员可以为他们的编码项目建立公文包,营销人员可以使用公文包来讲述他们最有效的活动。

那里有成千上万的投资组合网站激励你的。法国自由设计师朱莉·古扎尔的只是一个例子。简约,断格布局places将重点放在她的作品身上,并通过一些小的设计怪癖使其令人难忘。底部附近还有一个突出的(但不会分散注意力的)联系按钮,用于联系。

主页为一个组合类型的网站

图像源码

音乐家网站是创新设计的另一个重要参考。乐队日本早餐更新了其网站的视觉效果,以伴随即将发布的相册发布。raybet电子竞技再次,我们在主页上看到一个突出的CTA,具有微妙的链接来查看他们的音乐,旅游日期等等。

主页为一个组合类型的网站

图像源码

由于有创意的专业人士和代理机构利用投资组合与客户合作,这些网站在他们的演示中更加正式。如果是更随意的方式,你可以考虑建立个人网站,我们接下来会讲到。

9.个人网站

正如您可能猜到的那样,个人网站是关于您的。只要它反映您的独特视角,它将其作为表达自己和思想的媒介。

你的个人网站的目标也取决于你——如果你想使用个人网站来推进你的职业生涯,你可以发布你的简历详细介绍你的工作经验,并考虑添加一个比普通PDF文件更多的视觉天赋。如果你是一个企业家,一个个人网站可以建立你的个人品牌。或者,你可能只需要一个在线空间来发泄你的想法——这样做从来都不容易。

例如,的个人网站前端开发者和设计师法蒂玛伯克举例说明了更专业的个人网站,上市技能,客户,项目和产品。

首页为个人类型的网站

图像源码

10.论坛

论坛是人们讨论对他们感兴趣的东西。它们包括不同主题和主持人的留言板,以确保事物保持民事。如果访问者想要参加您的论坛,他们将首先注册一个帐户 - 会员资格可能是免费的,或者您可以收取费用。

虽然论坛网站肯定存在于自己身上,但它们也是有价值的,作为现有网站的扩展。例如,教育网站可能包括一个论坛,学生可以聊聊课程并回答彼此的问题。语言学习应用程序Duolingo每一种语言都有一个章节,以及其他主题,如教育者、故障排除和一般性讨论。

Duolingo论坛的主页

图像源码

SaaS公司还经常利用论坛作为支持资源。拥有强大开发者社区的产品在降低产品的学习曲线方面是无价的——知识库也是我们最终的网站类型。

11.知识库

如果您经营业务,您可以打赌您的客户会有疑问。要取消前进,您可以创建一个知识库,一个网站包含文档和对您的产品或服务的常见问题的答案。

知识库基础将其支持资源分类为层次结构,使其更容易导航并找到用户需要的内reybet雷竞技下载容。知识库通常也是可搜索的 - 您和您所需资源之间的障碍越大,越好。此外,您可以分析访问者的搜索查询并将产品重塑以更好地满意。这一切都可以减少支持请求的数量,并制作无摩擦的经验。

再次,我们可以向Hubspot查找知识库可以的模型。HUBSPOT知识库为每个功能提供与产品相关问题和指南的答案。易于搜索,我们的知识库允许您通过资源过滤查询,并在网站上查看您的位置面包屑

humbspot知识库主页

你的网站是什么?

现在我们已经审查了那里的各种网站,你希望更好地了解你未来的网站落下的位置以及你可以采用的约定。缩小一些东西并找到您的利基缩小您的选择,帮助使设计过程更少令人恐慌和耗时。

知道您的设计不必重新设计滚轮来产生影响也是一件好事——请参考上述示例作为起点,并查看我们的网站灵感观察簿对于更多的Web设计案例研究。

辉煌主页,博客和着陆页面设计的例子

新的行动呼吁

最初发布于5月27日,2021年7:00:00,Updated 5月27日2021年

话题:

网站设计