企業後台管理 UI 設計

為企業客製化的後台管理網頁,客戶需要能夠快速資料瀏覽、出勤打卡、加班申請等功能,這樣的需求很適合使用 RWD 製作,能夠滿足 user 能夠隨時透過行動裝置使用此功能。
考量到行動裝置的使用,在 RWD 設計上以簡潔的 button 元素為主,button 元素強調回饋感,以確保 user 在操作時的流暢度。

企業後台管理 UI 設計

為企業客製化的後台管理網頁,客戶需要能夠快速資料瀏覽、出勤打卡、加班申請等功能,這樣的需求很適合使用 RWD 製作,能夠滿足 user 能夠隨時透過行動裝置使用此功能。
考量到行動裝置的使用,在 RWD 設計上以簡潔的 button 元素為主,button 元素強調回饋感,以確保 user 在操作時的流暢度。

企業後台管理 UI 設計

為企業客製化的後台管理網頁,客戶需要能夠快速資料瀏覽、出勤打卡、加班申請等功能,這樣的需求很適合使用 RWD 製作,能夠滿足 user 能夠隨時透過行動裝置使用此功能。
考量到行動裝置的使用,在 RWD 設計上以簡潔的 button 元素為主,button 元素強調回饋感,以確保 user 在操作時的流暢度。

Centech 飲水機

參考歐美網站流行的大型視覺排版,首頁使用 fullpage 加強瀏覽時的流暢度,並且使用些許的 scroll down 動畫增添質感。
這是進入這個行業的第二個作品,在對 RWD 都還不夠熟悉的狀況下,又要做出理想的效果,對當時的我來說算是蠻大的挑戰。

中央牌電風扇

客戶是銷售與開發國產電風扇的慶奇公司,原本既有的網站已不敷使用,網站的製作重點在於行動裝置的購物車功能,所以在不大幅改動網站架構的前提下,製作新的網站。
算是很中規中矩的購物車網站。

品醇洋酒網站

這是進入這個行業第一個接手的案子,客戶對網站的要求不高,也沒有想要做成 RWD 網站的意願,因此依照該公司的品牌印象去製作網站視覺
考量到未來可能會再製作購物車功能,因此在配置上,盡量以嘗間的購物車網站為原型。

樂華數位名片設計

2013 年進入這家公司後,有機會能夠重新設計名片,選擇了直式的形式,並且加入了公司的特色與主題來設計。
為了讓客戶能夠一眼看出我們銷售主力為攝影器材,所以加入了相機的元素。使用霧面材質局部亮膜來作處理,企圖增加公司的質感:P。

樂華數位 2015 年商品型錄

為下一年度製作的公司商品型錄,主要目的是提供經銷商公司下年度商品資訊。
為了提升公司質感,放棄以往使用的舊樣式,而全部重新製作,以符合整體公司形象,從封面到內頁,甚至是所有內頁廣告都是自己製作,是一項非常大的工程!

Magic Ball 魔力自拍球

樂華公司某一時期的主力商品,能夠遙控手機快門的藍牙裝置,由於廠商能夠提供的資料不多,基本上算是從無到有的製作。
這個專案中,我負責其商品包裝、APP UI 設計、商品形象...等工作。

illustration


project

ROWA MAGIC BALL packages
by illustrator.

ROWA 2015 catalogue
by illustrator.

ROWA Business card
by illustrator.

painting

Happy Moon Festival
by Photoshop.

Lovely afternoon
by paint tool SAI.

CAUTION SHARK!
by photoshop.

Summer night
by paint tool SAI.

Rainy day
by paint tool SAI.

Clouds. by photoshop.

Fixed myself.
by paint tools SAI.

Attack! by photoshop.

Street
by paint tool SAI.

Fairy
by paint tool SAI.

Occupied the planet
by paint tool SAI.

Catronaut
by paint tool SAI.

Moon girl
by paint tool SAI.

Flower Girl
by paint tool SAI.

Animal friends
by paint tool SAI.

photos


Nikon D3200
40mm / f2.8 / 1/2500s
ISO: 100

Nikon D3200
40mm / f3 / 1/1250s
ISO: 100

Nikon D3200
40mm / f2.8 / 1/2500s
ISO: 100

Nikon D3200
40mm / f2.8 / 1/4000s
ISO: 400

Nikon D3200
40mm / f3 / 1/2000s
ISO: 200

Nikon D3200
55mm / f22 / 1/30s
ISO: 200

Nikon D3200
20mm / f5.6 / 1/160s
ISO: 200

Nikon D3200
18mm / f4.5 / 1/800s
ISO: 200

Nikon D3200
40mm / f2.8 / 1/1000s
ISO: 200

Nikon D3200
55mm / f8 / 1/80s
ISO: 400

FUJIFILM XT10
16mm / f3.5 / 1/200s
ISO: 200

FUJIFILM XT10
16mm / f11 / 1/210s
ISO: 200

FUJIFILM XT10
24mm / f4.2 / 1/80s
ISO: 1600

FUJIFILM XT10
50mm / f5.6 / 1/170s
ISO: 200

FUJIFILM XT10
37mm / f5.6 / 1/20s
ISO: 5000

FUJIFILM XT10
50mm / f5.6 / 1/70s
ISO: 200

FUJIFILM XT10
172mm / f6.4 / 1/240s
ISO: 320

FUJIFILM XT10
230mm / f6.7 / 1/85s
ISO: 640

FUJIFILM XT10
192mm / f6.4 / 1/600s
ISO: 200

FUJIFILM XT10
50mm / f4.5 / 1/300s
ISO: 200

web


公司後台管理系統
UI 設計與前端

企業後台工具系統
UI 設計與前端

排班出勤系統
UI 設計與前端

Centech 形象網站
網站視覺與前端

中央牌電扇購物網站
網站視覺與前端

品醇洋酒
網站視覺與前端

about Glenn

who

Hi,我是 Glenn!
網頁前端設計資歷一年,具有獨力完成前端設計與開發的能力。對前端技術充滿熱情,時常關注目前技術趨勢,並嘗試學習新技術。
擅長處理前端視覺,對於 UI 設計與 SVG 動畫十分感興趣,以追求最符合使用者體驗的設計為目標。
目前正在積極學習 Javascript,以提升自我編寫能力,建立良好模組化概念,並且優化效能為目標。

Skills

expert

expert

intermediate

intermediate

expert

expert

expert

intermediate

Contact

若您喜歡我的作品,或是有任何批評指教或意見分享
歡迎來信至:zaku0225@gmail.com
或是透過以下社群與我交流:)

Hi, my name is Glenn Jong. Welcome to my site:)