對(duì)WINK首頁改版嘗試

一、收集分析

1、

首先，查看完WINK官網(wǎng)后，我對(duì)wink產(chǎn)品進(jìn)行了了解和調(diào)查，確定了wink的核心功能和產(chǎn)品理念。

理解：通過手機(jī)app控制家電產(chǎn)品，實(shí)現(xiàn)智能家居，用科技給人們帶來現(xiàn)代生活的便利，解決現(xiàn)實(shí)生活中的痛點(diǎn)。

2、

網(wǎng)站現(xiàn)有問題：

a、不夠規(guī)范，具體表現(xiàn)在布局高度不統(tǒng)一、圖標(biāo)風(fēng)格不統(tǒng)一，從而造成頁面不夠簡潔，產(chǎn)生混亂感;

b、首屏大圖，能有效表達(dá)家居的感覺，但對(duì)產(chǎn)品的介紹卻乏力；

二、設(shè)計(jì)理念

講好一個(gè)關(guān)于產(chǎn)品、關(guān)于智能、家居的故事

核心詞匯：智能家居

風(fēng)格：干凈、簡潔、有趣

三、設(shè)計(jì)過程

工具：Sketch

總時(shí)間：6h

四、設(shè)計(jì)對(duì)比

查看 ?原版和改版對(duì)比.png?

1、線條分割代替色塊分割，科技感會(huì)更強(qiáng)；

2、圖標(biāo)比較統(tǒng)一；

3、視覺引導(dǎo)（從上往下）效果更加明顯，瀏覽效果更加流暢；

4、首屏，背景圖修改+漸變效果+中央文字處理，讓產(chǎn)品主題更加突出；

五、后續(xù)設(shè)計(jì)

增加動(dòng)效交互支持，讓頁面更加有趣