【設計作品】康寧 25B 員工活動網站設計

美商 Corning 達成了新的里程碑,
1851 年至今生產了 250 億平方呎的玻璃材料。
特別企劃了內部活動,凝聚內部員工的向心力。
活動構想很單純:
內部員工投稿和 “25” 相關的照片,就能參加抽獎和比賽,
網站視覺就是將照片當成 Corning 生產的玻璃,
滿滿的鋪設在地球上……

【設計作品】遠見2019企業接班傳承論壇網頁設計

去年的設計受到客戶青睞,今年再度委託我們設計論壇講座活動網頁
報名網站多半以資訊露出為主,早期較少有醒目的設計出現
這幾年台灣設計力大噴發,其實常常可以看到優秀作品出現在生活周遭
我們希望可以在既有的設計中,做些變化
這次特別在主視覺中的線條上下苦心,有了先前歐菱科技官網建置時的前端技術經驗
做起來還算得心應手

專案順利上線,也謝謝客戶提供這個機會給我們嘗試。

「智在必得」2018 IBM高峰領袖論壇。活動報名網頁設計

以前我們習慣以口述或者提供參考網站的方式跟客戶提案
但因為每個人的想像力和在意的方向不同
有時候很容易落入雞同鴨講,一直在損耗會議時間

這是我們後來的作法

在提供視覺靜態樣稿的時候
同步請前端程式設計師製作適合的特效
效果很不錯,客戶也可以很快理解我們想要表達的概念

假設最後想法未被採用,我們也在製作的過程裡累積經驗
我認為是很不錯的自我訓練……

聊聊一些專案製作的經驗

有時候我會想,如果一個品牌的經營時間已經夠長
大家對這些標誌和視覺識別已經很熟悉了
為什麼一定要重新大改,才叫做設計?!

可以重新觀察和分析既有的視覺和配色
重新萃取出相關元素再行改造
對於一般消費者而言,大家的接受度也會比較高
雖然沒有像敲掉重新大改造那麼有新鮮感
但是他保有原本的核心識別精神,我認為會是更好的設計方向。

龜甲萬料理教室上線

新案上線。龜甲萬料理教室。

露營時總煩惱吃什麼嗎?跟著露營+親子料理高手一起來做露營料理!
這次的露營主題,雖然搭上事先規劃的模版,我們在避免制式化設計上下了一些功夫
畫面的設計還是很有自己的味道,團隊中的媽媽們都好想去報名啊~

龜甲萬。丸大豆醬油網頁上線


新案上線。
龜甲萬新品上市,日本丸美大豆釀造~
網站還準備了內藏鄉民梗的漫畫,你看得懂幾個?XD

我們從龜甲萬老官網做到現在,
龜甲萬對食譜和烹飪教育的推廣不遺餘力,
今年我們和龜甲萬還有一些合作企劃在進行中,
喜歡烹飪的朋友們不要錯過了喔。

視覺設計:Genie Chen
前端程式:Kidult Lee

Shopline 官網專案上線

SHOPLINE官網改版
我們團隊在2017年負責的專案。

這個案子讓我們吃足了苦頭
從一開始的網頁規劃一直到後面程式設計
花了非常多時間在溝通和修正

企劃組有SEO的要求
程式端有頁面讀取必須要輕巧快速
設計有畫面的堅持

這段時間,就是在這樣的
來回討論(ㄔㄠˇㄐㄧㄚˋ)中度過

網站最終在一個還不錯的平衡狀態下上線
我們都很喜歡,也希望你們會喜歡。

坊間有很多線上電商架站平台
Shopline是我們看過很努力在優化賣家工作效率的公司
這也是為什麼我們很喜歡跟他們合作
也會推薦給其他客戶的原因

推薦給你
也希望你們會喜歡這樣的網站呈現。

官網連結: https://shopline.tw

自由時報iStyle時尚頻道網站設計

新專案上線。
對象是自由時報 iStyle時尚頻道

網站前端設計由我們負責
喜歡時尚相關話題的朋友,歡迎你們上來看看
(GQ / FHM快來找我們吧!! 我最喜歡設計辣妹的網站了)

企劃溝通:小四
視覺設計:Genie Chen
前端程式:Kidult Lee
後端建置:自由時報
後續網站維護:自由時報

http://istyle.ltn.com.tw/

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

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

概念 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