18868949445

阳江做网站:科技产品网站的趋势与想法从初创公司到SaaS页面

日期:2020-04-18 阅读:181   作者:阳江网站设计开发公司

科技网站对他们有一定的天赋。在软件公司、SaaS产品和较新的初创企业中,您将最经常地看到这一点。

但是从零开始设计自己的技术创业页面可能会很困难。它需要一只敏锐的眼睛,准确地知道你需要什么,你的游客将寻找什么,以及如何设计围绕这一点。做起来不容易。

谢天谢地,通过设计页面,您可以从他人的经验教训中吸取教训。其他趋势.

阳江做网站在这篇文章中,我将分享一些与所有科技网站推广某种类型的软件或网络应用。有许多不同的方向,你可以采取,但你越多的研究网页设计在这个空间,你将更多地认识到类似的技术。

 

因此,无论你是在创建一个新的创业公司,推出一个致命的网络软件,甚至创建一个社区会员网站,所有这些趋势都可以适用于你的主页和主要登陆页面。

总是添加一个清晰的CTA

无论如何,这种趋势应该是#1点。但是“清除”的定义并不总是…安全。

当你加入A CTA在你的页面中,你想鼓励人们做一些事情。这意味着您的cta应该放在一个可以鼓励该操作的位置,并且按钮文本应该清楚地描述那个动作。

这里的区别在很大程度上取决于你所建立的公司类型。这是一个用于热图跟踪的自定义SaaS应用程序吗?或者是客户管理平台?

 

想想你想让用户做什么,然后围绕着它设计一个清晰的CTA。

的主页上停战你很快就会注意到一个绿色按钮,在其他按钮中脱颖而出。

这是一个好的反恐局应该做的。它吸引了人们的注意力,不是盲目的,而是足够说“嘿,看看我!”

 

从这里开始,你作为设计师的工作就是制作一个足够大的按钮,以鼓励点击,设计得足够好,可以融入到布局中,并有明确定义动作的文字。

这些按钮大多只是注册按钮,目的是让更多的人使用服务。然而,你并不总是需要文本“注册”。试试变体。看看这页的感觉如何。


我一直喜欢Laracast网站他们为科技利基网站提供了很多伟大的设计趋势。

 

他们的CTA实际上有两个选项:“开始”,这基本上是一个注册页面,或者是另一个按钮,它会稍微淡入背景。这更像是一个次要的CTA,另一个行动,以保持人们在网站上的参与。

所有的一切都是为了让新的线索进入网站,但你可以尝试用不同的角度和不同的CTA按钮。

旁注:我也是Laracast标题的忠实粉丝。想一想“金达就像Netflix一样是你的职业生涯”这句口号肯定需要一个聪明的创意!


 

这个润云主页使用一些明亮的文字和一个色彩鲜艳的按钮来快速吸引注意力。这跳出较暗的页面背景,因此它立即可见。

这个设计有一些我喜欢的地方。首先,这个按钮并不太突出,因为它与页面上的其他黄色元素混合在一起。

第二,这个CTA的文本令人难以置信地描述。这通常是我在一个好的科技网站设计中寻找的:扎实的文案,鼓励行动。

浏览网页的人甚至可能不知道有5天的免费试用。那么他们从哪里得知的呢?

 

在你想让他们点击的按钮上。天才。

用截图演示技术

无论您是在销售桌面软件、SaaS产品或移动应用程序,还是其他类似的产品,您都可以通过某种方式演示它。

现在我.不说每个技术站点都需要包括演示屏幕截图。有时候,这并不是你想要的设计风格。

但如果你能的话,我强烈推荐。这些截图让参观者在窗帘后面看一眼,看看你的产品是什么样子的,做什么的,甚至在注册之前。

 

我们来看看追踪软件宾姆举个例子。


再次,您将看到一个伟大的CTA设计,有两个明确的选项:主选项(注册)和备用的一个,以保持人们更多的参与(查看一个演示)。

很少有产品能让你在没有账户的情况下演示他们的产品。但在我看来,这是您能做的最好的事情之一,特别是如果SaaS产品非常复杂,并且可能需要一些时间来练习UI。

 

尽管没有点击任何按钮,您仍然可以查看页面较低的Binom的实时屏幕截图。

这让你对跟踪器的外观和屏幕上的组织方式有一个简单的了解。因此,在市场上寻找追踪器的人可以快速浏览这个主页,看看Binom是什么感觉。

另一个很好的例子是盆景主页。

 

这是一个产品套件,为自由职业者管理项目,合同,客户发票,所有的爵士乐。

这里有几个操作调用,一个是导航栏中的注册按钮,另一个是单个表单注册字段。当你只要求一个电子邮件地址的时候,你会看到一个更高的介绍率,但这也可以发送好奇的人谁注册,永远不去任何地方。

我想这里更有趣的特性是实际的拆分头布局。在一边,你有这个电子邮件形式注册,而在另一边,你有一个截图的盆景。

当你向下滚动,没有其他的截图,让游客想要更多。

 

