亚洲尺码日本尺码专线,teen girls,美丽女邻居交换3在线播放,黑料门今日黑料免费

獲取方案
咨詢
咨詢

探索更多

愛浦麗凈水

擁有超過30年直飲水技術(shù)創(chuàng)新歷史

行業(yè)

凈水器/電器行業(yè)

服務(wù)類別

品牌官網(wǎng)設(shè)計(jì)

網(wǎng)站已上線,鏈接在文章底部

項(xiàng)目背景

隨著公司業(yè)務(wù)規(guī)模的擴(kuò)展,為抓住國內(nèi)外龐大的高端凈水市場,愛

浦麗將打造全新的品牌官網(wǎng),提升品牌形象,完善品牌整體性,提

高在同行之間的品牌競爭力。為備戰(zhàn)海外市場打下夯實(shí)基礎(chǔ)。以達(dá)

到高用戶轉(zhuǎn)化率。

隨著公司業(yè)務(wù)規(guī)模的擴(kuò)展,為抓住國內(nèi)外龐大的高端凈水市場,愛

浦麗將打造全新的品牌官網(wǎng),提升品牌形象,完善品牌整體性,提

高在同行之間的品牌競爭力。為備戰(zhàn)海外市場打下夯實(shí)基礎(chǔ)。以達(dá)

到高用戶轉(zhuǎn)化率。

匠/心/獨(dú)/愛 譜/凈/美/麗

會議分析

品牌定位

網(wǎng)站建設(shè)

網(wǎng)站設(shè)計(jì)前的準(zhǔn)備工作
競品分析

會議分析競品公司的產(chǎn)品定位,品牌形象,主要受眾群體,
網(wǎng)站風(fēng)格等。

尋求差異化

在分析完競品公司后,尋求品牌差異化,找到競品公司薄弱之處,在網(wǎng)站建設(shè)中加以強(qiáng)化。

網(wǎng)站建設(shè)

確定網(wǎng)站風(fēng)格符合品牌定位,完善網(wǎng)站視覺設(shè)計(jì)及交互體驗(yàn),提升品牌整體性,及用戶轉(zhuǎn)化率。

競品分析

對競品公司的產(chǎn)品定位、品牌形象、主要受眾群體、網(wǎng)站風(fēng)格

等進(jìn)行分析,明確出我方以下優(yōu)勢:

對競品公司的產(chǎn)品定位、品牌形象、主要受眾群體、網(wǎng)站風(fēng)格

等進(jìn)行分析,明確出我方以下優(yōu)勢:

01

競品公司
愛浦麗

產(chǎn)品外觀偏向工業(yè)風(fēng)格,不適合高端家裝

產(chǎn)品外觀簡約時(shí)尚,適合任何場景使用

品牌定位廣,受眾群體范圍大

創(chuàng)新網(wǎng)站設(shè)計(jì),體現(xiàn)品牌定位,吸引用戶點(diǎn)擊

網(wǎng)站設(shè)計(jì)頁面偏傳統(tǒng),對用戶吸引力不強(qiáng)

品牌定位比較局限,受眾群體小

設(shè)計(jì)頁面展示
尋求差異化

在分析完競品公司后,尋求品牌差異化,找到

競品公司薄弱之處,在網(wǎng)站建設(shè)中加以強(qiáng)化。

在分析完競品公司后,尋求品牌差異化,找到

競品公司薄弱之處,在網(wǎng)站建設(shè)中加以強(qiáng)化。

02

減少信息冗雜

減少信息冗雜

現(xiàn)在是快信息時(shí)代,文字越多越不利于用戶對網(wǎng)站的瀏覽,所以我們采用精煉的文字替代掉長篇大論的介紹,提取關(guān)鍵信息作為視覺焦點(diǎn),
幫助用戶更好的去了解愛浦麗品牌。

突出產(chǎn)品簡潔外觀

突出產(chǎn)品簡潔外觀

