作品案例 · CASE STUDY

Cinpos Website

UI/UX

2023

柿子紅科技 Cinpos 官網改版設計首圖

連結 · LINKS

Cinpos

問題 · PROBLEM

Cinpos

Cinpos

Cinpos

解法 · SOLUTION

3D MorningPUNCHIN MYMIND

3D MorningPUNCHIN MYMIND

3D MorningPUNCHIN MYMIND

過程 · PROCESS

01 — Discover · 了解需求

先釐清柿子紅要對誰說話——不是工程師,而是會評估合作的外部客戶;他們在意的是「這家能不能信任、能不能交付」。

02 — Research · 研究分析

把團隊一長串的能力與實際做過的產品攤開,判斷哪些最能建立信任、值得擺到最前面。

03 — Plan · 設計規劃

先在 Figma 把結構定下來:作品先於服務、服務收斂成六項,再用一條五步流程說清楚怎麼合作。

04 — Design · 視覺設計

定調「年輕但專業」——乾淨的版面、克制的動態,讓一家科技公司既有可信度、又不老氣。

05 — Deliver · 交付

兩人小組(我負責設計,一位前端負責實作),把系統收緊到能準確落地、日後擴充也不走樣。

幕後 · BACKSTAGE

改了五次以上,只為了更對

這個專案從第一版草稿到現在,前前後後改了不下五次。每一次我都在問同一個問題:要怎麼重新呈現才會更對?它不是一次到位的案子,而是一路打磨出來的。

為了封面,我跨去學了 3D

最大的一次跳躍,是為了讓封面更有「感覺」——我決定跨出平面,用 Spline 做 3D,反覆調整材質、光線與動態,直到那個畫面真的長成我心裡想要的樣子。

Outcome · 成果

把「服務列了一長串的公司」,重新框成「一個有方法、有作品、值得對接的年輕科技團隊」。新官網上線後,成為柿子紅對外提案與洽談的第一張名片——作品先說話,信任跟著來。

專案資訊 · INFO

年份 · YEAR

2023

時程 · TIMELINE

8 Weeks

工具 · TOOLS

Figma

前往作品 · EXPLORE

下一個專案 · NEXT

Design System

Morning LightBright 設計系統展示

1.7

Let’S UX/UI TOGETHER

讓我們一起合作吧

Let’S UX/UI TOGETHER

讓我們一起合作吧

Let’S UX/UI TOGETHER

讓我們一起合作吧

Let’S UX/UI TOGETHER

讓我們一起合作吧