“产品”菜单下有其他网页用类似的截图。因此,在注册之前,这里确实有很多需要深入研究和预览的地方。

使用品牌客户标识

在过去的几年里,你可能已经看到数以百计的大型网站使用了这种效果。它正迅速成长为一种值得信赖的技术网站设计风格。

所提到的标识的全部思想是建立信任和信誉用你的产品。

如果人们访问你的主页,看到你的产品被其他大公司使用,那就立即成为权威的信号。这里的关键是不要以任何方式夸大:只使用那些是真正相关的你的产品。

 


如果你看看莫奎斯你可以在首页找到一个小部分,列出使用他们产品的公司。

徽标包括英特尔、微软、索尼等许多大公司。这些品牌足够大,每个人都会认出它们。尤其是在科技领域。

值得注意的是,这些标志很好地融入了标题本身。他们不感到不愉快或不合适,他们只是很微妙,你甚至可能会想念他们。

我觉得这是使用品牌标识的最好方法。使他们引人注目,但不太明显。

现在德罗普做一些与品牌商标非常相似的事情,这些标识会消失在背景中。

 

我对这种风格的一个疑虑是缺乏对这些标识的描述。

为什么列在这里?代表什么?即使是像“客户”或“快乐客户”这样的小标题也能澄清这一点。

然而,即使没有那篇文章,我们仍然喜欢看到那些标识。因为他们是值得信赖的品牌。它立刻给Droplr带来了更多的可信度。

 

现在我觉得雷赫最好的方法是列出客户标识并解释它们是什么。

 

这种效果可以在许多样式中以多种方式使用。你甚至可以在各种杂志或报纸上使用品牌标识,这些杂志或报纸在媒体上提到了你的产品。

人们信任TechCrunch徽标,就像信任Microsoft徽标一样。因此,任何形式的可识别品牌,你可以推广,肯定会提高你的信任因素。

主页注册表格

在这篇文章的前面,我提到了CTA按钮和一些趋势。这一点我仍然袖手旁观:对于科技产品网站来说,这是一个强大的工具。

但是还有一种方法你可以尝试,那就是单独注册表格就在主页上。

 

无论如何,大多数CTA只是将用户带到注册页面上。那么,为什么不跳过最初的点击,试着劝说人们注册呢?

如果你做的对,这将看起来非常自然,甚至可能增加转换。

 

在线发薪软件古斯托有一些非常酷的技术工资和人力资源工具。他们也有一个很棒的网站来证明这一点。

 

在折叠的上方,你会找到一个只有3个字段的表单:姓名、电子邮件和公司。

只要有这3条信息,你就可以创建一个Gusto账户,并将你的名字输入到他们的电子邮件列表中。因此,即使你注册,去任何地方,古斯托可以跟踪你的帐户连接,并试图鼓励你完成注册。

在上面的示例中,您会注意到表单是小的和天然到那页上。这就是你应该追求的设计美学类型。

 

 

另一个很好的例子是云书有一个简单的两个字段注册:姓名和电子邮件。

再简单不过了。更不用说他们的设计是相当基础的,所以在他们的主页上没有其他的事情可做。

在注册表单的正下方,他们有一个小旋转木马你可以很容易地复制。尽管就我个人而言,我觉得这比鼓励更让人分心。

然而,这只是您可以尝试拆分测试的另一个元素,看看它是否有助于或阻碍转换。

 

这些主页注册表格在科技网站上并不常见,但我经常看到它们。即使是在大型网站上,比如数字海洋.

 

超级干净的帐户创建形式放置在上面的折叠。易于使用,您只输入两件事:电子邮件和密码。

如果你尝试这种设计风格,一定要保持简单。限制2-3字段最大,真正设计的形式,所以它不太令人讨厌。

为品牌添加插图

 

我相信你已经看到了很多科技初创企业的定制插图。

它们之所以受欢迎,是因为它们更容易品牌,识别速度快,与科技标志融合也很有趣。例如,当我想到码头工人我想到他们的鲸鱼图片。

然而,即使在他们的主页上,他们也有一个稍微不同的动画插图:

 

如果你有一个有意义的插图,你可以在自己的技术主页上遵循类似的风格。

这就是为什么插图不需要被打上烙印。如果您设计了一个演示产品的插图,或者帮助展示了相关的东西,或者仅仅描述了您的技术…。这些都是图解元素的有效使用。

或者,您可以使用插图作为背景片段,以增强页面。红莓就在他们的主页上。

 

明亮多彩的背景和美丽的城市场景。它让访问者知道这个页面都是关于房地产和物业管理的。

更不用说配色方案与他们的品牌很好,这是一个好处。

或者,您可以选择字符插图路线,如坎蒂将人物或场景包括在行动中。

 

我真的很喜欢他们的风格,因为插图感觉页面的自然部分。没有什么感觉是强迫的或阻碍的:这正是你在设计中想要的。

如果你使用一些自定义的有插图的向量,你也可以加入一些动画吸引注意力。这里没有错误的答案。

只需寻找能够与品牌很好地融合的设计资产,这样你就不会强迫那些与你的技术不太相符的想法了。