合作客戶:遊戲橘子集團旗下全新品牌 Vyin AI

Vyin AI 品牌官網建置

科技視覺延伸，前端串接 API 即時渲染動態頁面

  • web

    官方網站

{專案目標}

OBJECTIVE

#核心目標

Gamania橘子集團旗下AI 創新實驗室，推出以B2B服務為主的品牌 Vyin AI；自研打造兩項核心產品 Vyin Brain 與 Vyin Sales 協助企業在各自領域中有效運用 AI 工具。

  • 將品牌以AI技術為導向的科技感展現出來。
  • 運用品牌意象元素貫穿視覺設計，傳達品牌的B2B服務可以為企業端客戶帶來AI無限未來的想像。
  • 排版設計、圖素應用、色彩搭配皆以科技、未來、潮流、國際化的相關意象作為發展。
  • Vyin AI 採前後端分離，前端即時串接 API 動態渲染頁面。
{Vyin官網}
{設計概念}

CONCEPT

網站採高效率的前後端分離架構，由 JK2U 負責從 UI/UX 版面規劃，到以前端 Vue.js 建立模組化、元件化的介面架構，並串接後端 API 完成非同步資料載入與動態渲染。整體以精緻排版與細緻互動設計呈現產品與服務內容，使資訊能以清晰、有層次且具延展性的方式呈現，同時維持穩定、流暢並帶有科技感的瀏覽體驗。

  • 以結構化排版呈現完整產品資訊

    多樣化重點欄位設計搭配圖文排版，提升資訊閱讀的清晰度與易用性，凸顯產品技術實力與品牌專業形象

  • 案例分享列表頁採用吸睛欄位設計，聚焦使用者注意力

    結合影片示範與文字輔助說明，呈現資訊更具結構性與易理解性，讓使用者快速掌握重點內容

  • 案例分享內頁以動態區塊呈現成效亮點

    結合圖文與影片素材，透過動態呈現方式清楚傳達服務的成效與價值

{活動成果}

ACHIEVEMENT


{成效一}
品牌意象立體化

透過科技感視覺設計，強化品牌識別與立體呈現效果


{成效二}
服務資訊清晰化

將技術的遣詞用字，以圖文編排轉譯


{成效三}
瀏覽動線人性化

在各區塊多樣化的編排中，保持資訊瀏覽的順暢與舒適度

乘著AI的風，與致力於創新的客戶們一起往科技無限的未來前進！

Creative communication planning：K.K、Camie
Interactive web design：Weezi、Anny

  • K.K ^•ﻌ•^：看起來好厲害，只要有AI一切就對了！

  • Camie (꒦໊ྀʚ꒦໊ི )：AI Camie 已上線～

  • Anny (ㅍ-ㅍ)：已經置中對齊了