30天開除老闆計劃(#09):APP首頁沒想法嗎?讓AI先做一版吧!

更新 發佈閱讀 3 分鐘

像我這種沒有預算去做行銷,如果想靠自然流量。那首頁就是一件很重要的事。要把首頁做好,做的吸引人,這樣進來的人就會有很高概率會去用。畢竟如果透過搜尋進來的人,理論上就是有剛需吧。

再做好登入系統後,應該就要做首頁吧,這樣才比較像一個網站,一個APP服務。

首頁要長怎樣

老實說我沒什麼想法,甚至系統要叫什麼名字也不太有想法。只有要做什麼東西的想法。我們這次的採取的做法是,「做就對了!先做再說。」那麼我打算請AI先幫我設計一個版本。我打算先和他說我想做的APP的想法,請他幫我生成首頁看看。

一樣在專案裡面和他說:

我現在要做一個健身APP,會有飲食紀錄功能,然後未來會想做組隊系統可以讓使用者互相激勵,甚至安排課表,先幫我產出首頁來看看。

我一開始因為想比較各種AI 工具所以訂閱了 Claude,就用 Claude CLI 來實作。我們來看看結果吧。

raw-image


恩,看起來不錯,該有的資訊都有,但是有一個缺點,就是看起來超級AI感。你看現在網路上有些網站或服務。樣子就會像是這個樣子,就是用Claude 實作出來的

先求有,再求好

生成出來的首頁,該有的資訊都有,看起來功能齊全。但缺點也很明顯:整體設計看起來就是「很 AI」,有點像是現在網路上某些服務,一眼就能看出是用 AI 生出來的樣子。可能如果騙騙普通人可以,但有在用AI工具的一看就知道是 Claude。

不過沒關係,這個階段的目標不是追求「漂亮」,而是先把東西做出來。首頁就算有點 AI 感,也至少能先跑起來,等之後功能成熟了,再回來優化設計,甚至可以考慮花錢請專業設計師來做品牌化。

結論

首頁就是門面,是使用者的第一印象。雖然我們現在生出來的版本還很陽春只是有個樣子堪用,讓我的測試者們在使用的時候有個想像的空間。但至少我們現在有了一個「能用」的框架。先求有,再求好,這才是 MVP 開發的重點。


如果你也在做自己的產品,不要因為「首頁還不夠漂亮」就停下腳步。先讓系統跑起來,功能才是核心。設計感,可以隨著產品逐步迭代。 🚀

留言
avatar-img
湯編驛-湯姆實驗室
19會員
71內容數
這邊會放一些我自己的分享內容,實驗測試還有做的MVP介紹
2025/09/23
文章分享如何在APP中實作會員登入系統,透過 Next.js 與 Nest.js ,結合 JWT 認證,讓使用者能註冊、登入並取得個人資料。文章強調 Vibe Coding 的應用,只需用白話文與 AI 溝通,就能生成程式,實現核心功能。
Thumbnail
2025/09/23
文章分享如何在APP中實作會員登入系統,透過 Next.js 與 Nest.js ,結合 JWT 認證,讓使用者能註冊、登入並取得個人資料。文章強調 Vibe Coding 的應用,只需用白話文與 AI 溝通,就能生成程式,實現核心功能。
Thumbnail
2025/09/22
系統專案架構 開始進入開發系統之前,我們要來先想一下專案架構要怎麼做。 前後端分離 現在比較流行的架構是前後端分離。比較常見的方案是前後端個一個專案各自一個檔案。但這樣子分離的話對於 vibing code 比較難,畢竟你兩個專案都開著你要同時個別和他們說要做什麼,有點不太切實際又麻煩。 所
Thumbnail
2025/09/22
系統專案架構 開始進入開發系統之前,我們要來先想一下專案架構要怎麼做。 前後端分離 現在比較流行的架構是前後端分離。比較常見的方案是前後端個一個專案各自一個檔案。但這樣子分離的話對於 vibing code 比較難,畢竟你兩個專案都開著你要同時個別和他們說要做什麼,有點不太切實際又麻煩。 所
Thumbnail
2025/09/20
本文分享以AI加速開發健身健康紀錄APP的經驗,從核心功能MVP(最小可行產品)的設計,包含飲食記錄(AI辨識熱量)、運動記錄、數據分析,到未來擴展社群功能、挑戰任務及商城合作的完整規劃,目標打造更有效率、更具互動性的健身追蹤平臺。
Thumbnail
2025/09/20
本文分享以AI加速開發健身健康紀錄APP的經驗,從核心功能MVP(最小可行產品)的設計,包含飲食記錄(AI辨識熱量)、運動記錄、數據分析,到未來擴展社群功能、挑戰任務及商城合作的完整規劃,目標打造更有效率、更具互動性的健身追蹤平臺。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
在現代數位時代,我們習慣於直接打開簡報軟體,快速輸入想法,添加圖片和動畫,希望能製作出一份令人驚豔的簡報,可是這種做法往往忽略了一個簡報的本質——傳遞資訊,與聽眾建立真實的連結。今天分享一招我自己也經常在用的方法:要準備簡報,就先別打開簡報(軟體)。 因為麻煩,反而精鍊 在開始製作簡報之前,
Thumbnail
本次我們優化了訪客加入沙龍的流程,當訪客進入到你的沙龍時,將會優先導引至沙龍的關於頁,因此,關於頁將成為訪客對沙龍的第一印象,露出的資訊十分重要,建議創作者們一定要準備這些資訊,讓初來乍到的訪客認識你的沙龍
Thumbnail
本次我們優化了訪客加入沙龍的流程,當訪客進入到你的沙龍時,將會優先導引至沙龍的關於頁,因此,關於頁將成為訪客對沙龍的第一印象,露出的資訊十分重要,建議創作者們一定要準備這些資訊,讓初來乍到的訪客認識你的沙龍
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
1.設計系統不用從頭開始 在設計產品時,有一個觀念可能會顛覆我們對於產品設計的傳統想法。這是初期在 AlleyPin 擔任一人設計師,負責各種產品或視覺設計工作時才逐漸領悟到的一點。 當時,我在購買UI Kits這件事情上猶豫不決,擔心使用現成的設計資源會使我的設計變得無聊或是缺乏創造。後來面臨
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
在當今網路時代,首頁是一個網站最重要的部分之一。它是訪客進入您網站的第一個接觸點,也是塑造您品牌形象、吸引訪客留下來的關鍵所在。如何打造一個引人入勝的網站首頁?讓我們一起來看看吧! 引人注目的視覺設計 首先,一個吸引人的網站首頁需要具有引人注目的視覺設計。這包括適合您品牌風格的色彩搭配、清晰的圖
Thumbnail
在當今網路時代,首頁是一個網站最重要的部分之一。它是訪客進入您網站的第一個接觸點,也是塑造您品牌形象、吸引訪客留下來的關鍵所在。如何打造一個引人入勝的網站首頁?讓我們一起來看看吧! 引人注目的視覺設計 首先,一個吸引人的網站首頁需要具有引人注目的視覺設計。這包括適合您品牌風格的色彩搭配、清晰的圖
Thumbnail
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
透過瞭解客戶獨特的需求和目標,以及專業的故事講述和引人入勝的內容,我們將為客戶重新打造一個影響力的網站,符合現今的潮流並具備長久的適用性。
Thumbnail
透過瞭解客戶獨特的需求和目標,以及專業的故事講述和引人入勝的內容,我們將為客戶重新打造一個影響力的網站,符合現今的潮流並具備長久的適用性。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News