上一季的主要工作重點是雅婷逐字稿landing page的改版。相信有用逐字稿的人或多或少聽過這個名字，雅婷有一定的知名度，但因應後續的商業策略調整，我們需要做品牌重塑。
痛點
原本的Landing Page已經是6年前製作，雖然具備基本資訊，但隨著產品成熟，公司內部對產品定位也有不同想像，資訊區塊有可以補充之處。 更重要的是，逐字稿使用者通常帶有明確的使用意圖，透過搜尋進入產品頁面，開始使用者旅程。SEO是重要的貨客管道，需要大幅度優化。改版前，這個Landing Page被google抓取到的標題是「快速聽打文字」。
PMM/PR看重的改版重點
1.Slogan、Message house的重塑、內部重新對焦2.網站區塊重組：原本只有app、介面按鈕跟數項產品特色，新增FAQ、亮點成績的數字、統一原本分歧的B2B詢問入口、增加這幾年的成功案例
3.SEO設定、社群分享的Open Graph設定
實作方式
我是用vibe coding的方式，以V0網站做前幾版雛形。網站所有按鈕、連結都真的可以點，只是我沒有讓他上線。圖片部分，我也用Canva做了mock up，現成版型就可以合成手機、筆電的使用情境畫面。
這個做法最大優點是可以很快製作POC。不管是過文案、過結構，主管比較傾向看到視覺化的呈現，能夠想像實際做出來的成果。
另外就是在brainstorming階段，可以省下設計師的時間，看紀錄發現我前前後後改了38版，有些是字型、顏色、板塊位置微調，有些是主視覺改動、架構增加這種大幅度的變動。
過程中，有幾個我覺得不錯的版本，包括用google gemini 輔助生成code，寫了一個模擬逐字稿轉錄過程的打字動畫，還有用canva 做模擬圖，北歐簡潔風格的第一屏。雖然最後正式landing Page並沒有採用，但對我來說是探索不同的視覺風格，豐富自己的設計語彙，很有趣。
模擬逐字稿轉錄的打字機
未採用的北歐風主視覺、38版的發想紀錄
當然vibe coding的方式做網站仍有些限制，包括細緻的CI對齊、版面調整、landing Page跟產品線網站的視覺風格串接、SEO設定、串接後續金流或客服chatbot⋯⋯等。我們最後決定還是用傳統的開發模式做改版。
結果
跟老闆定案後，跟設計溝通、進前端手刻，大約1.5週完成了這個landing page，SEO雖然從頁面上看不見，但我有請前端工程師幫忙，一定要重設Title、H1還有meta description。經過2週後，搜尋結果可以看到landing page在前三名，甚至當月營收也有成長（這影響變數很多，不過我相信landing page的指引是有加分的。）
改版後的SEO排名
改版除了改視覺風格，也是走一次內部定位對齊→訊息梳理→探尋使用者意圖→搜尋最佳化的Go to Market歷程。
