1. 程式人生 > >2018年,成功的創業公司網站是怎麽設計的?

2018年,成功的創業公司網站是怎麽設計的?

用戶體驗 原型設計 交互設計 產品經理

創業公司往往意味著活力、驚喜,其別開生面的商業運營模式和獨具風格的產品服務,都是其在市場中立足的根本。而創業公司的網站,則是凝聚公司產品、形象、企業文化和核心價值的櫥窗,也是承載公司業務和運營的基礎平臺。對於初創公司來說,往往只有一次給用戶留下印象的機會,網站作為公司的窗口,需要盡全力把握每次機會。

優秀的創業公司會在設計上保持極高的重視,呈現出高度個性化,每個元素都一絲不茍。這裏我們來盤點2018年最令人矚目的創業公司的網站,看看他們是如果抓住你的註意力的。

1、Hotel Tonight

1.Hotel_tonight.jpg

Hotel Tonight 是一個預訂當天酒店房間的工具。著陸頁的獨有設計,使得網頁有種獨立的網頁開發者們的作品風。這些圖片的排版和處理有著極為清晰的處理思路,搭配好了會讓你有一種探索感。並且頁面運用了全局的視差滾動,呈現出頗有特色的布局。

2、Cruise

2.crusie.gif

Cruise構建了屬於他們自己的高速公路自動駕駛系統,幫助用戶駕駛汽車。這套系統包含了一組傳感器和先進的機器視覺技術,讓用戶的車輛在行駛過程中可以和其他車輛保持安全距離,目前僅僅可以在美國加州使用。網站采用了時下熱門的全屏視頻,迎合了設計的大趨勢,讓用戶第一眼就能直觀感受到產品的特色。

3、Blockscore

3.blockscore.jpg

BlockScore是一個身份驗證服務網站,用於解決身份盜竊的問題。網站設計同樣使用了城市的俯瞰圖,配合白色的文字和圖標,充滿了質感。

4、Exposure

4.exposure.jpg

如果你喜歡用影像來講述故事,那麽你不能錯過Exposure。不同於傳統的圖片托管和展示平臺,Exposure 的優勢在於用圖片呈現故事的完整功能,以及最終的優質閱讀體驗。頁面簡介清爽,帶有強烈的呼吸感,中間的CTA按鈕明確地在召喚用戶:快開始記錄你的美妙旅程吧。

5、Flowmail

5.flowmail.gif

Flowmail 是一個為郵件新聞組而生的網站,擁有著極為漂亮的著陸頁。右側用一則小小的動畫清楚地展示了這款工具如何簡約、美觀、快速地設計自己的訂閱郵件。動畫裏的內容又呼應了產品的介紹,最後自然而然地出現CTA,設計非常精心和巧妙。

6.Virb

6.virb.jpg


Virb 是一個創意平臺,網站擁有典雅時尚的設計,同時也讓用戶在註冊獲取服務的時候充滿了內在的驅動力。如果你想知道如何在網站上充分運用圖片和攝影,那麽這個網站可以讓你看到曙光。

7、Fan tv

7.fan_tv.jpg

Fan TV是一款將實時電視,視頻點播和流媒體服務結合在一體的播放設備。 目前已經轉型為類似Netfilx的在線視頻網站,高亮搜索框配合灰度的電影海報背景,提供了沈浸式的視覺體驗。

8、Nobly

8.nobly.jpg

Nobly是一款社交APP,在這裏可以聯系每一個想要為這個世界做點好事的人。打開網站之後,你會看到抓人眼球的首頁大圖,大膽的配色,以及富有寓意的點綴。網站采用了時下流行的簡約的布局和單頁滾動式的設計。

9、Wake.io

9.wake.jpg

Wake是極簡設計網站中的典例。 此頁面上的所有信息都很是有用的,沒有多余。 它的導航很簡單,有一個清晰的CTA,讓用戶可以快速抓住重點。

10、Dropmark

10.dropmark.jpg

Dropmark是一款鏈接、文檔和筆記一站式管理的工具,實現了在線協同展示、協同編輯和標註的公共,視覺上簡練,信息傳達準確。

每一種產品和服務都有自己在網頁上獨特的展示形式,但是我們還是可以歸納一些這些優秀網頁設計的共性,看看自己的創業公司網站如何能夠打造得更好。

1、保證信息突出

精煉、明確的信息對於創業公司的網頁非常重要。因此在設計上,一切要圍繞信息下功夫。

(1) 寧可簡單,不要復雜。對於初創公司而言,如果在設計上沒有足夠的預算,設計上寧可簡單一些,不可過於復雜。在白色背景上配大字號的標題永遠是最保險的方式。

11.codex.jpg

(2) 導航清晰,指向明確。無論是固定在頁面頂部還是滾動彈出,用戶需要的時候,導航都需要位置明顯、便於使用並且分類清晰。

12.fundable .jpg

Mockplus項目例子:The Value Engineers

(3) 對比鮮明,突出CTA。CTA(用戶行為召喚)有助於引導用戶深入產品,從而實現轉化。CTA的設計需要符合網站的整體色系搭配,並且跟網站背景顏色形成鮮明對比,從而提供給用戶清晰的行為指向。

13.so stereo.gif

Mockplus項目例子:So Stereo

2、準備自適應內容

隨著移動互聯網的盛行,解決如今各式各樣的瀏覽器分辨率以及不同移動設備的顯示效果,自適應布局重要性不用贅述。特別是科技領域的創業公司,更需要保證自己的網頁在每臺設備上都有傑出的表現。此外,在小屏幕上你也可以隱藏一些具體的內容,使用戶的註意力聚焦到CTA從而提高轉化。

3、提前做原型設計

創業公司往往都面臨著資金短缺、人手不足和時間緊張等情況,網站的開發如果沒有做好提前的功能規劃和可用性測試,那帶來的結果將是災難性的。準備在網站原型上投入後,選擇一款高效實用並且經濟實惠的原型工具是最佳選擇。目前市面上橫向對比,最適合創業公司的莫過於Mockplus了,主要有以下幾點優勢:

14.mockplus.jpg

(1) 支持協作設計、在線實時審閱及頁面分工編輯,高效率進行團隊溝通;

(2) 格子、數據自動填充等功能,大大節省創建重復元素的時間,充分提高設計效率。

(3)官網提供了豐富的網站原型模板,構架起步零負擔。

(4) 價格對於初創公司來說非常友好,包年199元、終身版699元就能搞定。

小結

運營一家創業公司並不容易,網站只是公司成長的一部分。他們要面對消費者和投資人,展現最獨特的產品和服務,獲取投資,並銳意進取。在激烈的競爭中,用心打磨的產品和服務才能順利著陸,脫穎而出,收獲市場的青睞。

2018年,成功的創業公司網站是怎麽設計的?