WaHerYa 預約平台

專案名稱

WaHerYa 預約平台前導頁面

DEMO 連結

👉 點擊查看 DEMO 👈

專案概述

WaHerYa 預約平台提供簡單、快速的預約和訂房服務，整合 Google 預約 及 LINE OA，不需要客服支援，適用於各行各業。平台支援線上金流、分潤及團購功能，讓用戶輕鬆進行各種預約和交易。這個前導頁面使用 Figma 設計，採用公司形象色藍與對比橘色系，並使用 Bootstrap 5 進行前端開發和響應式設計，為用戶帶來直觀、便捷的體驗。

設計過程

1. 需求分析
   確認平台功能，並針對用戶需求設計簡潔的前導頁面。強調無需客服、整合 LINE 和 Google 預約功能，以及支援線上金流與團購等特性。

2. Figma 設計
   使用 Figma 完成前導頁面的視覺設計，採用公司的主色系（藍色）和與 Google 配色對比的橙色作為輔色，創造出具有視覺衝擊力的設計，並確保風格現代化且易於操作。

3. 前端開發與切版
   使用 Bootstrap 5 進行響應式設計，確保頁面在不同設備上顯示清晰且流暢，並以簡單直觀的方式展示平台的主要功能。

技術使用

• Figma
  設計頁面的視覺風格與布局，完成所有頁面設計稿。

• Bootstrap 5
  使用 Bootstrap 的網格系統和組件來進行畫面切版，保證響應式效果，適應各種裝置顯示需求。

• HTML & CSS
  使用 HTML 和 CSS 來實現頁面結構和樣式，確保頁面元素的精確布局與美觀展示。