奧特圖官方網站

首頁

»

奧特圖官方網站

motion_photos_on 專案概述

專案背景

ORDERLY 舊官網為多年前製作，資訊層級不清晰，設計風格較為雜亂。
因此希望將官網改版更新，重新梳理產品特色及視覺呈現，增加使用者註冊奧特圖SAAS系統意願

設計目標

觀察各家競品如何於官網介紹自家CRM產品，參考國外SAAS網站設計數據，從UX的角度出發，針對奧特圖官網給予UX調整建議。

專案角色

本次專案中擔任UX Designer角色，規劃網頁區塊、文案建議、互動機制等等設計，與UI Designer 共同討論設計呈現。

motion_photos_on 設計規劃

競品分析

Wireframe

motion_photos_on 設計執行

導覽列

  1. 主標用名詞呈現，副標說明產品功能的用途，用較為活潑的方式，說明功能帶來的效益
  2. 將登入相關按鈕與導覽功能分開，凸顯按鈕位置
  3. 因奧特圖會自動登出，多數舊用戶會從官網登入，故保留登入按鈕
  4. 考量到會有新用戶進入官網，故將註冊與登入位置互換，用戶更快點擊註冊

KV

  1. 調整價值主張字級,利用清晰的價值主張說明自家CRM特色
  2. 呈現產品實境圖片,讓使用者更理解未來使用系統時,真實介面呈現的樣態
  3. 將價值主張與達成數字的資訊分離,讓使用者清楚知道使用奥特圖的效益

成功案例

  • 舊有排版容易將客戶的心得誤認為是文章摘要，比較不會留意到品牌
  • 利用購買CRM客戶的相關成功案例,說明對於奧特 圖的產品評價,凸顯客戶採用軟體後帶來的效益 增加品牌信任

產品特色

  • 說明CRM可能的使用情境,並針對個別問題提供奧特圖產品解決方案,解決使用者痛點，同時利用捲軸互動流程說明產品個別功能(匯入資料、儀表板、會員溝通)

註冊頁面

  • 密碼顯示條件調整成條件勾選(正面表述意思)，增加顯示密碼按鈕
  • 標題文字更動，說明註冊效益，增加使用者註冊意願

motion_photos_on 上線網站

手機版

響應式網頁