Vibe一個小網站的踩坑實錄—ShapeOf.World
整理版優先睇
從踩坑到極簡：ShapeOf.World嘅開發反思，好玩比準確更重要
呢篇文章係由獨立開發者Maker Jackie分享佢業餘項目ShapeOf.World嘅開發踩坑經歷。佢用DeepSeek V4 Flash維護呢個數據探索網站，由一開始想做一個功能齊全嘅平台，到後來發現最重要係「好玩」。整體結論係：唔好等完美至發佈，應該盡快推出，等用戶話畀你知乜嘢重要；而且「好玩」比數據準確更緊要，砍功能到極致反而令產品更清晰。
Jackie嘅網站經歷咗三個版本：第一版想做好多功能（數據庫、AI、登錄、支付等），結果做完自己都唔想睇；第二版砍咗大半功能，但UI太正經似金融報告；第三版終於設計得剋制、乾淨、好玩，底部只剩三個掣（搜尋、AI生成、隨機）。發佈後三日有約400個UV，但AI功能報錯率高達50%，提醒咗佢監控嘅重要。核心經驗包括：開始唔好做太重、好玩優先、唔好怕砍功能、接受推廣漏斗、分享踩坑內容更受歡迎。
- 唔好一開始就搞數據庫、登錄、支付，用戶少時完全唔需要。
- 「好玩」比「準確」更重要，用戶係嚟探索，唔係查報表。
- 唔好怕砍功能，砍到剩三個掣，產品反而更清晰。
- 推廣影片同網站點擊之間有個大漏斗，要接受現實。
- Building in Public 分享踩坑嘅內容，回饋好過純演示。
世界的形狀
作者開發嘅數據探索網站，用DeepSeek V4 Flash同Cloudflare部署
Flipbook
理念類似嘅網站，作者考慮未來整合
點解要做呢個網站？
作者之前見到一張美國股票市值佔比圖，覺得好直觀，一下子睇到邊間公司最大、邊個行業最強。佢就想，如果有個工具可以用類似方式探索有趣嘅數據，應該會幾好玩。
純粹係出於好奇心，就開始咗呢個項目。
呢個網站嘅初衷唔係為咗提供精準數據，而係為咗好玩同探索。
三次迭代：由重到輕，由悶到好玩
第一版最大錯誤係想做得太多：數據庫、AI、登錄、點讚、收藏、支付、多種圖表風格，結果做完自己都唔想打開睇。數據選題亦好無聊，淨係「世界GDP」「世界人口」。
整個產品像一個大雜燴，又重又慢，毫無探索樂趣。
第二版停咗一兩週後想通：網站最重要係好玩。於是砍咗點讚、登錄、數據庫、實時API，全部改用靜態數據，選題改為生活化話題如「養一個娃嘅成本」「iPhone成本分佈」。
但UI風格太似金融數據大盤，有朋友話「似Web of Science」，一啲探索衝動都冇。
第三版重新設計UI，底部只剩三個掣（搜尋、AI生成、隨機），整體風格方正、書面化，仲做咗手機優化同英文版。默認風格「白河畫廊」有紙質書質感，大家都話舒服。
發佈後數據同一個尷尬Bug
5月7號晚發佈，B站兩個影片（完整演示同15秒版）合共約2400播放，小紅書同視頻號得幾百。真實網站UV三日約400人，每人平均睇3個數據集。
大部分流量來自B站，2000播放帶嚟兩三百點擊，轉化率約10-15%。
發佈兩日後先發現AI功能報錯率高達50%，即係一半用戶點AI解釋時睇唔到正常回覆。呢個教訓係：發佈前一定要配好監控。
呢個Bug提醒咗我，以後發佈之前一定要先配置好監控。
核心經驗同未來方向
- 開始唔好做太重：數據庫、登錄、支付呢啲嘢，用戶少時完全唔需要。
- 「好玩」比「準確」更重要：用戶係嚟探索，唔係查統計報表。
- 唔好怕砍功能：砍到剩三個掣，產品反而更清晰。
- 推廣需要耐心：影片播放量同網站點擊之間有個大漏斗，要接受現實。
未來可能會參考觀眾推薦嘅 flipbook.page 理念，整合更多互動元素。最後強調，呢個網站用 DeepSeek V4 Flash 同 Cloudflare 部署，鼓勵大家試下先發佈再改進。
啱啱最近得閒就用 deepseek v4 flash 維護嚇業餘嘅興趣愛好小項目——世界的形狀: https://shapeof.world ，目前發現大家都幾鍾意呢個小網站，幾好玩。
諗住都應該做返啲"Build In Public"嘅事，唔好淨係掛住死做。
所以今日講下我開發呢個小項目中過嘅伏，同埋之後點樣調整。
ps: v4 flash 真係慳好多，之前 gpt5.5 中轉站一日要用我 60 蚊，而家有啲好簡單嘅任務就轉咗用 deepseek，好似呢個 app 嘅英文版本適配，大概一日淨係用我 11 蚊 token 費，對應 5M token+1.7 億 token 快取。
點解要做呢個網站？
起因其實都幾簡單。我之前見到一張美國股票市值嘅佔比圖，覺得好直觀，一眼就睇到邊間公司最大、邊個行業最勁。我就諗，如果有個工具可以用類似嘅方法探索各種有趣嘅數據，應該會好好玩。
純粹係因為好奇，我就開始鬱手。
第一版（最混亂）：乜都想做，結果乜都做唔好
第一個版本犯嘅最大錯誤就係——我想做嘅嘢太多。
我一開始就諗住要接入數據庫、要有AI功能、要有登錄、點讚、收藏、支付後台……仲要支援好幾種圖表風格（方塊圖、樹狀圖、柱狀圖、餅狀圖）。需求寫到好複雜，感覺唔做一個「完整平台」就唔甘心。
結果呢？做完之後，我自己都懶得打開嚟睇。
數據選題都好無聊，來來去去都係「世界GDP」「世界人口」——邊個想睇呢啲啊？成個產品好似一個大雜燴，又重又慢，毫無探索嘅樂趣。
第二版（轉型期）：功能刪咗大半，但風格仲係太「正經」
做完第一版之後，我停咗一兩個禮拜冇鬱過。後來終於諗通咗一個核心問題：
呢個網站最緊要嘅係好玩，而唔係數據有幾精準。
於是我開始大刀闊斧咁刪功能：點讚、收藏、登錄、數據庫、實時API……全部刪曬。所有數據換曬做靜態，只要選題有趣，數據「八九不離十」就夠用。
比如：
「在中國養一個細路，成本都使咗喺邊度」 「一部iPhone 16 Pro嘅硬件成本分佈」 「買一套500萬嘅樓，錢都流咗去邊度」
呢啲都係我想睇、大家亦都願意㩒入去嘅話題。同時我將「隨機」掣作為最核心嘅功能——㩒一下，跳去下一個有趣嘅數據，簡單直接。
但第二版仲有一個問題：UI風格太似金融數據大盤。睇起嚟好古板，都好無聊。
有朋友直接話，「呢個好似Web of Science或者某個數據報告網站」，一啲探索嘅衝動都冇。
第三版（最終版）：剋制、乾淨、好玩
去到第三版，我幾乎將成個UI同交互都重新設計過。
- 底部淨係保留三個掣
：搜尋、AI生成、隨機（隨機係C位） - 刪曬所有花哩花碌嘅嘢
，整體風格變咗方正、書面化、直來直去 - 叫AI重新寫過數據表格嘅呈現方式
，唔再用啲老套嘅元件，而係可以做好多自定義嘅視覺風格 - 專登做咗手機端優化
（因為我知道大部份人會用手機碌） - 做咗英文適配
希望吸引多少國外嘅用戶
AI 生成數據圖 & AI 生成節點描述
朋友介紹咗一種風格叫「白河畫廊」——有啲似紙質書嘅質感，大家見到都話舒服。我順便加咗幾種可選風格（編年海報、終端風格、夜間終端、深海圖譜），但默認就係白河畫廊。
ps: 我自己做呢個網站嘅時候都發現咗好多有趣嘅新知識，例如iPhone成本圖。睇完我都幾震驚：「原來蘋果嘅毛利率接近50%㗎！」——呢種「啊哈時刻」先係我想要嘅。
發佈之後嘅真實數據
我係5月7號夜晚11點半發嘅片。
B站發咗兩個：一個3分半鐘嘅完整演示（播放量約2000），一個15秒嘅極速版（播放量約400） 小紅書同視頻號嘅數據都比較一般，得幾百播放 真實網站訪問：UV 用戶訪問量三日總計 大約400人 ，PV 用戶瀏覽量平均每人睇3個數據集 流量來源：大部分嚟自B站片（2000播放 → 兩三百點擊），微信羣組貢獻咗五六十人
講真話，做一個好玩嘅小網站，推廣都仲係好難。孤兒自媒體嘅情況下，去到呢個量我已經好滿意。
一個尷尬嘅Bug
發佈兩日之後我先去睇後台，發現AI功能嘅報錯率竟然高達50%。即係話，有一半用戶㩒AI解釋嘅時候，係睇唔到正常回覆嘅……
呢個亦都提醒我，以後發佈之前一定要set好曬監控先。
幾個核心經驗
- 開始唔好做得太重
數據庫、登錄、支付呢啲嘢，用戶少嘅時候完全冇必要。 - 「好玩」比「準確」更重要
用戶係嚟探索嘅，唔係嚟查統計報表嘅。 - 唔好怕刪功能
刪到得返三個掣之後，產品反而更清晰。 - 推廣需要耐性
視頻播放量同網站點擊量之間有一個好大嘅漏斗，要接受呢個現實。 - Building in Public 嘅內容，大家確實更鍾意睇你中伏
我嗰個講「第一版有幾亂、我點樣改」嘅片，反饋明顯好過純演示。
未來 Maybe
觀眾老爺們介紹咗一個理念上有啲似嘅網站 http://flipbook.page/ 好有趣。以後睇下可以點樣整合埋一齊。
最後講多句
Coding 同最終網頁用嘅AI模型都係DeepSeek V4 Flash，網站部署喺Cloudflare上面。
如果你都在做類似嘅小項目，唔好成日諗住「再完善下先出」。
「先出咗街，等用戶話畀你知乜嘢先係重要嘅。」
希望我嘅呢啲伏，可以幫你少行幾步冤枉路。都歡迎你嚟【世界的形狀】網站 https://shapeof.world 探索一啲好玩嘅數據。可以㩒閲讀原文睇下。
Maker Jackie
獨立開發者 / AI 實踐者
正在探索用 AI 快速做出產品嘅各種可能性。將複雜嘅內容講到新手都睇得明。
睇更多 AI 實戰教程 -> 01mvp.comID / @MakerJackie (微信 | 小紅書 | Twitter | B站)
剛好最近沒事就用 deepseek v4 flash 維護一下業餘的興趣愛好小項目——世界的形狀: https://shapeof.world ， 目前發現大家還挺喜歡這個小網站的，挺好玩。
想着也應該做點"Build In Public"的事情了，不要埋頭苦幹。
所以今天聊聊我開發這個小項目我踩過的坑，以及後來怎麼調整的。
ps: v4 flash 真省啊，之前 gpt5.5 中轉站一天花我 60 元，現在有些相當簡單的任務換成 deepseek 了，比如這個 app 的英文版本適配，大概一天只花我 11 元 token 費，對應 5M token+1.7 億 token緩存
為什麼要做這個網站？
起因其實挺簡單的。我之前看到一張美國股票市值的佔比圖，覺得特別直觀，一下子就能看出哪個公司最大、哪個行業最強。我就想，如果有個工具可以用類似的方式探索各種有趣的數據，應該會很好玩。
純粹是出於好奇心，我就開始動手了。
第一版（最混亂）：什麼都想做，結果什麼都沒做好
第一個版本犯的最大錯誤就是——我想做的太多了。
我一開始就想着要接入數據庫、要有AI功能、要有登錄、點贊、收藏、支付後台……還要支持好幾種圖表風格（方塊圖、樹狀圖、柱狀圖、餅狀圖）。需求寫得非常複雜，感覺不做一個"完整平台"就不甘心。
結果呢？做完之後，我自己都懶得打開看。
數據選題也很無聊，翻來覆去就是"世界GDP""世界人口"——誰想看這個啊？整個產品像一個大雜燴，又重又慢，毫無探索的樂趣。
第二版（轉型期）：功能砍掉大半，但風格還是太"正經"
做完第一版之後，我停了一兩週沒動。後來終於想明白一個核心問題：
這個網站最重要的是好玩，不是數據有多精準。
於是我開始大刀闊斧地砍功能：點贊、收藏、登錄、數據庫、實時API……全部刪掉。所有數據換成靜態的，只要選題有趣，數據"八九不離十"就夠用了。
比如：
"在中國養一個娃，成本都花在哪裏" "一部iPhone 16 Pro的硬件成本分佈" "買一套500萬的房子，錢都流向了哪裏"
這些都是我想看、大家也願意點進去的話題。同時我把"隨機"按鈕作為最核心的功能——點一下，跳到下一個有趣的數據，簡單直接。
但第二版還有一個問題：UI風格太像金融數據大盤了。看起來很古板，也很無聊。
有朋友直接說，"這像Web of Science或者某個數據報告網站"，一點探索的衝動都沒有。
第三版（最終版）：剋制、乾淨、好玩
到了第三版，我幾乎把整個UI和交互都重新設計了。
- 底部只保留三個按鈕
：搜索、AI生成、隨機（隨機是C位） - 刪掉所有花裏胡哨的東西
，整體風格變成方正、書面化、直來直去 - 讓AI重寫了數據表格的呈現方式
，不再用那些老套的組件，而是可以做很多自定義的視覺風格 - 專門做了手機端優化
（因為我知道大多數人會用手機刷） - 做了英文適配
希望吸引一點國外的用戶
AI 生成數據圖 & AI 生成節點描述
朋友給我推薦了一種風格叫"白河畫廊"——有點像紙質書的質感，大家看着都說舒服。我還順便加了幾種可選風格（編年海報、終端風格、夜間終端、深海圖譜），但默認就是白河畫廊。
ps: 我自己做這個網站的時候也發現了很多有趣的新知識，比如iPhone成本圖。看完我挺震驚的："原來蘋果的毛利率接近50%啊！"——這種"啊哈時刻"才是我想要的。
發佈後的真實數據
我是5月7號晚上11點半發的視頻。
B站發了兩個：一個3分半鐘的完整演示（播放量約2000），一個15秒的極速版（播放量約400） 小紅書和視頻號的數據都比較一般，只有幾百播放 真實網站訪問：UV 用戶訪問量三天總計 約400人 ， PV 用戶瀏覽量平均每人看 3 個數據集 流量來源：大部分來自B站視頻（2000播放 → 兩三百點擊），微信社羣貢獻了五六十人
說實話，做一個好玩的小網站，推廣還是很難的。孤兒自媒體的情況下，能到這個量我已經挺滿意了。
一個尷尬的Bug
發佈兩天後我才去看後台，發現AI功能的報錯率竟然高達50%。也就是說，有一半用戶點AI解釋的時候，是看不到正常回復的……
這也提醒我，以後發佈之前一定要把監控先配好。
幾個核心經驗
- 開始不要做太重
數據庫、登錄、支付這些東西，用戶少的時候完全不必要。 - "好玩"比"準確"更重要
用戶是來探索的，不是來查統計報表的。 - 不要怕砍功能
砍到只剩三個按鈕之後，產品反而更清晰了。 - 推廣需要耐心
視頻播放量和網站點擊量之間有一個很大的漏斗，要接受這個現實。 - Building in Public 的內容，大家確實更喜歡看你踩坑
我那個講"第一版有多亂、我怎麼改"的視頻，反饋明顯好於純演示。
未來 Maybe
觀眾老爺們給我推薦了一個理念上有點類似的網站 http://flipbook.page/ 很有意思。 以後看可以怎麼整合進來。
最後說一句
Coding 和最終網頁用的AI模型都是DeepSeek V4 Flash，網站部署在Cloudflare 上。
如果你也在做類似的小項目，別老想着"再完善一下再發"。
" 先發出去，讓用戶告訴你什麼才是重要的。"
希望我的這些坑，能讓你少走幾步彎路。也歡迎你來【世界的形狀】網站 https://shapeof.world 探索一些好玩的數據。可以點擊閲讀原文查看
Maker Jackie
獨立開發者 / AI 實踐者
正在探索用 AI 快速做出產品的各種可能性。把複雜的內容講得新手也能看懂。
查看更多 AI 實戰教程 -> 01mvp.comID / @MakerJackie (微信 | 小紅書 | Twitter | B站)