作品案例 · CASE STUDY

Cinpos Website

UI/UX

2023

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

連結 · LINKS

柿子紅科技 Cinpos 官網改版——用作品先說話,替年輕科技團隊撐起洽談信任感。

問題 · PROBLEM

柿子紅科技(Cinpos)是一支年輕的科技團隊,做的是系統整合、雲端與客製化平台這類「講起來很硬」的服務。原本的官網沒辦法讓外部客戶快速看懂他們能做什麼,也撐不起想對接合作時需要的專業與信任感。這次改版目標很明確——用一個好看、夠年輕又夠專業的官網,去爭取更多曝光,讓潛在客戶願意主動接觸。

柿子紅科技(Cinpos)是一支年輕的科技團隊,做的是系統整合、雲端與客製化平台這類「講起來很硬」的服務。原本的官網沒辦法讓外部客戶快速看懂他們能做什麼,也撐不起想對接合作時需要的專業與信任感。這次改版目標很明確——用一個好看、夠年輕又夠專業的官網,去爭取更多曝光,讓潛在客戶願意主動接觸。

柿子紅科技(Cinpos)是一支年輕的科技團隊,做的是系統整合、雲端與客製化平台這類「講起來很硬」的服務。原本的官網沒辦法讓外部客戶快速看懂他們能做什麼,也撐不起想對接合作時需要的專業與信任感。這次改版目標很明確——用一個好看、夠年輕又夠專業的官網,去爭取更多曝光,讓潛在客戶願意主動接觸。

解法 · SOLUTION

把官網從「功能清單」改寫成「一段被引導的論證」:用動態 3D 封面先立住記憶點與專業感,把實際作品(早點 Morning、PUNCHIN、心動購物 MYMIND)擺在服務前面建立可信度,六大服務收斂清楚,再用五步合作流程,讓想合作的公司一眼看懂「跟我們合作會是什麼樣子」。整體年輕、乾淨,但不失專業。

把官網從「功能清單」改寫成「一段被引導的論證」:用動態 3D 封面先立住記憶點與專業感,把實際作品(早點 Morning、PUNCHIN、心動購物 MYMIND)擺在服務前面建立可信度,六大服務收斂清楚,再用五步合作流程,讓想合作的公司一眼看懂「跟我們合作會是什麼樣子」。整體年輕、乾淨,但不失專業。

把官網從「功能清單」改寫成「一段被引導的論證」:用動態 3D 封面先立住記憶點與專業感,把實際作品(早點 Morning、PUNCHIN、心動購物 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

讓我們一起合作吧

凡所有相,皆是虛妄。若見諸相非相,即見如來。