愛浦麗產(chǎn)品簡潔的外觀設(shè)計(jì),在一系列品牌凈水器產(chǎn)品中,都是屬于非常耐看,且適合大部分用戶的外觀設(shè)計(jì),這是拋開技術(shù)成分,用戶可以直觀看到的。所以網(wǎng)站中需要突出產(chǎn)品外觀設(shè)計(jì)。

體現(xiàn)品牌強(qiáng)大背書

體現(xiàn)品牌強(qiáng)大背書

體現(xiàn)出愛浦麗品牌在全球的業(yè)務(wù)布局,凸顯出愛浦麗是全球品牌,擁有強(qiáng)大的品牌背書。體現(xiàn)產(chǎn)品可靠性。
網(wǎng)站建設(shè)

通過拆解愛浦麗品牌形象及定位后,

我們以突出品牌形象,建立用戶信任為基礎(chǔ),

得出了一下方案:

通過拆解愛浦麗品牌形象及定位后,

我們以突出品牌形象,建立用戶信任為基礎(chǔ),

得出了一下方案:

03

01

加強(qiáng)VI標(biāo)識使用
加強(qiáng)品牌VI標(biāo)識的使用,規(guī)范使用品牌輔助圖形,讓用戶產(chǎn)生視覺記憶點(diǎn)。

02

規(guī)范元素使用
規(guī)范使用色彩、字號、圖標(biāo)等網(wǎng)站元素,統(tǒng)一圖片色彩風(fēng)格,增強(qiáng)網(wǎng)站的視覺統(tǒng)一性。

03

增強(qiáng)交互體驗(yàn)
加強(qiáng)切屏動(dòng)畫的使用,鼠標(biāo)按鈕做更人性化的創(chuàng)新交互,增強(qiáng)頁面交互趣味性。
01.

定義品牌輔助圖形

品牌VIS輔助圖形,可以幫助用戶更快的記住品牌形象,同時(shí)能幫助品牌規(guī)范使用視覺設(shè)計(jì)方案,達(dá)到統(tǒng)一性原則。

輔助圖形以強(qiáng)烈且具個(gè)性的視覺特征,不僅能抓住受眾的視線,引起人們的興趣,而且更明確的傳遞企業(yè)特征。

02.

規(guī)范品牌色彩運(yùn)用

在定制色彩風(fēng)格的基礎(chǔ)上,我們采用了愛浦麗的專屬色彩:“沉穩(wěn)藍(lán)”

主視覺的規(guī)范體系持續(xù)保留,

根據(jù)品牌調(diào)性及定位,采用純白背景,營造出簡約干凈的頁面狀態(tài)。

規(guī)范品牌字體運(yùn)用

愛浦麗網(wǎng)站不采用字體的引用,因此在不同電腦上打開會呈現(xiàn)不同的

字體效果,標(biāo)題、注釋、正文均采用了不同的字號及字重,使文字布局看起來錯(cuò)落有致,字體顏色方面也進(jìn)行看了深淺色處理。

英文字體:

AvantGardeGothicC
Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo
Pp  Qq  Rr  Ss  Tt  Uu  Vv  Ww  Xx  Yy  Zz

英文字體:

Shiseido Neue
Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo
Pp  Qq  Rr  Ss  Tt  Uu  Vv  Ww  Xx  Yy  Zz
中文樣式 字號 字重 使用場景
愛浦麗凈水 34PX Bold 一級標(biāo)題或重要關(guān)鍵詞
愛浦麗凈水 32px Medium 二級標(biāo)題(次一級標(biāo)題)
愛浦麗凈水 18PX Regular 文章正文字號
愛浦麗凈水 16PX Regular 文章正文字號

規(guī)范網(wǎng)站圖標(biāo)使用

在針對圖標(biāo)設(shè)計(jì)方面,采用了極簡的線性圖標(biāo)設(shè)計(jì),再搭配以愛浦麗藍(lán)色作為點(diǎn)綴,在原有的極簡風(fēng)格上產(chǎn)生出一抹明亮的對比,

