2021-09-28 分類(lèi): 網(wǎng)站設(shè)計(jì)
4個(gè)消費(fèi)電子產(chǎn)品的品牌網(wǎng)站設(shè)計(jì)
消費(fèi)電子產(chǎn)品是日常日子不可或缺的一部分,然而,跟著咱們?cè)?019年走向完全商場(chǎng)飽滿,消費(fèi)電子網(wǎng)站或許面臨許多挑戰(zhàn)。
將網(wǎng)頁(yè)設(shè)計(jì)從很多共同而時(shí)髦的消費(fèi)電子網(wǎng)站中脫穎而出變得愈加困難,雖然有一些公司擊敗了競(jìng)爭(zhēng)對(duì)手,成為商場(chǎng)上最聞名的公司。
為了紀(jì)念這個(gè)日益發(fā)展的職業(yè),咱們列出了幾個(gè)具有代表性的5家電子商鋪設(shè)計(jì)。讓咱們來(lái)看看這些網(wǎng)站怎么運(yùn)用網(wǎng)頁(yè)規(guī)劃策略來(lái)充分利用現(xiàn)已成功的利基商場(chǎng)。
Bose
這家耳機(jī)制造商采取了更先進(jìn)的方法,并創(chuàng)建了一個(gè)網(wǎng)站設(shè)計(jì),協(xié)助其品牌超越購(gòu)物體會(huì),并將其轉(zhuǎn)化為更具互動(dòng)性和趣味性的東西。
主頁(yè)上的富麗色彩和動(dòng)畫(huà)吸引了客戶的留意力,不要讓他們考慮放棄閱讀網(wǎng)站。以互動(dòng)的方法展現(xiàn)產(chǎn)品Bose讓客戶有機(jī)會(huì)在很多改變中選擇項(xiàng)目。
每個(gè)帶有Bose產(chǎn)品的頁(yè)面都展現(xiàn)了翻滾產(chǎn)品功能,各種顏色選項(xiàng),照片庫(kù)和技能規(guī)格。
Bose網(wǎng)站上最令人驚嘆的細(xì)節(jié)之一是圖標(biāo)設(shè)計(jì),只需點(diǎn)擊左邊的時(shí)髦平面圖標(biāo),即可到達(dá)您需要的子頁(yè)面。
BoomBotix
咱們能夠?qū)⑦@個(gè)品牌稱(chēng)為特別,因?yàn)樗挥幸粋€(gè)產(chǎn)品具有視覺(jué)上令人驚嘆的網(wǎng)站。這個(gè)網(wǎng)頁(yè)規(guī)劃贏得了兩個(gè)最酷的設(shè)計(jì)獎(jiǎng)項(xiàng),F(xiàn)Wa和awwward。咱們能夠從這個(gè)品牌中學(xué)到一些東西。
產(chǎn)品會(huì)在屏幕上顯現(xiàn)出來(lái),爆炸性動(dòng)畫(huà)引起了用戶的留意,并且在你觀看這個(gè)講故事的視頻完畢之前不會(huì)讓你脫離網(wǎng)站。
此動(dòng)畫(huà)是翻滾激活的,并在BoomBotix網(wǎng)站體會(huì)開(kāi)始時(shí)將網(wǎng)站訪問(wèn)者置于駕駛員座位。
向下翻滾網(wǎng)站,您能夠按屏幕檢查有關(guān)產(chǎn)品屏幕的信息,一個(gè)位置巧妙的粘性CTa用于購(gòu)買(mǎi),產(chǎn)品價(jià)格在右下角不顯眼地使?jié)撛诳蛻艨紤]進(jìn)行購(gòu)買(mǎi)。
雖然互動(dòng)元素具有美學(xué)吸引力且引人注目,但它們或許會(huì)在訪問(wèn)網(wǎng)站時(shí)分散訪問(wèn)者的留意力。考慮到這一點(diǎn),網(wǎng)頁(yè)規(guī)劃師經(jīng)過(guò)在屏幕左邊放置導(dǎo)航欄,使網(wǎng)站控制進(jìn)程變得愈加簡(jiǎn)單。
然而,該網(wǎng)站好像關(guān)于一個(gè)產(chǎn)品來(lái)說(shuō)太奢侈了,它依然激發(fā)了諸如能夠用于任何其他產(chǎn)品的鼠標(biāo)控制觀念之類(lèi)的富麗想法。
GoPro
由于GoPro首要處理的是照片設(shè)備,所以在網(wǎng)格顯現(xiàn)的產(chǎn)品上方懸停顯現(xiàn)的是用某種類(lèi)型的GoPro產(chǎn)品拍攝的照片樣本。這能夠讓客戶更好地了解產(chǎn)品怎么使他們受益。
進(jìn)入GoPro的網(wǎng)站,首要吸引眼球的是一個(gè)以爸爸媽媽為方針的時(shí)髦英雄形象,并創(chuàng)造一種或許的情感聯(lián)絡(luò),以爸爸媽媽為方針。
動(dòng)畫(huà)下拉菜單利用了其極簡(jiǎn)主義的產(chǎn)品類(lèi)別,運(yùn)用圖畫(huà)比長(zhǎng)長(zhǎng)的與客戶無(wú)關(guān)的產(chǎn)品類(lèi)型列表更快地進(jìn)行溝通。
Beoplay
耳機(jī)制造商的另一個(gè)視覺(jué)效果驚人的網(wǎng)頁(yè)設(shè)計(jì),最近,耳機(jī)不僅作為一種可穿戴設(shè)備進(jìn)行營(yíng)銷(xiāo),而且作為一種時(shí)髦配飾進(jìn)行營(yíng)銷(xiāo)。
這便是為什么Beoplay的創(chuàng)造者一直在嘗試依據(jù)不同的身份和特性定制他們的產(chǎn)品。看看他們時(shí)髦的網(wǎng)站,它看起來(lái)更像是一個(gè)時(shí)髦品牌,而不是一個(gè)消費(fèi)電子網(wǎng)站。
咱們喜愛(ài)Beoplay的設(shè)計(jì)師怎么運(yùn)用足夠的白色空間和柔和的灰度調(diào)色板來(lái)強(qiáng)調(diào)當(dāng)今不同職業(yè)的奇妙和極簡(jiǎn)主義趨勢(shì)。
風(fēng)趣的是,網(wǎng)站的導(dǎo)航菜單上有清晰的平面圖形,能夠協(xié)助訪問(wèn)者找到他們想要的東西,雖然他們不知道它的技能名稱(chēng)。
這個(gè)網(wǎng)站的另一個(gè)特點(diǎn)是非傳統(tǒng)的產(chǎn)品頁(yè)面,每一個(gè)都充滿了大型的藝術(shù)圖畫(huà)、視頻、簡(jiǎn)略的產(chǎn)品描述和翻滾觸發(fā)的動(dòng)畫(huà)。
但Beoplay網(wǎng)站共同而有用的部分是其非常規(guī)的產(chǎn)品頁(yè)面,每個(gè)產(chǎn)品都有自己的長(zhǎng)翻滾頁(yè)面,其中包括大型藝術(shù)圖畫(huà)、視頻、簡(jiǎn)略的仿制闡明和翻滾觸發(fā)的動(dòng)畫(huà)。
這個(gè)品牌絕對(duì)有值得咱們學(xué)習(xí)的當(dāng)?shù)?,看看他們的網(wǎng)站,它看起來(lái)更像一個(gè)企業(yè)網(wǎng)站而不是產(chǎn)品主頁(yè),但這便是它如此誘人的原因。
總結(jié)
設(shè)計(jì)師最重要的使命之一便是在嘗試新事物和運(yùn)用毫無(wú)疑問(wèn)有用的東西之間獲得平衡,聰明才智是有回報(bào)的,但只能與久經(jīng)考驗(yàn)的傳統(tǒng)相結(jié)合。
上面的4個(gè)網(wǎng)站規(guī)劃結(jié)合了傳統(tǒng)的根底和參與的時(shí)刻做一些客戶從未見(jiàn)過(guò)的事情,不管你賣(mài)的是什么,你有必要學(xué)會(huì)什么時(shí)候在線條內(nèi)上色,什么時(shí)候讓構(gòu)思引導(dǎo)你的手。
分享標(biāo)題:4個(gè)消費(fèi)電子產(chǎn)品的品牌網(wǎng)站設(shè)計(jì)
轉(zhuǎn)載注明:http://muchs.cn/news/128799.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容