網頁設計

感測器公司

客戶請我們進行網頁設計,包含 UI 視覺與前端切版,後端程式由客戶自行負責。此設計案客戶特別著重網頁手機版的瀏覽體驗,因此我們設計時特別留意此細節。

客戶痛點

客戶是販售感測器的廠商,販售的感測器附有貼紙,消費者只要掃描貼紙上的 QR code,就能立即得知驗證數據。

客戶需要設計 2 個頁面,分別是首頁與 QR code 頁,QR code 頁面需呈現圖表數據,且需要有簡單動畫。解憂整合行銷除了負責 UI 設計以外,也協助前端切版。

    網頁設計解決方案

    UIUX 設計師以紅藍跳色呈現主視覺,並在首頁直接突顯產品特色-掃描 QR code 獲取數據,讓消費者一目瞭然。

    首頁設計了 2 個紅色醒目按鈕,引導消費者立即下單。另外,QR Code 頁面則聚焦於數據和資訊呈現,顯得簡潔俐落。

    由於消費者多由手機下單,因此網頁 RWD 設計更顯重要!標題、圖片、icon、圖表數據的比例皆因應手機版特別調整,消費者的瀏覽體驗非常順暢。

     

    更多網頁設計案例

    Sleep & You

    客戶販售寢具,希望建立一頁式形象網頁呈現品牌故事、產品、聯絡方式。網頁設計結合人物插畫,教你挑選命定枕頭!

    一起夢想公益協會

    希望優化現有捐款網頁,讓捐款流程更簡單。我們設計 3 份 RWD 視覺稿,新增單次捐款選項與提醒視窗

      早點下班

      UIUX 設計師規劃 5 個頁面,整體網頁視覺根據創辦人個性量身訂製,採用藍色搭配溫暖的黃色,呈現專業又親切的氛圍

      Share App

      公司主力產品是 App,需品牌官網介紹 App 特色、使用流程等。我們透過創造使用情境,讓用戶身歷情境

      教育公司

      兒童教育是充滿活力與能量的,因此網頁設計上面,我們使用輕鬆童趣的方式呈現整體視覺,符合親子教育的親切形象

      Respshop

      部落格呈現方式不友善,很難閱讀,需要經過 2 層頁面才能看到文章。我們整合 2 個頁面的動線,變得更清晰、簡潔