digiphoto

Screenshots
  • digiphoto
  • digiphoto
  • digiphoto
  • digiphoto
  • digiphoto
  • digiphoto

DIGIPHOTO

ROLE :

Design, HTML, CSS

DIGIPHOTO 是 PCHome 集團下所出版的攝影雜誌,此網站結合了雜誌與更多線上服務,為喜愛攝影的玩家提供更好的互動空間。

moretext

Screenshots
  • systemcom
  • systemcom
  • systemcom

SystemCom

ROLE :

Design, HTML, CSS

健訊企業有限公司為專業無線電系統整合商,凝聚數十年專業技術及經驗,主要代理歐美專業無線電、無線網路系統,衛星設備及電子偵蒐系統,將之整合及規劃為客製化系統符合客戶需求。健訊企業在無線電及無線網路領域為專業指標代表。

moretext

Screenshots
  • rubyjobs
  • rubyjobs

Ruby Jobs

ROLE :

Design, Logo, HTML, CSS

兩岸 Ruby 圈知名活躍的 ihower 大大所架設的 Job Board,專門針對有 Ruby on Rails 方面需求或具備其技能的相關人才。因為網站功能簡潔清楚,因此整個設計過程也相當的輕鬆愉快。

moretext

Screenshots
  • moretext

MoreText

ROLE :

Design, Logo, HTML, CSS

這是服務的 Handlino 提供的輕量服務,讓前端工程師在編排畫面時,可以不必費心思去找內容物來填充。比起無任何意義隨機假文,這個產生器能產生出可以唸、有時還有點好笑的內容。讓設計師心情愉快, 工作輕鬆。

因為內容文案固定所以設計起來相當輕鬆愈快,也是第一次用超大背景圖這種做法處理整體視覺。

handlino

Screenshots
  • blog
  • portfolio

Handlino

ROLE :

Design, HTML, CSS

本人服務的 Handlino 公司網站視覺改版,原本公司自己架設的 WordPress 系統也改成網路免費的 tumblr

所謂“自己的東西最難設計”在這次設計公司網站充分的展現,現在線上運作的是我設計的第三版,前兩版在 Prototype 完工後都被推翻,還好都是利用公司空餘時間所做,前兩版就當成是習作。

hotwave

Screenshots
  • hotwave
  • hotwave

熱浪網 HotWave

ROLE :

Design, Logo, HTML, CSS

一般大眾藉由媒體得知新聞,熱浪網則希望這樣由上而下的傳遞方式,能藉由網友的散播變成由下而上,透過分析撲浪的連結來統計當下最熱門的時事。

kkbox

Screenshots
  • KKBOX
  • KKBOX
  • KKBOX
  • KKBOX
  • KKBOX
  • KKBOX
  • KKBOX
  • KKBOX

KKBOX

ROLE :

Design

KKBOX 網站整體視覺與操作介面的全面更新,更符合了 KKBOX 在台灣、香港第一把線上音樂龍頭的地位。

除了提供音樂下載服務之外,KKBOX 網站本身資料是極豐富的,藝人新聞與動態、評論、線上點播、投票、討論等等族繁不及備載,因此從規劃起在下服務的 Handlino 就開始參與協助,而在下則負責網站的整體視覺設計。由於尚有 KKBOX Player 需要同步提供網站資訊,更讓設計本身充滿了挑戰性。

randomlife-v2

Screenshots
  • randomlife-v2
  • randomlife-v2

和多繽紛樂 V2

ROLE :

Design, Logo, HTML, CSS

繽紛樂更新版,Handlino 精簡功能並調整視覺設計,另外使用了 CSS3 的圓角、文字陰影技巧,IE 看不到,所以趕快來用 Firefox 吧 =)。

cacaphoto

Screenshots
  • cacaphoto
  • cacaphoto
  • cacaphoto
  • cacaphoto

cacaphoto

ROLE :

Design, Logo, HTML, CSS, JavaScript

成立於香港的圖庫站

Vasseli

Screenshots
  • Vasseli

Vasseli

ROLE :

Design, HTML, CSS

