首頁 >  > AR+AI板塊大熱,“元宇宙”未來感的官網可以如何搭建

AR+AI板塊大熱,“元宇宙”未來感的官網可以如何搭建

分享到:

所屬行業:服務行業

所用產品:凡科建站

功能亮點:雙語言網站、視頻播放、標簽模塊、淡入淡出動畫、鼠標懸停動效




2021可以說是元宇宙的爆發元年,隨著一個新概念的誕生,勢必會帶動相關的產業蓬勃發展,而元宇宙的”基礎食糧“就是AR領域的硬件設備。

比起尚還遙不可及“元宇宙”,自2016年就開始研發的“AR”技術在經歷了客戶反應、市場熱情都降到了歷史冰點的谷底后,終于在2021年迎來了發展爆發期。

“VR+AI”將是未來的趨勢,被廣泛應用于在工業、能源、安防、航空、交通等智能領域,深耕B端市場。


圖片


北京亮亮視野科技有限公司,就是一家為企業提供AR行業解決方案的全棧型技術公司,作為一家服務過全球5000+企業用戶的科技型公司,他們對品牌官網有很高的要求,不僅在視覺上要符合其企業定位,能讓B端客戶信服,同時在功能上也要滿足它們多元的信息展示需求。

亮亮視野最終選擇了使用凡科建站搭建官網,在這一年中網站瀏覽PV已經突破50萬,并受到各方的好評。

下面我們就一起來揭曉凡科建站優秀客戶——亮亮視野llvision的官網真面目。


圖片



圖片

如何打造“未來感”官網主頁


如今說起“VR+AI”產品,就免不了會讓人聯想起“元宇宙”,雖然二者并不等同,但它們帶給用戶的畫面感卻很相似。未來感、沉浸感、神秘感、科技感,是我們首先聯想到的設計風格。

那么該如何呈現出這種感覺呢?可以嘗試以下幾種方式。


-100%全屏Banner

如果有人問我,想打造出一個吸睛的高逼格官網首頁,最簡單粗暴的方式是什么?那我必然會首推全屏輪播Banner。

所謂全屏Banner,就是能覆蓋常規屏幕100%的圖片,除頂部菜單欄,左右下方都不留白,效果如同網站背景圖,視覺沖擊力極強,且高端大氣。

圖片設計上,色彩和元素都不必太花哨,宜以純色打底,只需突出主體物和文案即可。需要注意的是,圖中所用到的素材一定要保證高清高質量,不然效果就會適得其反。


圖片


Banner圖上的按鈕和文字,可以通過在上方疊加文字、按鈕模板完成,這樣可以更便于調整文案、字體和擺放位置。

如想增加互動質感,可嘗試在CTA按鈕上做文章,添加一個簡單的鼠標懸停效果,如下圖這個由線框變為顏色填充的hover效果,就是凡科建站中的自帶樣式,既簡單又高級。


圖片


-打造沉浸式的瀏覽體驗

深色底色,可以起到提高用戶感知度的作用,同時能穩定瀏覽者的情緒,讓注意力更集中。像我們在影院觀看電影,除了熒幕畫面,其余的空間都會被用黑色填充。

網站中如需播放視頻,也十分推薦用黑色作為打底色,營造出影院氛圍,給用戶提供一個無干擾的觀影環境。


圖片


如在同一主題下,你有多種內容需要展示,這些內容無需互相參照,也不想切換網頁打斷用戶思維,怎么展示能獲得較好效果?那么可以試試標簽模塊。

亮亮視野將其應用在了解決方案、技術介紹板塊中,用戶僅需移動鼠標,即可自由切換7個不同的場景內容。

魆黑的底色,增加了頁面的縱深感,排除了上下板塊的內容干擾,讓用戶視覺被聚焦在了鼠標懸停的那抹彩色上。

