我的角色

  • UI / Web Design

  • Visual Style Design

  • Front-end Implementation (HTML / CSS)

在視覺策略上,以柔和的自然色系與流動感背景作為主要設計語言,營造放鬆與安全感,呼應品牌「自然療癒」的核心理念。

整體版面採用清晰的區塊分層,透過留白與視覺焦點控制,引導使用者由品牌訊息 → 課程活動 → 諮商形式 → 預約流程,逐步理解服務內容。

在 UI 設計上,我特別強化了以下幾個部分:

  • 資訊階層設計:以卡片式模組呈現課程與諮商服務,降低閱讀負擔並提升掃讀效率

  • 服務理解度:透過圖像化與圓形視覺模組,讓不同諮商形式更直觀易懂

  • 流程可視化:將預約流程設計為步驟式資訊區塊,減少使用者對諮商流程的不確定感

  • 情緒化介面設計:使用柔和背景、自然元素與低對比色彩,讓整體體驗更貼近心理服務的情境需求

本專案從視覺設計到網站切版皆由我完成,過程中同時考量品牌調性、資訊架構與使用者閱讀動線,讓網站在美感之外也具備良好的可用性與溝通效率。

Create a free website with Framer, the website builder loved by startups, designers and agencies.