Snowl
與五富點子合作，將寄送、報價與預約流程落地成完整前端。
案件資料
把有個性的視覺語言，做成真正能完成寄送與預約的前端流程。
Snowl 是英國到府收件與寄送服務。三伍杉依五富點子的設計完成網站前端，範圍包含服務介紹、保險與禁運說明、價格查詢、預約步驟與送件表單，並處理桌機與手機版的不同操作方式。
合作Wooful／五富點子
範圍服務／價格／預約／表單
交付完整前端與 RWD
狀態公開站已下線
實際流程
從認識服務到送出預約，每一步都有對應的資料與狀態。
- 01 理解
查看寄送方式、箱型、價格、保險與限制
- 02 選擇
依需求進入預約步驟並保留選項狀態
- 03 送出
完成收送件與聯絡資料，交由服務端處理
01 COLLABORATION
設計的圖像語言，需要靠前端把它串成完整體驗。
角色、包裹插畫、色彩與大幅版面來自五富點子的設計。前端依不同段落安排滑動、切換與資訊展開，讓視覺不是一張靜態稿，而是能帶著使用者前進的網站。
02 BOOKING
預約流程要同時處理選擇、說明與表單。
使用者從箱型、寄送內容與服務條件進入預約，再填寫收件、送達與聯絡資料。不同選項會改變後續提示，前端必須維持步驟、驗證與回上一頁後的狀態。
03 INFORMATION
價格與禁運資訊很多，不能全部塞在同一張表。
保險、價格檢查與禁運品以表格、分類和圖像提示分層呈現，讓使用者在送出資料前能確認規則，也能在手機上完成閱讀。
04 RESPONSIVE
手機版重新安排互動，不只是把桌面縮小。
首頁導覽、內容註記、控制按鈕與預約欄位在窄螢幕上重新排列，保留品牌個性，也維持表單操作需要的可讀性與點擊範圍。
下一個案例
貳虎雞排加盟 →