Project Background
本案為獨立概念專案，以提供寵物住宿、美容與日常照護的旅館作為設計情境；環境影像為 AI-generated concept imagery。
UI/UX DESIGN
Love & Joy Pet Hotel Website Design
愛寵樂活寵物旅館
品牌官網設計
以寵物住宿、美容與日常照護為情境，設計品牌官網介面、服務資訊架構與提案式線上預約流程，並以溫暖的視覺語言呈現概念品牌。
ROLE
UI/UX Designer
TIMELINE
4 Weeks
TOOLS
Figma · Photoshop · Illustrator
PROJECT OVERVIEW
專案概覽
Target Audience
設計情境中的目標受眾為重視住宿環境、安全管理、照護品質與服務資訊的犬貓飼主。
Project Goal
以溫暖、專業的品牌視覺呈現旅館服務，並規劃從了解品牌、查看房型與服務到提案式線上預約的瀏覽流程。
My Responsibility
負責 UI/UX 設計，包含內容盤點、資訊架構、頁面閱讀順序、視覺設計、響應式版型、服務卡片、房型與顧客分享區介面，以及提案式線上預約表單。
RESEARCH & INSIGHTS
探索與設計洞察
使用者痛點 Pain Points
資訊分散
Information Overload
住宿、房型、美容與照護資訊分布在不同位置，增加使用者查找與比較的成本。
難建立信任
Lack of Trust
僅靠文字不足以讓飼主判斷住宿環境與照護品質，需要更多實際空間與服務資訊。
服務差異
Unclear Services
不同服務項目缺乏清楚分類，使使用者難以快速理解各項服務內容。
預約有疑慮
Booking Friction
此概念情境包含入住條件、日期、房型與寵物資料，需設計相應的預約流程。
使用者旅程 User Journey
尋找旅館
搜尋、社群平台或親友推薦
了解環境
瀏覽環境照片與住宿空間
比較服務
查看住宿、美容與照護內容
建立信任
查看評價與照護資訊
進行預約
確認入住資訊並完成預約
DESIGN DECISIONS
設計決策
DESIGN INSIGHT
本次分析整理：首頁需要呈現住宿空間與服務情境。
DESIGN DECISION
以住宿空間情境影像作為首頁主視覺，先呈現專案設定的服務場景。
UI APPLICATION
首頁以空間情境影像搭配品牌與服務入口，呈現概念中的住宿空間及服務內容。
DESIGN INSIGHT
本次分析整理：使用者在不同服務區塊需要清楚知道自己目前瀏覽的內容。
DESIGN DECISION
以卡片式分類呈現房型、美容與照護服務。
UI APPLICATION
將住宿、美容與健康管理依照內容分區，使用一致的圖片比例、標題與 CTA，降低長頁閱讀負擔。
DESIGN INSIGHT
本次分析整理：使用者需要更多資訊與評價來建立信任。
DESIGN DECISION
規劃顧客分享區與情境式線上預約表單，呈現決策資訊及預約步驟。
UI APPLICATION
以顧客分享區介面、聯絡資訊與預約表單，組成概念網站中的服務資訊與預約入口。
DESIGN OUTCOME
設計成果
0%
Summary
透過服務內容盤點、競品觀察與使用情境分析，我將影響寵物旅館選擇與預約體驗的需求整理為三個核心方向：環境信任、服務資訊與預約清晰度，並據此重新組織資訊架構、服務分類、環境影像與預約入口，降低使用者在瀏覽與決策過程中的資訊不確定性。
DESIGN SYSTEM
設計系統
BRAND APPLICATION
品牌情境應用
