我用 AI，在一天內設計了一個品牌

我用 AI，在一天內設計了一個品牌。

從名字、Logo、品牌識別，到一個可以點進去逛的網站，都在這一天慢慢做出來。

叫做 MAIKER。

原本我只是想，能不能幫自己經營的幾個帳號，找一個共同的地方。

我有設事未深、生產力研究社，也有 Pan 自己的內容。各自有不同的主題，分享的東西也慢慢累積起來，有免費資源、工作坊，還有一人公司系統。

但如果有人從其中一個帳號認識我，要怎麼接著找到其他東西？

我把這個問題丟給 ChatGPT，跟他討論社群要怎麼安排、資源要放哪裡，以及這個地方該叫什麼名字。

然後就一路做到網站上線了。

MAKER 加上 AI，變成 MAIKER

我想保留 Made by Pan 作為自己的名字，但這個共同的地方，希望來的人也能覺得跟自己有關。

後來我想到把 MAKER 跟 AI 放在一起。

MAIKER，代表用 AI 創作的人。

我直接跟他說：

我的共同承接處要叫 MAIKER，用 MAKER＋AI 混合，代表用 AI 創作的人。

名字定下來，就開始做 Logo。

我請他給我一張四宮格，每個標準字的風格都要差很多，方便我挑選，再往喜歡的方向繼續做。

看完一輪，我又請他給四個不同的，再看一輪。

這樣比一開始只盯著一個版本修改，更容易知道自己喜歡什麼。幾個方向放在一起，有的太安靜，有的比較有動手做東西的感覺，差別就看得出來。

最後我挑了像素模組的方向。

Logo 的方塊，可以繼續長出其他東西

我喜歡這個方向，是因為那些方塊除了能組成字，也可以拿來組別的東西。

社群封面可以用，網站可以用，之後做資源圖片也能繼續用。

所以選定方向後，我接著請 AI 延伸品牌識別，再做成 SVG，讓 Logo 和色塊可以繼續修改。

上面是當時的品牌識別提案，後來我又從裡面挑出自己想留下的部分。

像社群封面，我最後只要大 Logo、下面一行 AI CREATOR COMMUNITY，還有右下角的幾個色塊。

其他小字、編號、分隔線，就陸續拿掉。

連上下留白，我都來回改了幾次。

我想把網站做成一座城市

選了像素的方向之後，我又想到，網站能不能直接變成一個像遊戲的城市地圖？

一人公司系統是一棟公司大樓，AI 工作坊是一間學校，免費工具和教學可以放在資源站。

我就照這個想法，請 AI 先把畫面畫出來。

一開始放的東西有點多，我又把它收斂成六個地方：AI 學校、AI 新手村、資源站、AI 一人公司、社群廣場和事業。

中央是公司大樓，其他地方圍在旁邊。

看到這張圖之後，我又想讓人不用看完說明，就能大概知道每棟建築在做什麼。

學校屋頂放一本攤開的書，新手村放嫩芽，事業放大金幣。資源站後來則改成一支扳手。

原本分散在不同頁面的東西，開始有了各自的位置。

再把這張圖，做成可以走進去的網站

畫面確定後，我請 AI 用 Three.js 把城市做出來，後續在 Codex 裡繼續調整。

我想要裡面的人會走、列車會開、噴水池會噴水，屋頂上的書也會慢慢翻頁。

實際做出來，當然還是跟設計圖有差。

就繼續拿圖對著改。扳手的角度、金幣怎麼轉、氣泡要放哪裡，都是一項一項調。

後來連 AI 學校裡面，我也想做成一個空間。

點進學校，裡面是一間現代白色教室，四個工作坊分別有自己的物件。

網站工作坊是一面大螢幕。Vibe Coding 是輸送帶，上面有不同形狀、藍綠紅交錯的積木。AI Agent 是機器人，旁邊放 Claude 和 ChatGPT 的標誌。Obsidian 則用一顆會閃耀的黑曜石呈現。

我希望人進來時，可以直接點自己有興趣的東西。

所以螢幕裡的畫面也要動，機器人要有表情或肢體動作，教室裡的小人也要走動。

做到後面，我一直在跟 AI 說「這個拿掉」

前面一直加東西，後面就開始刪。

導覽列拿掉，Logo 放在主標上面。多餘的標語、按鈕、右下角功能，也一個一個移除。

手機上滑網頁的時候，還會不小心縮放到模型，我就請他把視角跟縮放固定，依螢幕寬度調整比例。

氣泡太擠就往外分散，hover 會位移就改成只變底色。資源原本點開是側欄，後來改成彈窗，點外面可以回到城市。

很多修改，用的就是平常講話的方式。

「更紅一點。」

「AI 學校往左上一點點，微小。」

「上下白不均衡。」

也有改完覺得沒有比較好的。學校的轉場，我試過藍色方塊先蓋滿畫面，再從中間開洞，最後還是請他換回原本的版本。

這一天，我反覆做的事情就是打開看、點點看，再告訴他哪裡跟我想的不一樣。

網站也請他轉成 Astro，接上 GitHub 和 Cloudflare，放到我買的網域 maiker.club。

一天內完成了名字、視覺和網站第一版。接下來還要繼續放資源、經營裡面的內容。

原本我在想，這幾個帳號的東西要放在哪裡。

現在它們有一個可以直接打開的地方了。

進去逛逛 MAIKER