阮慕驊美股 App｜0→1 產品設計

Design Challenges

設計挑戰

這個專案的挑戰不只是設計一個美股 App，而是要將投資作者的研究方法、選股邏輯與訂閱價值，轉化成使用者能快速理解、願意使用，也願意購買的產品體驗。

挑戰一：將投資策略轉化為可使用的產品體驗

阮慕驊的美股策略本身包含多種判斷邏輯，例如大盤狀態、選股條件、分數評比與指標訊號。設計上的挑戰是，如何將原本偏知識型、專家型的投資方法，轉化成一般使用者可以在 App 中持續理解與操作的產品功能。

不是單純呈現資料，而是讓策略變成可被使用的產品體驗。

挑戰二：在有限畫面中提升金融資訊的可讀性

美股資訊本身具有高密度與高即時性的特性，使用者需要同時比較多檔股票的價格變化、評分結果與投資訊號。設計上的挑戰是，如何在有限的手機寬度中，讓資訊足夠完整，但又不造成閱讀負擔。

需要在資訊完整度與掃描效率之間取得平衡。

挑戰三：從第一印象建立信任與購買動機

作為一個新推出的作者型美股產品，使用者在第一次接觸時需要快速理解這是什麼、適合誰、能帶來什麼價值。從 App Logo、商店頁到新手導覽，都必須建立專業感與信任感，同時降低使用者對新功能與投資邏輯的理解門檻。

第一印象不只影響品牌感，也會影響使用者是否願意繼續了解與訂閱。

Design Solution

設計解法

面對策略複雜、資訊密度高，以及新產品需要建立信任的挑戰，我將設計解法拆成五個層面：品牌識別、選股體驗、大盤總覽、新手導覽與商店頁轉換。

每個設計模組都不是獨立存在，而是共同協助使用者從第一次接觸產品、理解投資邏輯，到實際使用選股功能與產生購買動機。

Point 1：Brand Identity / Logo 設計

在 Logo 探索時，我主要考量三個方向：需要讓使用者感受到這是一個與美股投資、策略判斷相關的工具，而不是一般內容型 App。產品與阮慕驊個人品牌高度相關，因此 Logo 需要保留「美股晚點名」的記憶點。Logo 最終會出現在手機桌面、商店頁與產品入口，因此需要在小尺寸下仍然清楚、可辨識。

A 款：紅藍交織

以深藍色 K 線圖為背景，營造專業的美股投資氛圍；文字部分採用紅、藍雙色設計，呼應美國國旗的配色，強化「美股」主題辨識度。

B 款：金鑽專業

以深黑色漸層與世界地圖點陣圖為背景，營造國際化與專業感；文字採用金色金屬質感設計，象徵財富、尊榮與權威，呼應美股投資的高價值定位。字體粗實穩重，搭配光點效果，凸顯品牌獨特性與視覺亮點。

C 款：異紅夜色

以黑灰色磚牆為背景，營造美股夜間盤後的都會氛圍；文字採用紅、藍霓虹燈效果，呼應美國國旗配色，同時呈現熱鬧活躍的夜市感與金融市場的波動性。

最終方向判斷

最終方向選擇以深藍作為主要基底，搭配紅色強調「美股晚點名」的品牌記憶點。這樣的組合一方面保留金融產品需要的專業與信任感，另一方面也能在 App Icon 的小尺寸場景中維持足夠辨識度。

Point 2：選股體驗，將策略轉化為可操作功能

選股頁是整個產品的核心使用場景。使用者進入 App 後，需要在多檔股票之間快速理解哪些標的值得關注、每檔股票目前的狀態，以及背後的判斷依據。

因此在設計上，由於作者的選股邏輯拆解成兩種使用情境：一種是透過三因子評分快速比較多檔股票；另一種是透過四象限分類，幫助使用者從不同投資機會中找到適合關注的標的。

1. 三因子評分

三因子評分頁的目標，是讓使用者能在同一個列表中快速比較多檔股票的狀態。除了股價與漲跌幅之外，我將價值、動能、趨勢與總分整理成固定欄位，讓使用者可以透過一致的閱讀順序，快速判斷每檔股票的相對表現。

2. 四象限精選

四象限精選是將選股邏輯轉化為更具引導性的分類體驗。相較於三因子評分偏向橫向比較，四象限精選更像是幫使用者先整理出不同類型的投資機會，讓使用者可以依照目前市場狀態與個人需求，快速找到值得關注的股票。

Point 3：大盤總覽，幫助使用者先理解市場狀態

在使用者進入選股頁之前，整體市場環境會影響他的判斷與操作情境。因此我設計大盤頁作為產品中的市場入口，將主要指數、趨勢狀態、雷達圖與市場說明整理成一個可快速掃描的總覽頁。

這個頁面的設計重點，是讓使用者不用一開始就閱讀大量資料，而是先透過幾個關鍵區塊理解目前美股市場的整體方向。

Point 4：新手導覽，降低第一次使用的理解門檻

由於這是一個全新的美股投資產品，使用者第一次進入 App 時，可能還不熟悉作者的選股邏輯、指標意義與功能使用方式。

透過新手導覽流程，用較低負擔的方式說明產品價值與核心功能，幫助使用者在正式進入高密度資訊頁面前，先建立基本理解。

透過循序漸進的說明，先讓使用者理解產品能帶來什麼價值，再介紹大盤、選股與指標等核心功能，最後引導使用者開始進入 App 使用，避免使用者一開始就被大量金融資訊淹沒。

Point 5：商店頁，下載前清楚溝通產品價值

商店頁是使用者在購買前理解產品價值的重要入口。因此我在商店頁設計中，將內容整理成「作者信任感」、「產品核心價值」、「功能亮點」與「使用情境」幾個層次，讓使用者能在購買前快速理解訂閱後可以獲得什麼。

Impact

成果與影響

這個專案協助一個全新的作者型美股 App 從 0 到 1 建立完整產品體驗，涵蓋品牌識別、商店頁、核心選股功能、大盤總覽與新手導覽。

透過三因子評分與四象限精選，使用者可以用更清楚的方式理解作者的選股邏輯，並在多檔股票之間快速比較不同標的的狀態。

透過大盤總覽與新手導覽，產品也降低了第一次使用時的理解門檻，讓使用者在進入高密度金融資訊前，先建立對市場狀態與核心功能的基本認知。

最終，產品上線後達到百萬級營收，協助新產品完成商業驗證。

反思

這個專案讓我不只是完成一組 App 介面，而是建立一個新產品從品牌認知、價值理解到實際使用的完整體驗基礎。

對我來說：金融產品的設計不能只追求資訊完整，更需要幫助使用者建立判斷脈絡。尤其在作者型產品中，不能只是把各種數據攤開來而已，必須把專家的投資邏輯轉譯成一般使用者能理解、比較的介面。

後續若能持續迭代，我會進一步透過數據與使用者訪談，驗證新手導覽、選股頁與商店頁是否真正降低理解門檻，並持續優化從購買到使用的完整路徑。