位於 Youfond平台 上的 Vasseli 活動網站。Vasseli 為專營鎢金的飾品公司。

frienditude

Screenshots
  • frienditude
  • frienditude
  • frienditude

Frienditude

ROLE :

Design, Logo, HTML, CSS

Handlino 負責網站方面相關服務介面開發的 Frienditude,提供手機與網站結合的通訊服務,除了可以更方便的管理個人通訊錄(同步)之外,更在網站中加入行事曆、簡訊與聊天功能。

由於網站主要架構幾乎都是資料表格或清單,因此走簡潔風格讓資料更易於閱覽,較搶眼的 Header 配色做為主視覺。網站看似簡單,但許多功能都是直接融合在頁面之中,讓使用者可以減少許多步驟達到想要的動作,而這些也增加了 UI 設計的困難度。

smilediet

Screenshots
  • smilediet
  • smilediet
  • smilediet
  • smilediet
  • smilediet
  • smilediet

Smilediet

ROLE :

Design, HTML, CSS

微笑餐盤提供線上完整的飲食紀錄、食譜,透過網站機制可方便與好友分享菜單以及飲食計畫,對於想要減重(增胖?)的朋友絕對是方便的選擇。

網站整體視覺強調輕盈、健康、隨性,因此配色除了延伸商標的翠綠之外,還加入了許多手繪效果的設計風格,感覺隨手一畫的 note、icon、button 隨處可見,讓人感到減重不再是種壓力,另外頁尾蒼翠的草皮設計更可帶出健康飲食的輕鬆自在。

Handlino Developer Connection

Screenshots
  • Handlino Developer Connection

Handlino Developer Connection

ROLE :

Design, HTML, CSS

Handlino 開放原始碼專案位於 github 的清單頁面。比較有趣的部分是頁首使用了三層背景,因此當瀏覽視窗改變寬度時背景也會有位移效果。該頁面針對程式開發族群,因此背景效果也就放棄IE6了。

DIGI

Screenshots
  • DIGI
  • DIGI
  • DIGI

DIGI 寺岡科技

ROLE :

Design, HTML, CSS, JavaScript

寺岡科技專門設計、生產電子系統相關產品,主要客戶群為超市或食品工廠。網站設計、配色皆延伸自寺岡 Logo,同時將原日本網站那種舊時代的感覺升級現代化,而呈現出更清新的質感。

Wretch Find Friend

Screenshots
  • Wretch Find Friend
  • Wretch Find Friend

無名 好友連連看

ROLE :

Design, Logo, HTML, CSS

無名小站的新服務,由 Handlino 承接開發設計。Logo 是設計該案中感到最棘手的,幾經修改才定案。

DingOK

Screenshots
  • DingOK
  • DingOK
  • DingOK
  • DingOK

DingOK

ROLE :

Design, HTML, CSS, JavaScript

美食介紹網站,同時結合網路訂位系統。個人覺得會是項困難度頗高的服務,不過若成功,對於喜愛嚐美食的饕客將會是一大福音。

opmsg

Screenshots
  • opmsg
  • opmsg
  • opmsg
  • opmsg

opmsg

ROLE :

Design, Logo, HTML, CSS

Handlino 另一項內部開發作品,有點類似 Twitter,不過針對功能上有進一步的加強。

網站視覺設計之初遇到一些小困難,後透過 CSS trick 來達到了想要的效果。

Random Life

Screenshots
  • Random Life
  • Random Life
  • Random Life

和多繽紛樂 Bingo

ROLE :

Design, Logo, HTML, CSS

這是 Handlino 參加 Yahoo! Open Hackday 2008 in Taiwan. 獲獎作品。網站本身完全以歡樂為出發點,不過由於為實驗性程式開發設計,因此瀏覽實體網站請使用 Firefox

在視覺介面設計上也因為是實驗性開發,一開始就完全捨棄支援性、標準性較差的 IE,因此整個網站皆以 PNG 圖檔所構成,在完全不需要考慮 IE 的情況,這本身就是相當歡樂、愉悅的一個設計過程。

coscup

Screenshots
  • coscup

COSCUP 2008

ROLE :

