來聊聊 Wireframe(上篇):網站設計前為何一定要做這一步?

你也曾經遇過「沒先畫好架構,後面亂成一團」的網站專案嗎?
設計還沒開始,為什麼就要先畫 Wireframe?
因為它不是多此一舉,而是設計師和客戶之間最重要的「共同語言」!

Wireframe 能讓專案提早進入狀況、釐清結構、優化頁面動線,對於跨部門合作和遠距溝通更是超有感。
就像室內設計前得先有平面圖,網站也需要一份建構說明書。

這篇文章帶你認識 Wireframe 的真正價值,避免踩雷、節省預算、提升效率,從一開始就把方向走對

真美花藝研究會。官網上線

1989春天,在台南古都誕生了中華民國真美花藝研究會
承襲日本mami flower Design School自然、自由、自創的理念,
藉由一間間教室,播種花藝之美的種子,在台灣各地萌芽、展葉…

透過創新的設計,將極富生命力的花卉自然呈現
這過程不僅僅在傳遞『花的形』,更是『花的心』的極致表達。

超能力官網改版

2015年,我們換了新面貌
設計不難,整理六年的作品,決定去留才難

再次謝謝Stan, Yachi妹妹
協助規劃及更新官網
中間還有些不足的部分
我們會盡快補上

迫不及待和你們分享
喜歡我們的新官網嗎?

一針一線|傳承中國傳統美學,網站上線

「一針一線」是來自中國的網站設計專案,從視覺設計、素材製作到文案撰寫,全面重新打造品牌形象,傳承五千年文化美學。專案團隊用心呈現自然人文與優雅時尚的完美融合,帶您感受手工刺繡的細膩魅力與文化底蘊。

(槍稿) 一針一線。設計提案

來自中國汶川的客戶,希望保留繡娘的傳統手藝
因此創立一針一線這個類文創的品牌
我們在設計官網的時候,也特別針對這點
重新琢磨頁面視覺

概念 01 職人精神 / 文化傳承
攝影師提供的Teaser影片很有故事性
同時也帶出一針一線的原有精神

因此在設計上建議直接使用影片作網站首頁背景
影片不間斷重播(需移除影片內的LOGO片段)
畫面選單 / Footer於首頁時隱藏
點選紅色按鈕或捲動後進入故事 Sotry單元,選單置於頁面上方使用

index_01_01 index_01_03 index_01_05 index_01_06 Story


概念 02 商品導向
使用情境文字作開場引言,像是在述說一段故事的開場白
畫面以淡入淡出的效果切換
在出現靜雅的生活品格之後,產品畫面由左至右滑動進場
隨後出現一針一線 LOGO及網頁選單

畫面在首頁靜止時,左側的畫面會隨機輪播照片
(同樣以淡入淡出效果製作即可)

index_03_01 index_03_02 index_03_03 index_03_04