品牌名稱
田木文創(chuàng)
所在行業(yè)
服務(wù)
企業(yè)規(guī)模
11-50人

當(dāng)古風(fēng)遇到數(shù)字化,這個文創(chuàng)品牌崛起背后做對了什么?

393次閱讀

當(dāng)古風(fēng)遇到數(shù)字化,這個文創(chuàng)品牌崛起背后做對了什么?

 

所屬行業(yè):服務(wù)行業(yè)、文化創(chuàng)意

所用產(chǎn)品:凡科建站

功能亮點:二級菜單導(dǎo)航、hover動效

 

企業(yè)的官網(wǎng)是一家企業(yè)的前臺門戶。在互聯(lián)網(wǎng)時代,很多客戶在確定合作前常常會在網(wǎng)上搜索該公司,如搜索不到,信任度往往大打折扣。

 

不管是大公司,還是小工作室,搭建一個企業(yè)官網(wǎng)都是必不可少的。很多公司在剛開始建站時,常會覺得無從下手:

· 如何打造符合公司屬性的個性化網(wǎng)站;

· 怎么選擇主色調(diào);

· 布局、交互怎么設(shè)置才突出;

 

圖片

 

今天帶來由「田木文創(chuàng)」自建“古風(fēng)”官網(wǎng),看看小小工作室,如何借助凡科建站,簡單、快速打造一個抓人眼球的官網(wǎng),文創(chuàng)產(chǎn)品又是如何和數(shù)字化巧妙融合。

 

圖片

明確定位,打造個性化官網(wǎng)

 

 

隨著互聯(lián)網(wǎng)迅速發(fā)展,越來越多企業(yè)開始數(shù)字化轉(zhuǎn)型,每天都有上千百個網(wǎng)站展露面孔。想要在其中脫穎而出,企業(yè)需根據(jù)自身產(chǎn)品、服務(wù)屬性,塑造出與眾不同的個性“門面”。

 

圖片

 

只有先明確官網(wǎng)定位,對自身品牌網(wǎng)站有清晰認(rèn)識,才能有針對性地搭建內(nèi)容。開始建站之前,首先要選對工具。在建站產(chǎn)品的選擇上,田木文創(chuàng)創(chuàng)始人采訪時說到:

 

“做一個網(wǎng)站要找到適合自己的土壤,文創(chuàng)工作室人手有限,大部分集中于創(chuàng)作作品,于是我們選擇用自助建站,使用模板就能簡單搭建一個網(wǎng)站,再慢慢播撒種子填充內(nèi)容,慢慢生根發(fā)芽,開花結(jié)果。”

 

確認(rèn)工具后,田木文創(chuàng)開始明確自身網(wǎng)站定位——綜合性門戶網(wǎng)站。

 

田木文創(chuàng)創(chuàng)始人介紹到,團隊根據(jù)自身業(yè)務(wù)梳理所需功能點,網(wǎng)站需承擔(dān)品牌宣傳、業(yè)務(wù)介紹、溝通客戶的功能,同時我們會承辦大賽類,網(wǎng)站需提供空間為參賽選手下載相關(guān)資料,綜合性門戶便很好地容納了這些功能。

 

圖片

 

梳理功能點后,田木文創(chuàng)將功能點分別設(shè)置在導(dǎo)航中,導(dǎo)航是最能清晰呈現(xiàn)整個網(wǎng)站框架結(jié)構(gòu)的位置,好的導(dǎo)航能有效減少網(wǎng)站的跳出率。

 

田木文創(chuàng)將導(dǎo)航分為5大部分,主營業(yè)務(wù)、合作案例、公司動態(tài)、關(guān)于我們、設(shè)計大賽,再在合作案例類設(shè)置二級菜單,將以往精選案例羅列,讓用戶通過導(dǎo)航第一眼就能找到自己想要了解的信息。

 

圖片

 

在客戶案例的作品展示中,田木文創(chuàng)在每個案例頭部采用統(tǒng)一首圖。

 

好的網(wǎng)頁設(shè)計中,核心因素就是重復(fù)。在網(wǎng)站的每一個頁面重復(fù)某些視覺元素,不僅能讓訪問者知道他們還在該網(wǎng)頁中瀏覽,還可以提供統(tǒng)一性和連續(xù)性,同時,底圖上統(tǒng)一的的品牌標(biāo)識更能達(dá)到品宣效果。

 

圖片

 

 

圖片

化繁為簡,突出主色的魅力

 

在所有的視覺創(chuàng)作的形式中,色彩都是基礎(chǔ)。網(wǎng)站核心之一便在于主色,主色可以決定整個網(wǎng)站的風(fēng)格,確保正確傳達(dá)信息。

 

田木文創(chuàng)選用自身VI色作為主色,綠色給人感覺自然、新鮮、和平,十分貼合創(chuàng)作類工作室屬性。

 

“品牌logo是一個認(rèn)知符號,客戶第一眼記住的便是他的顏色,我們建立官網(wǎng)主色調(diào),便是從VI色開始。”

 

圖片

 

 

圖片

 

 

 

圖片

 

 

圖片

大膽使用對比原則,做出搶眼網(wǎng)頁

 

 

田木文創(chuàng)結(jié)合自身作品的古風(fēng)特色,頁面采用橫版與豎版結(jié)合。重點鮮明,錯落有致,整個排版富有呼吸感。

 

尤其Banner上再加上隨意分布的國潮元素,讓視覺落腳處靈動趣味。

 

圖片

 

除此之外,在每個頁面的排版中,田木文創(chuàng)善于使用「對比原則」。對比是為頁面增加視覺效果的最有效途徑之一。

 

 

 

 

圖片

 

 

跟PPT放映一樣,網(wǎng)頁沒有動畫往往給人感覺稍顯單調(diào)。當(dāng)用戶進入頁面,通過鼠標(biāo)不斷點擊,頁面不斷給出動畫效果,讓用戶收獲驚喜的同時,更能促使用戶進行更多的嘗試。

 

以往的網(wǎng)頁交互聽著很困難,要懂HTML、JavaScripr等等,但田木文創(chuàng)通過凡科網(wǎng)自助建站,即輕松實現(xiàn)。

 

圖片

 

為突出頁面不同板塊,田木文創(chuàng)在首頁同一版面使用不同的進場動畫

 

 

圖片

 

圖片

總結(jié)

 

近年來,IP受到的關(guān)注越來越高,IP形象既是品牌文化理念的直觀展示,又是文創(chuàng)作品設(shè)計的延續(xù)。IP現(xiàn)象設(shè)計漸趨流行,成為企業(yè)品牌必備元素之一。

 

“想要設(shè)計好客戶的IP形象,就要先做好自己的'IP'。”從配色、布局到排版、交互,田木文創(chuàng)結(jié)合自身產(chǎn)品特色打造了一個古風(fēng)國潮感的官網(wǎng)。

 

圖片

 

文創(chuàng)產(chǎn)品讓濃厚的歷史文化不再只是停留在史書、影像中,而隨著數(shù)字化的發(fā)展,田木文創(chuàng)借力凡科網(wǎng),提升了自身品牌影響力,并讓文創(chuàng)業(yè)務(wù)得以更廣泛的傳播。

 

不管是什么類型的企業(yè),都可以通過凡科網(wǎng)(https://www.fkw.com/?_ta=2891)輕松自建品牌官網(wǎng),打造出屬于自己的形象。

 


 

案例鏈接:

【PC端】http://www.ahtmwc.com/

 

免費使用:https://www.fkw.com/?_ta=2891

undefined