設計挑戰

💡如何透過介面視覺與兒童產生情感連結？

💡如何符合客戶需求，簡化資訊與創造好的診所網站體驗？

專案服務對象

父母

診所必須提供我的小孩一個舒適安心的環境，專業用心的診所體驗從網站可以輕鬆了解診所的風格調性與品牌文化

兒童

給與孩童有趣豐富的視覺享受，讓他們感受到診所是有趣的，同時讓他們不再畏懼看牙

設計過程

為了符合客戶需求，網站體驗必須像是實際走進診所，因此一切設計概念從診所環境出發

Step 1 . 介面體驗規劃

透過Wireframe制定網站流程

診所內部位置圖

從門口進入到診所的順序會先是櫃檯服務區，接著是兒童休息室最後再進入到不同的診間

網站 Wireframe

Wireframe的架構是依據進入診間的順序，透過瀏覽網站的順序配置到功能服務資訊區域

1. 櫃檯代表診所服務
2.兒童休息室是診所的核心價值，代表診所的理念與重視兒童
3.診療室代表診所的特色及優勢

Step 2 . 設計視覺元素

透過診所的裝潢擺設萃取出適用於「兒童」的視覺元素，從色彩系統、形狀及元素轉換成診所品牌的風格定位

專案進行的過程中，正思考什麼樣的插畫風格更貼近牙醫診所

插畫的形式有線條、色塊、漸層，風格更可能是寫實的，最後決定透過簡約的色塊線條搭配鮮豔的配色呈現

為何使用簡約的色塊風格與線條？

1.避免畫風太過複雜而忽略服務重點及文字資訊

2.為了達成插畫與診所的一致性，透過家具與裝潢擺飾的形狀抽取出來進行簡化後轉換成網站圖像元素

「圓」在視覺心理學上有安心舒適的感受
網站一切的視覺元素從「圓形」與「圓角」開始並搭配診所內部豐富的色彩

色彩系統

透過診所內部所使用之色彩，調整成符合網站使用的色彩系統

Final design

完成了一個有趣的專案，一起欣賞網站最終的模樣 ✌️
完整細節說明，請繼續下滑瀏覽 ⬇️Thanks