Design, Logo, HTML, CSS, WordPress

台灣開放原始碼社群年度研討會網站,Handlino 贊助,修改自 WordPress。

ooxx

Screenshots
  • ooxx

OOXX

ROLE :

Design, HTML, CSS, JavaScript

網站尚未上線,細節內容不便公開。

往事不要再提,人生已多風雨,縱然記憶抹不去愛與恨都還在心裡..

這是花了相當多心思、時間,卻未能得到善意回饋的慘案。由於上線日期難以估計,只好修改畫面先整理上來。

FunAV

Screenshots
  • FunAV

FunAV

ROLE :

Design, Logo

成人網站比稿。

registrano

Screenshots
  • registrano
  • registrano
  • registrano
  • registrano

Registrano

ROLE :

Design, HTML, CSS

這個線上報名系統是 Handlino 另外一項極方便的服務,讓你辦聚會不用再電話一通一通問。

網站在加入公司前已存在,因此設計內容針對首頁視覺、問與答、金流畫面等做進一步更新,另外設計多款簡單的活動頁面 theme 提供 user 選擇。

chatlino

Screenshots
  • chatlino
  • chatlino
  • chatlino

chatlino

ROLE :

Design, Logo

Handlino 所開發之套裝應用程式,可輕易放置任何網站下運作。

sudomake

Screenshots
  • sudomake
  • sudomake
  • sudomake
  • sudomake

sudomake

ROLE :

Design, Logo, HTML, CSS

是否有過某些 idea 或想法出現在腦海,覺得實在需要某個有能力的人去執行它呢?這就是 sudomake 存在的意義。將想法丟到網站上,認識、不認識的都可以要求或等待認領。

這是進入 Handlino 所接觸的第一個公司內部案子,由於網站有著強烈英雄主義氛圍,因此選用了超人的大紅色以及設計了系列相關 super hero icon。另外網站功能計畫加入 facebook,因此還設計了 facebook 介面以及 theme。

i-design

Screenshots
  • i-design
  • i-design
  • i-design
  • i-design

i-design v2

ROLE :

Design, XHTML, CSS, JavaScript

i-design 第二版,主要特色是 switcher style 部分,也就是換主題佈景,視覺設計還不成問題,但寫 HTML/CSS 部分則著實死的不少腦細胞。網站本身沒有資料庫,因此利用 blogspot 另外架設部落格,當然 theme 與 plugin 又是另外設計、修改,這部分腦細胞大概又死了三分之一。

dormitory

Screenshots
  • dormitory
  • dormitory

台大BOT新宿

ROLE :

Design, HTML, CSS

太子建設承包的台大BOT宿舍網站,網站功能主要提供線上訂房系統,為因應開放訂房時的瞬間暴增流量,因此要求網站在設計上盡可能不使用圖片。

案子承接於程式開發公司,結案後該公司又應太子要求所做之變更與本人無關 @@

PlazaLOGIC

Screenshots
  • PlazaLOGIC
  • PlazaLOGIC
  • PlazaLOGIC
  • PlazaLOGIC
  • PlazaLOGIC

PlazaLOGIC

ROLE :

Design, HTML, CSS, Flash, JavaScript

PlazaLOGIC 是國內專門設計、開發螢幕鍵盤的軟體公司,老闆是位親合的老外。設計訴求簡單、乾淨、大方。雙語版。

National Taiwan University

Screenshots
  • NTU
  • NTU

台大國際交換學生報名網頁

ROLE :

Design, HTML, CSS

國立台灣大學國際交換學生申請表。

YouFond

Screenshots
  • YouFond
  • YouFond

YouFond 活動平台

ROLE :

Visual Update, HTML, CSS

接手的案子,修改、美化原始初稿視覺設計。討論版視覺設計。

Wendell

Screenshots
  • Wendell

穩得實業股份有限公司

ROLE :

Design

企業形象網站改版比稿。

ANO

Screenshots
  • ANO
  • ANO
  • ANO
  • ANO
  • ANO
  • ANO
  • ANO
  • ANO

藝流國際拍賣

ROLE :

Design, HTML, CSS

