设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 网页设计 > 2018年,成功的创业公司网站是怎么设计的?

2018年,成功的创业公司网站是怎么设计的?

创业公司往往意味着活力、惊喜,其别开生面的商业运营模式和独具风格的产品服务,都是其在市场中立足的根本。而创业公司的网站,则是凝聚公司产品、形象、企业文化和核心价值的橱窗,也是承载公司业务和运营的基础平台。对于初创公司来说,往往只有一次给用户留下印象的机会,网站作为公司的窗口,需要尽全力把握每次机会。

优秀的创业公司会在设计上保持极高的重视,呈现出高度个性化,每个元素都一丝不苟。这里我们来盘点2018年最令人瞩目的创业公司的网站,看看他们是如果抓住你的注意力的。

1、Hotel Tonight


Hotel Tonight 是一个预订当天酒店房间的工具。着陆页的独有设计,使得网页有种独立的网页开发者们的作品风。这些图片的排版和处理有着极为清晰的处理思路,搭配好了会让你有一种探索感。并且页面运用了全局的视差滚动,呈现出颇有特色的布局。

2、Cruise


Cruise构建了属于他们自己的高速公路自动驾驶系统,帮助用户驾驶汽车。这套系统包含了一组传感器和先进的机器视觉技术,让用户的车辆在行驶过程中可以和其他车辆保持安全距离,目前仅仅可以在美国加州使用。网站采用了时下热门的全屏视频,迎合了设计的大趋势,让用户第一眼就能直观感受到产品的特色。

3、Blockscore



BlockScore是一个身份验证服务网站,用于解决身份盗窃的问题。网站设计同样使用了城市的俯瞰图,配合白色的文字和图标,充满了质感。

4、Exposure



如果你喜欢用影像来讲述故事,那么你不能错过Exposure。不同于传统的图片托管和展示平台,Exposure 的优势在于用图片呈现故事的完整功能,以及最终的优质阅读体验。页面简介清爽,带有强烈的呼吸感,中间的CTA按钮明确地在召唤用户:快开始记录你的美妙旅程吧。

5、Flowmail


Flowmail 是一个为邮件新闻组而生的网站,拥有着极为漂亮的着陆页。右侧用一则小小的动画清楚地展示了这款工具如何简约、美观、快速地设计自己的订阅邮件。动画里的内容又呼应了产品的介绍,最后自然而然地出现CTA,设计非常精心和巧妙。

6.Virb



Virb 是一个创意平台,网站拥有典雅时尚的设计,同时也让用户在注册获取服务的时候充满了内在的驱动力。如果你想知道如何在网站上充分运用图片和摄影,那么这个网站可以让你看到曙光。

7、Fan tv


Fan TV是一款将实时电视,视频点播和流媒体服务结合在一体的播放设备。 目前已经转型为类似Netfilx的在线视频网站,高亮搜索框配合灰度的电影海报背景,提供了沉浸式的视觉体验。

8、Nobly



Nobly是一款社交APP,在这里可以联系每一个想要为这个世界做点好事的人。打开网站之后,你会看到抓人眼球的首页大图,大胆的配色,以及富有寓意的点缀。网站采用了时下流行的简约的布局和单页滚动式的设计。

9、Wake.io


Wake是极简设计网站中的典例。 此页面上的所有信息都很是有用的,没有多余。 它的导航很简单,有一个清晰的CTA,让用户可以快速抓住重点。

10、Dropmark



Dropmark是一款链接、文档和笔记一站式管理的工具,实现了在线协同展示、协同编辑和标注的公共,视觉上简练,信息传达准确。

每一种产品和服务都有自己在网页上独特的展示形式,但是我们还是可以归纳一些这些优秀网页设计的共性,看看自己的创业公司网站如何能够打造得更好。

1、保证信息突出


精炼、明确的信息对于创业公司的网页非常重要。因此在设计上,一切要围绕信息下功夫。

(1) 宁可简单,不要复杂。对于初创公司而言,如果在设计上没有足够的预算,设计上宁可简单一些,不可过于复杂。在白色背景上配大字号的标题永远是最保险的方式。

(2) 导航清晰,指向明确。无论是固定在页面顶部还是滚动弹出,用户需要的时候,导航都需要位置明显、便于使用并且分类清晰。

Mockplus项目例子:The Value Engineers

(3) 对比鲜明,突出CTA。CTA(用户行为召唤)有助于引导用户深入产品,从而实现转化。CTA的设计需要符合网站的整体色系搭配,并且跟网站背景颜色形成鲜明对比,从而提供给用户清晰的行为指向。

Mockplus项目例子:So Stereo


2、准备自适应内容


随着移动互联网的盛行,解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,自适应布局重要性不用赘述。特别是科技领域的创业公司,更需要保证自己的网页在每台设备上都有杰出的表现。此外,在小屏幕上你也可以隐藏一些具体的内容,使用户的注意力聚焦到CTA从而提高转化。

3、提前做原型设计


创业公司往往都面临着资金短缺、人手不足和时间紧张等情况,网站的开发如果没有做好提前的功能规划和可用性测试,那带来的结果将是灾难性的。准备在网站原型上投入后,选择一款高效实用并且经济实惠的原型工具是最佳选择。目前市面上横向对比,最适合创业公司的莫过于Mockplus了,主要有以下几点优势:

(1) 支持协作设计、在线实时审阅及页面分工编辑,高效率进行团队沟通;

(2) 格子、数据自动填充等功能,大大节省创建重复元素的时间,充分提高设计效率。

(3)官网提供了丰富的网站原型模板,构架起步零负担。

(4) 价格对于初创公司来说非常友好,包年199元、终身版699元就能搞定。


小结


运营一家创业公司并不容易,网站只是公司成长的一部分。他们要面对消费者和投资人,展现最独特的产品和服务,获取投资,并锐意进取。在激烈的竞争中,用心打磨的产品和服务才能顺利着陆,脱颖而出,收获市场的青睐。


扫描二维码,关注 “摹客” 微信公众号。

上一篇
用户体验之网站导航设计师指南

Cherry   01/24

案例研究:手机APP的UI设计流程

Linda   01/22

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com