SU-SUI / PRODUCT BUILDER

別讓好點子只停在對話框裡。

你帶著一個還說不清楚的想法來。我把流程理順、畫面做出來,再接上網域,直到它真的能用。

Live Web AppPWADNS / SSLQA
Scroll
02已上線產品
LIVE點開就能用
RWD手機實機檢查
QA上線前逐項核對
01Approach

我怎麼做

先把最重要的那件事做成,再談下一步。

很多專案卡住,不是因為做不到,而是一開始就想做太多。我先找出第一版最值得完成的那件事,再把介面、資料、部署和檢查一段一段接起來。

最後留下的不是一份漂亮簡報,而是一個網址、一條走得完的流程,還有下一步該改什麼的清單。

Selected products

這些不是提案,是現在就能打開的產品。

點進去用。好不好,不靠形容詞。

Livesticker.su-sui.com01 / 02
AUTO Sticker 實際上線頁面

貼圖製作流程 / Live 01

AUTO Sticker

原本散在提示詞、素材資料夾與人工檢查裡的工作,現在集中在同一個 Web App。從企劃到輸出,不必每次重新來過。

我做了什麼
重整製作流程、設計 UI / UX、建立 PWA,完成部署與測試
現在可以
從貼圖企劃一路做到素材輸出,直接從正式網址開始使用
開啟產品
Liveaihome.su-sui.com02 / 02
AI Home 實際上線頁面

生活提醒系統 / Live 02

AI Home

用語音記下家務、購物、回診和繳費,系統先幫忙拆成可確認的項目,再放回日曆與提醒中。

我做了什麼
整理產品方向、設計手機操作流程,建立 PWA 與主畫面體驗
現在可以
從手機主畫面打開,用語音整理生活雜事與接下來的提醒
開啟產品

Scope

你不用先準備一份完美規格。

帶著問題、草稿,甚至一段還很亂的對話來就好。

01

先決定第一版做什麼

我會把想法拆開,找出最該先完成的使用情境,避免功能越列越多,卻沒有一個真的能用。

Direction / Scope / UX Flow
02

把流程做成 Web App

從畫面、資料到操作路徑直接做成可點、可試的版本,讓問題在真正使用時浮出來。

Web App / PWA / Automation
03

陪產品走到上線

處理手機版、DNS、SSL、SEO 與上線前 QA;哪裡還沒過關,也會明白寫出來。

RWD / DNS / SSL / QA

Method

不靠靈感趕工,靠五個步驟把事情做完。

你會一直知道現在做到哪裡,還有什麼沒過關。

01

找準

先回答:誰會用、什麼時候用、第一版非做不可的是什麼。

02

做出

先做一條能從頭走到尾的流程,不等所有細節完美才讓產品出現。

03

試用

拿桌機和手機實際操作,也故意試錯,看看哪裡會讓人停下來。

04

上線

接好網域、SSL、SEO 和正式入口,讓產品不只活在開發畫面裡。

05

留下

把做過的決定、待修項目和下一版方向寫清楚,之後不用重新猜一次。

Brand story

在台灣,「水」是漂亮,也是一句做得好的稱讚。

SU-SUI 就從這句稱讚來。我喜歡把複雜的東西整理到看起來自然、用起來順手,不必讓使用者看見背後有多少彎路。

所以我做的不只是畫面,也把每次實作的方法留下來。作品能被使用,下一次也能做得更好。

Start somewhere

想法還很亂,也可以寄來。

sui@su-sui.com