台灣藝術拍賣公司官方網站,網站除了提供拍賣會相關資訊與新聞之外,亦收集了兩岸藝術家與其作品的資料庫提供查詢。

全方位牙醫聯盟

Screenshots
  • 全方位牙醫聯盟
  • 全方位牙醫聯盟

全方位牙醫聯盟

ROLE :

Design, HTML, CSS, Flash

新店全方位牙醫診所。

inHouse

Screenshots
  • inHouse
  • inHouse

inHouse 遊戲資訊網

ROLE :

Design, Logo, HTML, CSS, Flash

遊戲資訊網站 Demo 設計。原本計畫是由美商藝電,也就是 EA 所贊助的遊戲網站,因此視覺設計大量參考了 EA 官方網站風格。

ShockWave

Screenshots
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave
  • ShockWave

ShockWave

ROLE :

Design, Logo, HTML, CSS, Flash

針對年輕族群的教會大型社群網站,服務範圍相當廣泛,舉凡新聞、檔案下載、網路商城、部落格、聊天室、討論版、活動等等,由於相關服務幾乎都包含了個人或社群的管理後台,因此設計介面相當繁雜,讓風格的整合成了一大挑戰。

Tournament

Screenshots
  • Tournament
  • Tournament
  • Tournament
  • Tournament
  • Tournament

4Gamers 賽事平台

ROLE :

Design, Logo, HTML, CSS

4Gamers 遊戲資訊網站延伸之賽事平台,提供賽事完整線上表單、新聞、介紹、資料彙整等服務,在台灣算是首創服務型態,不過台灣整體大環境尚未健全,因此隨著 4Gamers 休站該服務也跟著下架了。

Xgamers

Screenshots
  • Xgamers
  • Xgamers
  • Xgamers
  • Xgamers

XGamers Esports Club

ROLE :

Design, Logo, HTML, CSS, Flash

台灣早期知名電子競技隊伍,原本專注遊戲 Counter-Strike,後轉型俱樂部模式,成立 WAR3 與 C&C 分隊,並開始找尋贊助商,此網站就是於該時期所建立。由於網站建置在 4Gamers 之下,因此採用類似架構設計該網站。

4Gamers

Screenshots
  • 4Gamers
  • 4Gamers
  • 4Gamers
  • 4Gamers
  • 4Gamers
  • 4Gamers
  • 4Gamers

4Gamers 遊戲資訊網

ROLE :

Design, Logo, HTML, CSS, Flash

架構在 The Ark 下的專業大型遊戲資訊社群,提供新聞、檔案下載、討論、聊天、賽事、隊伍管理等等眾多服務,可惜因資金問題而收起。該站花近一年時間策劃設計,名聲雖不響,卻是個人目前設計難度與複雜度數一數二的作品。

Conny

Screenshots
  • Conny
  • Conny

康奈國際美體

ROLE :

Design, HTML, Flash

康奈國際美體為台灣自行開發的保樣品公司。

The Ark

Screenshots
  • The Ark
  • The Ark

The Ark 方舟數位行銷

ROLE :

Design, Logo, Flash

方舟數位國際行銷公司是前幾年與朋友合作嘗試性開設的公司,網站為全Flash。

TeamFF

Screenshots
  • TeamFF
  • TeamFF

Team FF

ROLE :

Design, Logo, HTML, Flash

國內早期知名電子競技隊伍,主要比賽項目為絕對武力,如今更名為 UMX Gaming,因應需求與贊助廠商網站也已改版。

SFonline

Screenshots
  • SFonline

SFonline 官方指定專用配備

ROLE :

Design, HTML, Flash

SFonline 特種部隊官方指定專用配備網站,介紹電玩周邊硬體,廠商為丹麥 Steel Series

JazzyKit

Screenshots
  • JazzyKit

JazzyKit

ROLE :

Design, HTML

JazzyKit 為生產高階鍵盤的製造商,商品主要提供對象為遊戲玩家或專業電子競技選手。網站當初為中、英雙語系,後來廠商更名為 jAKi,網站也由他人經手做了部分改版。

資料整理中..