Cindy’s Garden

網頁設計

心巧花藝設計 – 網站架構介紹

全寬網站版型，簡化網站結構

心巧花藝設計 是主要提供的服務是以客製化花束週邊相關產品，根據業主希望在網路經營自有品牌並且重點展示花束作品的需求，在版面設計上採用全寬方式呈現入口網站以及各分頁頂部的作品背景圖像，讓網站訪客第一眼就能被花束設計作品所吸引，聚焦注意力後，就更有機會繼續瀏覽網站。

在網頁設計時，並不是將網站內容塞得越多，就能代表內容夠豐富可以吸引訪客駐留，在網路使用者普遍都想要快速了解資訊的情況下，簡單的網站架構反而可以防止瀏覽者失去耐心。因此在 心巧花藝設計 的主頁面內容區塊，採用集中內容資訊的方式，提供較少干擾的閱讀環境，更能讓人能專注於花藝作品圖片與文字內容。

網頁元素設計理念

品牌標誌主色系 客製化表單內容

有別於其他網站設計案例中運用大量色彩作為頁面內容點綴與呈現，此次網站架設案例中在網頁元素外觀呈現只使用品牌標誌主色系，除了讓整體網站樣式具有一致性外，更希望引導網站訪客更專注在花藝作品上，達到讓瀏覽者加深品牌印象的目標。

在訂購花束的頁面，配合業主有代送花束的服務，在表單欄位中加入更多選項，並且以 RWD 響應式網頁技術讓訂購表單在不同裝置仍具有一致性與正常功能，讓業主不會錯失來自於行動流量的訂單內容。

網站架設特色功能

加入多國語言版本 作品圖片 Lightbox 效果

心巧花藝設計 在近期希望為網站加入第二語言版本，根據業主提供的語言資料，運用 ＷordPress 專業翻譯外掛 WPML ，為不同語言版本的網頁內容做同步修改與網址串接，也根據不同語言的字元特性，做網頁版面修正與調整，近期英語版本的 心巧花藝 主網站已正式上線。

一張好的圖片將勝過千言萬語，更何況在設計產業中作品的呈現在很大程度上會影響客戶的選擇，因此在花藝作品圖片中特別加入 Lightbox 燈箱效果，點擊圖片後將會開始輪播呈現頁面上所有作品圖片，提供更多花藝作品細節，不只是輔助網站訪客深入了解作品，更是對自己的設計方式自信的表現。