設計之前：

1.風格定位

在我們布置頁面框架之前，我們先來定位一下頁面的整體風格。從產品利簡約的純色塊選擇以及條紋元素，我們可以推出，店鋪整體品牌風格為時尚現代風，再從產品選料——布藝，我們可以根據市場，將頁面定位為符合現代都市人類的時尚簡約風格。

2.色彩定位

寶貝詳情頁的色系的選擇，是給消費者傳達心理暗示的一種最直接的方式。所以在色彩選擇上面，考慮到即將來臨的夏季，我們可以選用的是清爽的色系。結合產品的顏色，我們就把頁面主色彩敲定為藍色，在輔助色上面，為了貼合我們既定的簡約風格，我們選擇的是白色。接下來，我們就來開始分享的重頭戲——分步解說頁面布局。

一、風格展現

無論你銷售的產品是什么，只要是與設計相關的產品，那我們在頁面中，首先就要給出一張能夠體現產品設計風格的高大上海報，給買家留下深刻的印象！由于我們產品的消費群體，還是比較注重產品外觀的，所以，我們添加了產品的手稿，附上通俗易懂的設計說明，讓產品設計理念更深入讀者腦海。

二、亮點展示

如果說展現產品風格是亮出產品的名片，那么，我們在亮出名片之后，就要進一步介紹產品的優勢所在了。在這里，我們根據實際，放大展現出產品的亮點。在亮點選擇上面，由于我們的產品屬于家具類目，家具類目不同于服裝，除了注重外觀之外，更偏重于實用性和體驗度。所以，我們首先展現的，就是產品的選材——面料以及五金部件。此外，考慮到客戶的使用環境，我們清晰地表明產品的尺寸。這樣簡單明了的介紹，更客戶對產品更加深印象。

三、深度剖析

放大展現亮點，是為了讓客戶緊緊記住產品的好。但是，精明的客戶都明白，亮點可以吹噓，優勢可以放大展現。所以，為了讓客戶更放心購買，我們這時候就要循序漸進地來個深度剖析，讓客戶更進一步了解我們。

前文已經論述過，家具產品更注重的產品的實用性。所以，我們在進一步介紹產品的時候，就是要著重介紹產品的選料。在介紹產品選料的時候，我們要避免像教科書一樣陳述選料介紹。為了讓客戶更容易掌握到產品選料的優勢，我們應該亮出選料的生產工藝，從生產制作中的每一步體現選料的優勢，最后亮出選料的優點。此外，我們還可以結合生活中的實際情況，以溫馨小提示的形式，把選料優點回歸到日常生活場景。這樣的介紹形式，不僅僅讓容易勾起客戶聯想，也更容易打動客戶。從頁面布局的前半部分，我們可以發現，我們著重介紹的，都是產品的內部選料，設計理念。這是由客戶對于產品的關鍵點所制定的。

小結一：

在案例解說的上半部分，我們講解了頁面的風格定位、色彩定位。之后，我們解說了頁面布局的“名片展示”——“優勢強調”——“實力呈現”三部曲。聰明的你，一定能夠猜出，接下來，頁面部分要展現的，是產品的外觀。那么，我們要怎樣才能更好地，無遺漏地展現產品的外觀呢？除了產品外觀，我們還需要增添什么內容呢？

第四步：外觀展現

接下來，頁面部分要展現的，是產品的外觀。對于產品的外觀展現，我們應該注意的，就是展現圖片優先選擇能從多角度展現產品的圖片。另外，所有備選圖片當然還是得滿足照片清晰，顏色無色差等基本要求。第一個展示區域，就是使用產品的場景圖來展現寶貝。這是產品實拍圖展現的第一區域，所以，我們在選圖的時候應該注意，圖片選取角度適宜寬廣些，更能體現空間整體性。進一步展現產品，我們可以從其他角度展現產品，讓客戶更清晰掌握產品在室內的擺設效果。

現在，客戶對于產品在整體空間上的擺設效果，已經比較清晰了解。接下來，我們就使用了摳圖手法利用純白色的底色，展現產品各個角度的外觀。

第五步：細節展現

為了讓客戶對產品質量更有信心，這時候，我們就應該來個細節展示，把產品細節都剖析/放大呈現。這相當于給客戶打下強心針。在細節展現部分，我們在產品的整體圖片上分點標識出細節展現區域，在以圖文結合的形式分點介紹。這樣從整體到局部的介紹，能讓產品的細節介紹清晰到位，同時保證客戶清晰把握每一個細節點展現位置。分點介紹之后，我們還介紹了產品的其他外增附件——抱枕以及五金件。這樣的補充，能讓我們的細節介紹更完整，更系統。

第六步：產品參數

在頁面前部分，我們已經將產品的尺寸表示清楚。現在，我們的頁面信息已經十分充足。通過頁面介紹，客戶對于產品，也足夠了解。所以，我們這時候，應該把產品的所有信息以表格形式，一次性展現在客戶眼前。這里，我們需要注意的是，在整合產品信息的時候，對于頁面之前沒有著重介紹的信息，也可以補充列舉到表格中。為了豐富頁面完整度，我們把產品的空間整體擺設效果圖，再一次展現出來。

第七步：企業實力

通過整個頁面的打造，我們已經把產品很清晰地介紹了一遍，也把企業對于產品的設計獨特，選料優良等軟實力融入到頁面介紹中。所以，現在我們需要展示的，就是企業的硬實力。何為硬實力？硬實力就是企業規模之類的企業實力介紹。在這里，我們就以企業的機構——實拍攝影，來體現企業誠信經營。當然，對于其他童鞋來說，這一部分，還可以結合自己實際，以工廠車間，原料選購等場景圖片來進行描述。有一些做分銷或者代理的童鞋，也可以通過震撼人心的銷售額/銷售量，客戶好評等等素材來打造給客戶灌輸雞血的頁面喔~

第八步：溫馨提示

結合我們的產品，我們還應該特別說明的，就是產品的配送安裝。

第九步：溫馨提示

到了頁面的末尾，我們還是要遵循電商大軍的主流，給大伙來個關于售后，關于物流，關于色差等等的溫馨小提示。在這里，我們還加上了一個讓客戶更方便找到店鋪的區域。目的是，進一步宣傳店鋪，盡量留住在店鋪消費過的客戶。

現在，大家對于這個詳情頁的打造，是不是已經了解了呢？由于我們的分享案例打造分上下兩篇輸出，現在，就讓讓我們來整理一下整個頁面的打造思路。