幫帳轉官網 | 網站設計

【幫帳轉的專案背景】

幫帳轉金融科技股份有限公司的形象官網，是 B2B 的產品，用來展示幫帳轉的核心理念，與介紹自家產品。注重形象的呈現，因此強調整體的視覺與文案，希望傳達出專業中帶有親切感的形象。

目標

• 幫帳轉金融科技股份有限公司的形象展示

• 有表單可以收集使用者的訊息

我的角色

負責 UI 設計、Guideline 的整理、根據使用者反饋進行 UX 的改善。

【網站形象】

專業中帶有親民感，整體活潑

幫帳轉不想要過度專業的形象，需要加入親民感來維持平衡，因此決定運用大量插畫來呈現網站視覺，將照片展示的比例降到最低，插畫風格是無五官的向量插畫，不誇大比例，因此可以增加活潑親切感，又保有一絲專業，不淪為卡通化的風格。

【使用者研究】

目標使用者

• 國內的企業

• 個人投資者

使用情境

• 想了解幫帳轉的人，會在瀏覽器搜尋進入官網

• 輸入產品相關的關鍵字搜尋，因此找到幫帳轉的官網

• 合作業者、產品的服務商直接搜尋幫帳轉，進入官網查看

【產品設計】

網站企劃

在設計官網前，我先替幫帳轉整理了 Brand Guideline，規範出顏色、字體、整體視覺的使用，好讓網站也能保有品牌的一致性，讓使用者清楚認知到這是幫帳轉的官網。

Design Guidelines

Wireframe

精稿