設(shè)計達人
www.shejidaren.com
愛設(shè)計，愛分享
很多時候因為時間、預(yù)算成本等因素，設(shè)計師需要快速制作一個產(chǎn)品營銷網(wǎng)站，這時應(yīng)該怎么做呢？可以參考今天推薦的 abybook 網(wǎng)站，設(shè)計師只占用很少的時間就能設(shè)計出來，不需要設(shè)計banner，只需要排版與配色，利用現(xiàn)成的實拍圖片來制作出一個具有促成用戶購買產(chǎn)品的營銷頁面。
該網(wǎng)站的用途僅介紹一本圖書以及具有購買功能，所以用單頁面、著陸頁的方式最好的選擇，減少工作量也降低成本。需要介紹的書籍名稱adverts of britain’s yesteryear內(nèi)容是介紹50年代的英國的廣告藝術(shù)作品，所以設(shè)計師使用了復(fù)古的色彩來襯托這個主題。
圖書介紹：
匯集了1600多個精美的藝術(shù)廣告，這些廣告來自電視，消費主義和廣告業(yè)定義的黃金時期，這個時期當(dāng)然是50年代。這些藝術(shù)作品是由手工以及杰出的才華橫溢的藝術(shù)家和插畫家巧妙地創(chuàng)造出來的，他們將不懈地工作數(shù)小時甚至數(shù)天以達到完美的效果。這些廣告是50年代思想流派的產(chǎn)物，在那里，正確地被視為種族主義和性別歧視之類的當(dāng)今問題將成為賣點，而很少或根本沒有考慮或考慮此事或其后果。
abybook 網(wǎng)頁設(shè)計
網(wǎng)站名稱：abybook網(wǎng)站風(fēng)格：復(fù)古風(fēng)網(wǎng)站配色：橙色 米黃網(wǎng)站形式：著陸頁、單頁面設(shè)計、營銷網(wǎng)站設(shè)計網(wǎng)站地址：abybook.com
圖1：幻燈片切換
幻燈片的切換多了一個亮點，設(shè)計師使用了遮罩功能（小編注：估計設(shè)計師沒時間做banner，并且只有實拍照片，所以想出這么個創(chuàng)意點:-d）
圖2：切換動畫gif圖演示
圖3：介紹
圖4：視差背景
中間插入一屏視差背景作為過度，解決頁面過于單調(diào)的瀏覽視覺。
圖5：促成購買
介紹了這么多，最后就要讓用戶去購買了，所以單獨做了一屏讓用戶購買的版面。并使用「限量版50本」的營銷文案來吸引用戶購買。
圖6：周邊展示
周邊展示，注意這個布局和上面類似，但使用了反向的方式形成對比感覺。
圖6：規(guī)格介紹
當(dāng)我們頁面內(nèi)容非常少的時候，可以參考這樣的布局做法，使用主色調(diào)的全屏背景，同時在背景上面加入一個半透明的logo水印來解決版面的空洞感。
圖7：網(wǎng)頁照片滑動特效
最后使用使用了網(wǎng)頁滑動特效來展示產(chǎn)品圖，點擊產(chǎn)品圖像直接跳到ins，這樣同時給ins號帶來暴光量也是不錯的選擇。
總結(jié)
從內(nèi)容上看，這個營銷網(wǎng)站非常之簡單，設(shè)計師一個上午就能做出來。雖然如此，但總體的視覺差效果并不差。
（ps：網(wǎng)絡(luò)時代連賣一本書都要做個銷售網(wǎng)頁，網(wǎng)頁設(shè)計師除了學(xué)習(xí)視覺設(shè)計外，還要學(xué)習(xí)一些可以讓設(shè)計來增加銷量的作品，也就是營銷設(shè)計，今天的網(wǎng)站作品就是很好的案例。）
感謝閱讀！歡迎加入設(shè)計達人官方設(shè)計交流群交流設(shè)計，掃下面二維碼，回復(fù)暗號「進群」即可，有不懂的問題都可以在群里一起交流。
//////近期文章//////
提高轉(zhuǎn)化率的界面，終極觸發(fā)設(shè)計指南
視覺錯覺：對稱的ui并非看上去的那樣
好美版式，迷人的折頁版式設(shè)計
2020年受設(shè)計師歡迎的20大字體！
—
設(shè)計公眾號不用多
設(shè)計達人為您嚴(yán)選精品設(shè)計好文、好資源、好靈感
記得設(shè)為星標(biāo)公眾號哦~
▼