降低極簡風(fēng)格的單調(diào)性。

我們采用符合品牌效果的切屏動(dòng)效,和滿足用戶體驗(yàn)的交互效果,

在帶來較強(qiáng)的視覺感觀體驗(yàn)的同時(shí),又能增加網(wǎng)站瀏覽過程中的趣味性,

增加用戶瀏覽時(shí)間,提高用戶黏性。

我們采用符合品牌效果的切屏動(dòng)效,和滿足用戶體驗(yàn)的交互效果,

在帶來較強(qiáng)的視覺感觀體驗(yàn)的同時(shí),又能增加網(wǎng)站瀏覽過程中的趣味性,

增加用戶瀏覽時(shí)間,提高用戶黏性。

03.

加載頁動(dòng)畫效果

加載頁動(dòng)畫效果

首次進(jìn)入網(wǎng)站時(shí),會出現(xiàn)一個(gè)網(wǎng)站加載動(dòng)畫,讓客戶在等待網(wǎng)站加載的時(shí)候,會有一個(gè)畫面來填補(bǔ)中間這段時(shí)間的視覺差,同時(shí)也能起到提升網(wǎng)站格局,表明品牌形象的功能。

Banner切屏效果

Banner切屏效果

Banner使用了水波漣漪的切屏效果,這種水波效果既呼應(yīng)了愛浦麗凈水品牌的主旨,有增加了畫面的動(dòng)態(tài)感。動(dòng)靜相結(jié)合的切屏效果,使網(wǎng)站更能抓住用戶的眼球,增加用戶繼續(xù)瀏覽的概率。

按鈕跟隨鼠標(biāo)效果

按鈕跟隨鼠標(biāo)效果

按鈕跟隨鼠標(biāo)移動(dòng),點(diǎn)擊任意區(qū)域即可跳轉(zhuǎn)新頁面,相比傳統(tǒng)按鈕,這種方式既能作為網(wǎng)站交互動(dòng)效亮點(diǎn),又能兼顧按鈕效果。

鼠標(biāo)滑過頁面產(chǎn)生漣漪

鼠標(biāo)滑過頁面產(chǎn)生漣漪

Banner使用了水波漣漪的切屏效果,這種水波效果既呼應(yīng)了愛浦麗凈水品牌的主旨,有增加了畫面的動(dòng)態(tài)感。動(dòng)靜相結(jié)合的切屏效果,使網(wǎng)站更能抓住用戶的眼球,增加用戶繼續(xù)瀏覽的概率。
頁面自動(dòng)適配電腦、平板、手機(jī)等不同顯示器

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·網(wǎng)站自適應(yīng)·

項(xiàng)目總結(jié)

整個(gè)項(xiàng)目下來,我們始終圍繞改版的兩大目標(biāo):

滿足客戶需求的基礎(chǔ)上,加強(qiáng)品牌調(diào)性,提升品牌競爭力;

化繁為簡的設(shè)計(jì)理念,大大提高用戶對網(wǎng)站的閱讀性,

針對產(chǎn)品,采用不同的詳情頁設(shè)計(jì),從而突出每個(gè)產(chǎn)品的不同買點(diǎn),

抓住用戶眼球,提升用戶購買幾率。

點(diǎn)擊訪問網(wǎng)站

我們?yōu)榭蛻籼峁┑牟⒉粌H僅只是網(wǎng)站建設(shè),更重要的是根據(jù)當(dāng)下用戶對網(wǎng)站瀏覽的

習(xí)慣,對網(wǎng)站進(jìn)行滿足用戶需求的升級。

幫助企業(yè)提升競爭優(yōu)勢,增加用戶轉(zhuǎn)化率,提升用戶黏性,

實(shí)現(xiàn)營收增長。

如果您也有相關(guān)的網(wǎng)站建設(shè)需求,不妨給我們一個(gè)機(jī)會,

我相信我們能給您一個(gè)最滿意的結(jié)果。

在線
咨詢