在內容展示的形式上,亮亮視野采用的是圖片+白字的形式,圖片皆使用了70%透明度的黑色圖層弱化了其亮度和飽和度,讓其和背景色既融合又能區分,又凸顯了圖上的文案內容,給用戶帶來沉浸式的瀏覽體驗。


圖片


若想采用淺色背景色,重點就在于圖片而非文字,此時無需再對圖片進行特殊效果的處理。


圖片


-善用藍紫色系,增加科技感


亮亮視野的圖片主色調,始終以黑色、紫色、藍色這三個顏色作為基調,不僅僅是因為深色調可以與白色背景拉開關系,還因為這三個顏色自帶一種神秘感。

藍色紫色都屬于冷色相,不同的明暗可以產生自然的過渡效果,搭配起來相得益彰,能表達出帶有縱深感的睿智神秘,是科技型企業的首選色系。


圖片
圖片



圖片

從細節入手

提高網頁精致度


一個高檔的網頁,不需要過多的炫技,但可以通過在小細節上添加互動動畫,來提升網站的精致度。

例如對圖片模塊,可以設置簡單的鼠標懸停放大特效。


圖片
圖片


利用GIF圖片+文字模塊,可以打造出動態的圖文效果,讓文案情景得以更生動更具象化的呈現。


圖片


使用淡入淡出入場動畫,告別平鋪直敘的平庸展示,為靜態頁面增加流動感。


圖片



圖片

多語言版本/在線客服/

表單/SEO優化

全方位提升獲客能力


-多語言版本,承接跨國業務

由于亮亮視野的客戶遍布全球各地,因此英文版網頁是不可或缺的。

凡科建站支持13種版本語言,且不同語言的網頁,呈現的內容既可以一致也可以相互獨立,通過網站右上角的按鈕,即可實現跳轉。


圖片


根據用戶習慣的不同、業務側重點的不同,亮亮視野做了一個區別于中文版的英文版網站。

它采用的以方形圖片模塊無縫銜接的布局,重點在于展示產品,用戶可通過點擊跳轉到詳情介紹頁,設計簡單但效果不俗。


圖片


-在線客服、表單獲客

有了流量,下一步就是轉化。亮亮視野在網站所有頁面上均放置了在線咨詢客服浮窗,讓用戶在瀏覽過程中可以隨時隨地的發起咨詢。


圖片


對于有明確需求、想直接對接到相關業務負責人的客戶,亮亮視野準備了一個在線留言表單,客戶可填寫表單留下線索,負責人再根據客戶的實際需求指派相關負責人,主動聯系客戶進行1V1的溝通,提高服務效率。


圖片


-SEO優化,推廣引流

官網是實力企業在互聯網時代的一個重要門面,尤其對于面向ToB端客戶的企業,官網更是獲取用戶信任感的一大利器。

搭建好一個優質的官網后,下一步就是加注搜索引擎,讓官網得以進入百度收錄,通過搜索引擎,潛在客戶可通過關鍵詞或精確搜索找到企業官網入口。借助SEO優化,可以有效提高企業網站訪問量,進而提升企業競爭力和獲客能力。


圖片


凡科建站中的自適應模板,可讓PC端網站自動適配移動端頁面,應用在社交平臺的推廣路徑中,可實現多渠道引流。


圖片



圖片

總結


在對亮亮視野llvision進行客戶回訪時,亮亮視野的設計總監表示,當初選擇使用凡科建站搭建官網是一個正確的決定,目前官網的建設維護工作,都已交由非設計/非技術人員的部門人員負責,大大節省了運維成本。

亮亮視野所呈現出的亮眼效果,再一次證實了自助建站的優越性,不管是從美觀性、實用性出發,它都毫不遜色于傳統建站,其低門檻、易維護的特性更是傳統建站難以比擬的。凡科建站,就是自助建站的明智之選。


案例官網直通車:https://www.llvision.com/cn/


*以上文章內容已獲品牌方授權,未經本文作者及授權方同意禁止修改轉發,否則自行承擔侵權責任及相關后果


中文字幕人妻丝袜乱一区三区