Happy Rainy Day
雨季自信生活 ——— plain-me Rain Campaign
《雨天自信生活》嘗試對生活在都市的人們提出雨天的搭配建議。專案涵蓋 2 個層次、5 個頁面，內容包含首頁的雨季形象展示、以及四款系列商品的情境故事、機能說明頁，設計上將形象、文案、商品揉合成為流暢的篇章，引導顧客產生共鳴，進而解決雨天出門的煩惱。
以開心的雨天形象
揭開序幕。
第一層級 ——— 首頁。以形象照、文案描述雨天的日常作為開場，帶出雨季的場景，並以愉悅、期待的方向引領顧客進入穿搭情境，創造出輕鬆、時髦的都會氛圍。
透過 TAB 的切換，商品形象照搭配簡短的文案與機能訴求，讓顧客快速總覽四款系列商品，並作為第二層頁面的入口。
作為首頁的延伸，
也是獨立的商品頁面。
第二層次 ——— 系列商品頁。以貼近日常的情境，書寫你我雨天發生的種種故事，並闡述商品如何幫助顧客擺脫狼狽的窘境。外拍圖片、深刻的情境文案、搭配流暢的動態效果，呈現出明快的搭配提案。
四款商品系列的每一個頁面，除了是首頁內容的延伸，更可視為單一頁面，依商品上市的波段上線，或在行銷上進行推廣的操作。
文案與圖片的分層結構
依照紙本型錄的設計，在網頁設計時將圖片與文字拆分為兩個元素，除了可以進行 Lazy Load 的動態設計，也讓閱讀更具層次感，同時在不同尺寸的裝置得以重新排版，以確保文字的閱讀性。
圖示化的商品機能分類
單一系列商品中，包含有不同機能的單品，透過既有商品頁的版型，重新劃分一個欄位作為說明區塊，除避免重新開發商品列表元件，同時可以在站內創造出新的列表視覺體驗。
SPEC & DETAILS
CREDITS
Project Manager：Hsieh Meng-Chen
Web Design：Hsieh Meng-Chen
Front-end Developer：Hsieh Meng-Chen
Back-end Developer：Lin Jung-Tsuo
Client：plain-me Co., Ltd.
Year：2017