為什么Rimac 比豐田好?查看他們的網(wǎng)站,這兩個非常不同的品牌之間沒有太大區(qū)別。這不應該從他們網(wǎng)站的質(zhì)量上看出來嗎?為什么高端汽車公司的網(wǎng)站看起來相似,乏味?
以出色的網(wǎng)站設計瞄準高端汽車買家
任何網(wǎng)站都必須考慮其用戶。這類車的目標受眾是誰?他們在找什么?
Rimac 的汽車售價約為 850,000 美元,而且只會生產(chǎn)少數(shù)幾輛,因此有資格獲得“限量版”標簽。雖然廣告公司設計vi公司無法準確確定有興趣購買這些汽車的客戶類型,但我們可以假設大多數(shù)客戶將來自富有的精英。Rimac 的網(wǎng)站是否有效地針對這些客戶?
分析信息架構
在廣告公司設計vi公司的示例網(wǎng)站上,我們可以看到第一個導航項是“Concept_One”(當時,它是公司唯一的產(chǎn)品)。真正的網(wǎng)站已經(jīng)更新。第二個導航項是公司的演變,汽車是如何生產(chǎn)的,而第三項是公司的產(chǎn)品和服務。第四個導航項是另一個公司產(chǎn)品(Greyp 電動自行車)。最后兩項是“新聞”,包含新聞稿,以及“博客”,這兩者都不是特別有用,因為它們的大部分新聞都是在社交網(wǎng)絡上發(fā)布的。
另一個問題是,職業(yè)鏈接被隱藏為次要的、不太重要的導航項目,并且鑒于公司的巨大擴張,它代表了一個重要的問題。如果我們將用戶視為公司關注的焦點,我們會看到在大多數(shù)公司網(wǎng)站(典型的例外是公司/超大型網(wǎng)站)中,擁有一個突出的“職業(yè)”鏈接或 CTA 非常重要。
網(wǎng)站重新設計過程
最初,其目的是打造一款更黑暗、更強大的汽車版本。我在網(wǎng)上找到了一些Concept_One汽車的圖片,并用一些“Photoshop 魔法”為主頁創(chuàng)建了第一張英雄圖片。下一個想法是讓動畫慢慢展示汽車,首先是背景,然后是汽車的輪廓,然后是完全渲染的圖像。
對于主頁,概念是定義兩個主要的視覺區(qū)域:頂部導航和汽車英雄形象。而已。為了使其簡約而引人注目,任何不必要的東西都被刪除了。一眼看去,所有重要的東西都是可見的——其他所有東西都被移到了網(wǎng)站的子頁面中。
主頁設計作為網(wǎng)站改造的一部分
內(nèi)容策略與設計
對于此類網(wǎng)站改造項目,設計內(nèi)容也很重要,而不僅僅是網(wǎng)站的結構和視覺美學。由于這是一個未經(jīng)委托的網(wǎng)站重新設計,它提供了更多的實驗自由,以及審美靈活性,讓我們有充分的機會做出自己的設計決定。
過程很簡單:
準備將出現(xiàn)在網(wǎng)站上的正文。
通過圖標或交互式動畫傳達一些設計元素——例如,關于加速度、馬力和最高速度的引人注目的細節(jié)。
通過這樣做,用戶界面中不需要輔助詞,并且將注意力吸引到對網(wǎng)站訪問者更重要的區(qū)域。
網(wǎng)站導航重新設計
網(wǎng)站的導航結構現(xiàn)在根據(jù)重要性等級重新排列。我們將車輛作為導航中的第一個下拉菜單,這為設計提供了靈活性,因為它允許公司在未來添加更多車型。
為了提供從主頁立即訪問二級產(chǎn)品頁面,為了提高效率,決定將產(chǎn)品及其子類別作為下拉區(qū)域合并到主頁中,而不是創(chuàng)建另一個產(chǎn)品列表頁面(在另一個網(wǎng)頁上),并使其成為導航。當訪問者在導航中單擊產(chǎn)品時,下面的設計顯示了在主頁上呈現(xiàn)為圖標的各種產(chǎn)品。對于Products下表示第二層的 3D 產(chǎn)品效果圖,我推薦 Three.js、WebGL、Canvas 和 Greensock,因為它們是眾所周知的標準化工具。
與Homepage相比, About和Service頁面等輔助頁面使用不同的 Z 形網(wǎng)格。不同網(wǎng)格布局的目的是在瀏覽這些頁面時為訪問者提供更有趣和動態(tài)的環(huán)境。
中心思想仍然是盡可能少的文字視覺極簡主義。人們來這類汽車網(wǎng)站不是為了閱讀大量文字,而是為了快速、直觀地獲取信息。這就是頁面標題上大而粗的字體和使用不同字體樣式的想法。
需要注意的是,這種“公司宣傳冊”網(wǎng)站重新設計不同于服務重新設計?!肮臼謨浴本W(wǎng)站更多地是關于營銷產(chǎn)品。面向服務的網(wǎng)站重新設計更傾向于將點擊轉(zhuǎn)化為轉(zhuǎn)化,并最終獲得利潤。
結論
廣告公司設計vi公司還有其他幾篇設計文章推薦了為什么設計師參與非委托設計項目是一個好主意。如果您想設計一個非??岬捻椖?,請選擇一個想法——它可以是網(wǎng)站、應用程序、企業(yè) SaaS 產(chǎn)品——并為它解決設計問題。
Dribbble充滿了不請自來的概念重新設計項目,廣告公司設計vi公司的數(shù)字設計師有機會展示他們的設計能力。除了給你一個很酷的設計,向世界展示一個創(chuàng)造性的解決方案,解決一個“實際的”產(chǎn)品問題將向潛在的公司和客戶展示你的想法、你的過程和你的專業(yè)知識。
就我而言,處理高端汽車網(wǎng)站是一項很棒的練習,因為對于該領域的網(wǎng)站設計而言,滿足極高的標準尤為重要。
但是,廣告公司設計vi公司提示你:在潛入并開始設計之前,具有前瞻性并考慮任何特定網(wǎng)站在三年內(nèi)需要看起來如何,不僅從設計美學的角度,而且從內(nèi)容的角度來看,這是一個好主意,功能和結構。內(nèi)置的靈活性是一個嚴肅的設計考慮因素,這一點至關重要。當網(wǎng)站或子頁面正常工作且可擴展時,進行小的調(diào)整以適應未來的需求會更容易、更高效且痛苦更少。
有時,很難說服潛在客戶進行網(wǎng)站改造。由于缺乏資源、資金或時間,客戶通常不愿意承諾。然而,一個不請自來的網(wǎng)站重新設計是向世界展示您的網(wǎng)站重新設計過程的好方法。誰知道呢?您的網(wǎng)站重新設計很可能會給不情愿的客戶留下深刻的印象,足以讓他們?yōu)椤罢嬲摹表椖块_綠燈,作為額外的獎勵,設計師會得到報酬!
總監(jiān)微信
復制成功
業(yè)務咨詢 何先生
業(yè)務咨詢 何先生
搜索感興趣的內(nèi)容