這篇文章要感謝 Ann 媽 & RT 爸的旅遊生活日誌 提供資料,讓我有素材實踐這次用 gamma 做到達頁的想法。如果你想過要在網路做一個個人網頁,但還不想立即花錢,gamma 目前很適合你用看看。
重點得到
- 從 0 開始,製做到達頁的實際演示
- 認識 gamma AI 簡報工具
- 下載我規畫好的到達頁模板
Gamma Ai 智能簡報製作工具,不只做簡報、還可以快速建出網頁
Gamma 是一個透過 ai 幫助你快速製作簡報的工具,只需要提供文字,就能讓 ai 幫你快速生成簡報畫面。呈現的風格是 Saas 相當喜歡的中性設計(neutral style),適合大部分的產業使用。
會知道這套工具,是因為參加了日更三十創作營,朱騏和小金魚推薦使用。看了他們應用的成果與官方案例,發現 gamma 除了做簡報,或許也可以製做簡易的個人網頁。
gamma 網頁呈現效果
- 日更三十創作營創作者介紹 – by 小金魚
- Template Demo – by gamma team
- Template Demo 2 – by gamma team
截至更新時間為止,純粹使用 gamma 排版建置檔案是免費的!如果直接花錢架站會有不安全感,建議你可以用 gamma 快速做出第一版個人介紹,若效果不錯未來再投入資源做網站也可以。
以下會完整分享,我實際建置的流程。
建置流程分享
此次的計畫,我完全用服務客戶的流程,幫 Ann 媽 & RT 爸的旅遊生活日誌 規劃他們的介紹頁面,記得開啟 gamma 之前要先花點功夫準備網頁內容。實際流程如下:
- 請對方填問卷
- 收回問卷,找出切入點
- 製作 Wireframe,確定框架和文案修改
- 頁面彩稿
- 建置
先給你看最終的結果 – Ann 媽 & RT 爸的旅遊生活日誌
其實用 gamma 建置是所有過程中最簡單的,最容易卡關的反而是問卷。
一、內容:個人介紹的網頁到底要寫些什麼?
我曾經撰寫過文章,說明如何提煉自己的到達頁內容:《撰寫第一版服務文案,完成到達頁內容》。不過實際去寫你會發現非常不容易,一方面很難看出自己的特色是什麼(而且過於謙虛,不好意思說自己哪裡很棒),另一方面是內容不足,不夠為網站使用,因為真的不知道有什麼可以寫上去。
因此收回問卷後的重點功課,是先替對方找出合適的切入點,並從回填資料中,盡可能的從社群平台中,找尋資料把不足的地方補起來。
針對 Ann 媽他們填寫的問卷,決定放大親子旅遊、住宿開箱的議題,縮減日常生活或家電開箱的幅度,突出"旅遊感"。定義好之後,才會進一步決定到達頁的框架和文案擴寫。
二、框架:有架構你才知道要怎麼往下做
很多人覺得網路模板不好用,主因是別人設計的架構並不是你要的,假如你沒有藍圖,那一定會邊做邊調,花了許多時間卻調不出個滿意的結果。
做網頁最重要的是架構(Wireframe),這個專案開始之前,其實我就預先做好一個模板,想說到時候套用即可,結果收回的問卷與模板框架根本不相符,得調整才行。
框架規劃不困難,不一定要用電腦,拿出你的紙跟筆就可以了。劃出你需要多少區塊,以及區塊裡面要表達什麼重點,跟做簡報一樣。
Ann 媽 & RT 爸的旅遊生活日誌的架構
- Hero
- 自我介紹
- 分享的範疇
- 推薦閱讀
- 感性的話
- 了解更多 – 內容平台導流
(點圖可放大)
三、彩稿:預想畫面大概長怎樣
彩稿非必要,因為我今天是從 0 開始,所以一定得做 UI Design,想像實際畫面可能長怎樣。
如果你不是要從 0 開始,這個步驟可以跳過,只要腦海中有大概想清楚要什麼類型的圖示,還有根據框架的需求準備對應的照片即可。
有了這些事前準備,我就能用 gamma 實際建置了!
(點圖可放大)
註冊 gamma ,開始動手製作你的網頁
因為已經有框架和彩稿,只要按圖切分段落、填充每個段落裡的內容(你需要幾張投影片,需要在裡面塞什麼東西的意思),就能把網頁建出來。
這篇文章不會一一介紹每個功能怎麼操作,直接註冊玩玩,官方的新手引導挺用心的,可以快速上手。
※ 利益揭露:該連結是我的註冊邀請,會提供你 200 點的 AI 點數用來自動生成,當然我也會得到 200 點。歡迎用我的連結註冊協助我測試更多功能,先謝謝你囉!
如果你是從 0 自己做,那可以參考我的流程:
- 先拉出需要幾個段落
比方說 Ann媽 他們需要 6 大段,那就先建 6 張投影片 - 確定段落裡的欄位數,先建欄位
有 2 欄以上的需求,請先 ‘ /column ‘ 把欄位蓋出來 - 把對應的元素放入欄位
有幾個標題、幾個說明、幾張圖都放上去,先用假資訊就好 - 確認排版後,開始填文案
當上面 3 步驟都確認是你要的布局後,把正式的內容填進去 - 改顏色和細節表現
色彩和細部的樣式設定,請在這個階段一次調整會比較有整體感,以免前面花太多時間刻細節 - 設定超連結
在頁面都差不多之後,才設定外部連結
排除掉前面框架的流程,只論用 gamma 做到達頁,大概花我不到一個小時的時間,以從 0 到有來說是非常快的。
- 框架 – 10 分
- 真實內容與細節調整 – 約 20~30 分
- 找功能或反覆測試 – 約 15 分
※備註:影片中你會看到我把 1~3 步驟整合在一起做,是因為我蠻熟悉建網站的流程,如果你是剛起步,建議還是拆開製做比較好。
實測心得 – gamma 的好處與劣勢
這次測試發現,gamma 工具有幾個好處:
- 支援 Markdown 編輯
- 有主題設定,能自訂常用色彩和字體
- 模板的視覺呈現不錯,有空間感,讀起來很舒服
- 預設的模板樣式還算充裕
- 展開收合的卡片,可以放更多資訊
但也因為 gamma 是做簡報的工具,有一些網頁該有的功能支援尚未完善:
- 手機板無法調整
版面配置不能太天馬行空,否則手機板的閱讀節奏會超怪。圖片沒辦法電腦、手機版分開做,挑圖要以被裁到也沒關係的為主 - 圖片沒辦法掛超連結
目前可以掛連結的只有文字和按鈕,文字還得是獨立元素(文案中間的字不能突然塞超連結) - 欄位沒辦法複製
只有一些元素支援複製貼上的功能
如果未來 gamma 有加上去,那真的會成為一個快速做到達頁的工具之一。
額外測試|用 gamma ai 直接生成頁面會怎樣?
話不多說先上結果,結果我是很滿意的!
如果你不是像我要為特定對象客製內容,只是打算製做自己的頁面、又需要一些靈感的話,那 gamma 的 ai 功能很值得你嘗試!生成一次 40 點,新註冊提供的點數,非常夠你產出第一版的頁面靈感了。註冊玩玩 →
只要告訴 ai 你的頁面定位,還有需要幾個大段落,讓他幫你填內容,就能得到很不錯的效果。假設你連段落都沒想法,也可以請它幫你出。
以下是我餵給 gamma ai 的內容,供你參考:
指示
Ann 媽 & RT 爸的旅遊生活日誌是一個親子旅遊部落客,分享住宿開箱和親子旅遊心得,請用平易近人的語氣撰寫,缺少內容的部分請協助補充說明。全部請使用繁體中文。
框架
- 封面
- 自我介紹
- 分享項目
- 出遊行程規劃
- 住宿景點心得
- 海外旅行遊記
- 美味食記分享
- 推薦內容
- 商業合作
- 如何找到我們
寫在最後,多去試用現有的工具,嘗試你的第一版到達頁
我們的服務是幫人家打造漏斗和建置網站,測試這種免費工具,外人看來可能像是拿石頭砸自己的腳,在幫競爭對手推廣之類的,不過,我們反而超推薦你實際多玩看看!
動手試做,才會更清楚自己的需求是什麼,做顧問服務最害怕的就是客人一問三不知,沒有限制的需求,才是最恐怖的需求。
當你做過了第一版到達頁,了解了到達頁的目的,想要正式製做一個符合你所有需求的到達頁時,歡迎找我們為你操盤。
最後再次感謝 Ann 媽 & RT 爸的旅遊生活日誌 願意讓我進行這次的嘗試,他們介紹了許多台灣的住宿、民宿開箱,文內也有對應的折扣碼可使用。如果你需要規劃家庭或親子旅遊,可以多多關注他們的分享!