Web UI|網頁介面設計 / 體驗規劃
![](https://assets.matters.news/embed/0fe5f58a-a1fe-4931-8df6-8c3bad20e380.gif)
因為 Matters 無法編輯文章,故最新的專案或內容更新,請以 Medium 原文為準!
Deerlight Design Studio
我們在森林的迷霧中,散落著光 ── Deerlight 原指在夜晚中的鹿,被車燈照射到而停下動作,像是被凍結一般,靜止在這一刻。
將其意境衍生成:為美所震懾。
![](https://assets.matters.news/embed/92db162c-ef9d-434d-8d09-34e391600de4.png)
Deerlight Design Studio 曝鹿設計工作室,由 Jhane Chou 於 2013 年創立,致力於品牌及概念視覺化,後續拓展多項設計領域,展現特殊的中性及唯美風格。我們在意細節與內容呈現,每一次的作品都是理性與感性交織而成。
Web UI
網頁介面設計 / 體驗規劃,工作室除了網頁介面設計,也包含建構網站的服務。一個網站從無到有,包含各項要素(資訊架構、介面體驗、視覺設計、影音素材、動畫特效等)同時也會評估專案需求,選擇與外部合作夥伴共同執行專案。
若單從平面設計的思維去執行介面設計,那麼網站的整體就像是一張「廣告」毫無使用者體驗可言(乍看整體豐富、酷炫,實際上難以操作)而介面設計所包含的專業與一般的平面設計有極大區別,才能創造出符合客戶形象及需求的網站。
完整的網站建構至少需要以下角色:
- 工程:網站佈署、建構,以及樣式撰寫
- 介面:為網站設計符合用戶體驗的介面規劃
- 視覺:為網站介面製作及提供符合規範的素材(例如:形象識別、視覺插畫)
設計的部份:其中介面與視覺可各自獨立,也可共同執行,工作室主要擅長介面設計,可視情況同時執行視覺設計,若專案有特殊需求,例如客戶有內部設計師,或經由我們評估後認為適合分開進行,會與客戶溝通討論,另外找尋符合的執行者。
工程的部份可提供 WordPress 網站開發(適合有後台需求的專案)、Squarespace 套版網站製作(適合個人及小型形象網站)服務。
Our Feature Projects
幾項代表專案。
Event Websites
大多專案為火曜日設計擔任前端撰寫,我方執行介面設計,視覺素材由其他外部人員或客戶共同執行。適合短期活動、吸引目光的活動網站設計。
![](https://assets.matters.news/embed/bd5bb181-5167-4897-bb08-91ac621adaea.jpeg)
→ The Great Tipsy 微醺大飯店活動網站|目前網站已更換成其他檔期
![](https://assets.matters.news/embed/064fe47b-47c1-4af2-9553-2b13ea457578.jpeg)
![](https://assets.matters.news/embed/44750dc4-480b-4b1e-8547-0548e3505f3f.jpeg)
→ Watch out! It’s a trap! 欸!小心日常陷阱題!活動網站
![](https://assets.matters.news/embed/7fe1893d-cc51-453f-a427-21c4d91c62a9.jpeg)
→ Watch out! It’s a trap! 欸!小心日常陷阱題!活動網站
WordPress Org
由我方或外部合作人員共同開發建構,也提供將客戶網站(原使用 WordPress Org 建置網站)進行網站重構與介面設計優化服務。
![](https://assets.matters.news/embed/df55c724-1cef-4653-9f56-65097bb07a4a.jpeg)
Squarespace
提供 Squarespace 網站套版製作服務,可供個人及形象網站使用,協助客戶製作素材及提供建議。
![](https://assets.matters.news/embed/36722c94-6cbf-47e8-8890-bf9ed1f76660.jpeg)
![](https://assets.matters.news/embed/906e3974-3cda-47fe-b291-6cb48e3abeb8.jpeg)
Process
合作流程及注意事項。
若有興趣來信,不論是企業或個人,都請使用信件與我聯絡!在聯絡我之前,可詳讀以下合作流程及注意事項。若能在初步詢問時,提供足夠的資訊與專案細節、時程、預算,都可以幫助彼此盡快清楚是否能進一步合作。
1. Interview|認識彼此
客戶在此階段提供清楚的專案需求,讓我們更快速釐清專案內容,給予對應的建議。
提供須知
為了加快彼此初次瞭解專案內容,請將以下資訊條列,並提供給我們:)
關於人:
- 介紹你們的背景、領域
- 介紹執行本專案的角色
關於專案:
- 預估時程
- 預算區間
- 本專案的明確目標及製作項目
- 相關的參考資料(或希望避免的)
2. Quote & Contract|簽訂合約 ✹ 支付訂金 ✹ 開始合作
依據專案需求,提供報價、時程及合約書。客戶確認規格、報價與時程無誤,雙方簽訂合約。
客戶支付專案的 50% 費用作為訂金,我方收到訂金即開始執行專案。
付款須知
我方無法開立發票,僅接受以勞務報酬或現金支付款項,並採兩期階段性付款。
第一期訂金:
- 客戶以勞務報酬或現金,支付專案 50% 費用
- 我方確認收款,即開始執行專案
第二期尾款:
- 我方完成專案執行,交付檔案,客戶驗收確認無誤後即可進行款項支付
- 客戶以勞務報酬或現金,支付專案 50% 費用
3. Design|設計執行
依據專案需求與規劃,進行一連串的執行過程。我們在意細節與內容呈現,每一次的執行都由理性與感性交織而成。
4. Final|支付尾款 ✹ 交稿結案
當我們完成設計的最終定案,客戶將支付專案尾款。確認收到尾款之後,交付合約所訂定的設計項目。
![](https://assets.matters.news/embed/1c83f57d-0066-4848-8cc5-a367ab649091.gif)
文章首次發布於 Medium,目前閱讀的版本為同步版。
感謝你的閱讀及支持,任何問題都歡迎來信交流|imjhanemi@gmail.com
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/588b19da-1f3e-4113-870a-7f12a0647cb9.jpeg/public)
- 来自作者
- 相关推荐