famousoutfits.com 是個以介紹男性時尚穿搭的網站,在一個月前迅速竄紅。驚人的是,這個網站的架設者,Nate Winn 與 Jad Limcaco,只花了不到一個月的時間,就從零開始,完成了這項不可能的任務。以下是 Jad 對於創業過程的分享。

一個月前,我正與朋友 Nate 在他家廚房腦力激盪著我們網站的架構。在經過了幾個禮拜的意見交換之後,一個成熟的想法逐漸浮現了出來。

Jad  (以下簡稱 J) : 或許我們可以名人的穿搭為參考,然後用便宜的配件複製出同樣的效果

Nate (以下簡稱 N): 我們應該專注在男性名人的穿搭。因為提供女性穿搭意見的來源可說是不勝枚舉,但專門為男性量身設計的時尚資料卻不多。

J: 可以用 email 訂閱的形式,每天提供一套完整的穿著。

N: 好點子。

接著,我馬上開始用手機搜尋適合我們網站的網域名稱。在幾分鐘內,就找到了一個超級適合的網址。

J: 用 famousfashion.com 當作我們網站的網址如何啊?

N: 真的可以用這個網址登記嗎?

J: 如果我們付得起 45000 美元的話摟!哈哈!

J: 或許可以用 Famous Outfits?這個網址還沒被用過,聽起來也還不賴!

我和 Nate 都認為這個網站會變得非常搶手,所以在幾天內我們就開始了我們的計劃。之後的發展完全出乎我們的意料

  • 建好網站以後,流量就會自然出現

我與 Nate 都是自學的開發者,之前曾合作開發出不錯的成果。雖然,各自於不同公司就職,延續之前合作模式的想法卻還是一直存在。同時,在花很多時間依據他人的構想設計之後,我們開始認真思考自主開發的可能性。

我們主要是想要架設一個提供男性時尚穿搭意見的網站,告訴大家如何能平價的穿出和型男明星們一樣的風格。在網路上,類似性質的網站大部份都是針對女性族群。就算有少數針對男性的網站,但大部份所提到的衣服配件都屬於一般人所無法負擔的高檔名牌,網站本身更是充斥著各種廣告。而這就是我們的平台所希望做出的市場區隔。

完成網站的原始計劃並沒有花掉太多的時間。由於當初的目標是在一個禮拜內讓網站上線,並對外公開,當晚,我們就在 Nate 家的廚房裡畫出了原始架構設計圖。隔天,我們就建好了網站的模擬測試版。而在三天內,我就利用 WordPress 完成了網頁的視覺設計。

遵循著 APP 開發的傳統,我們希望行動裝置用戶能與電腦使用者有相同的使用體驗,例如可以輕鬆地使用地圖、相簿、導航等功能。由於預期到許多用戶將透過行動裝置瀏覽我們的每日 email,所以我們希望能夠設計出不受瀏覽設備限制的 email 呈現方式。

  • 邁向成功的穿搭

五天後,也就是隔周的禮拜二,famousoutfits.com 成功上線了!當然,整個網站的界面還未盡完美,但我們的確成功在一個禮拜內達成初步目標。 

為了進一步改善 famousoutfits.com 的功能與界面,我們在 Reddit 的 /r/startups/r/web_design/r/entrepreneur 等論壇上問了幾個問題,希望能得到一些來自外部的建設性意見。雖然一開始的回應數並不多,但其中的確有一切值得參考的看法,而我們也立刻據其作出了相應的修改。

直到禮拜五,在我們於 Reddit 上貼出了第一篇部落格之後,famousoutfits.com 的流量才開始逐漸上升。但是,這波上升的趨勢遠遠比不上 Product Hunt (提供為用戶推薦新奇有趣的新 App 的功能。新應用按投票數量降序排列,點擊應用名稱可跳轉到該 App 的網站,註冊用戶可以對這些應用進行投票、評論)所帶來的一飛衝天。

  • 登上 Product Hunt,網站開始起飛

因為我是 Product Hunt 的超級粉絲,在我的推特上宣傳 famousoutfits.com 後所看到的這篇推文讓我非常驚喜。

對我們來說,這簡直是一個難以置信的成功!在上線三天之內就被刊登在 Product Hunt 上了!在最初的驚喜之後,我們開始思考如何才能讓 famousoutfits.com 擠進前五名。在觀察過當天上榜的其他產品後,我們知道要擠進前五名,我們必須拿出更多令人耳目一新的創意。所以,我們決定推出一個針對 Product Hunt 的特別企劃:Famous Outfit—Product Hunt Edition,從分析 Product Hunt 的創辦人 Ryan Hoover 的穿著開始。

 狗可以按情況而定

在貼出 Ryan 的穿搭分析之後,點讚次數開始慢慢攀升。但重點是,Ryan 本人愛死了這篇分析。之後,我們又應 Ryan 的要求,陸續貼出有關 Erik TorenbergHunter Walk 甚至是 Snoop Dogg 的分析。看到受 Product Hunt 上分享所吸引而來的龐大流量與來自 Ryan 與 Erik 的許多正面的推文,讓我們覺得十分的開心。

 

強烈不建議學習史努比狗狗的穿搭

等到午夜之時,我們已經擠到了第三名,且得到了 100 個讚與 27 則回應。被登在 Product Hunt 上絕對是 famousoutfits.com 的轉捩點!一個三天前架設的網站竟然擠進了 Product Hunt 排行榜的前三名!

 

  •  在內行人的 Hacker News 造成轟動

經過一個禮拜的流量緩步成長後,我們希望能得到更多網友們的回應。雖然預期反應可能不是很熱烈,但在禮拜四的下午兩點左右,我還是把famousoutfit.com 的連結貼在 Hacker News (由 Y Combinator 所提供的推文網站,適合重度網路使用者、長期深度關注網路發展的讀者)上 。幸運的是,當天稍早我剛好為famousoutfit.com 架設了 MaxCDN (伺服器提供者) 以加快運作速度。由於當時我與 Nate 都還在上班,所以只能用簡訊聯絡。

J:我剛把連結貼在 Hacker News。

N:我們網站的流量爆炸了!

J:現在有 124 個人正在瀏覽我們的網站!

N:292 快突破 300 了!

J: 天啊!太爽了吧!

N:407! 而且其中有超多正面的回應!

結果,當天我們的貼文成為了 Hacker News 的置頂爆文。總共收到 200 則回應、356 個讚,而瀏覽量更是超過 22000!對我們來說,這簡直就像雲霄飛車一樣刺激!

 在 Hacker News 上被推爆

更重要的是,來自 Hacker News 社群的回應都具有高度建設性,對於我們網站的改善有很大的幫助。當天晚上,我們就開始重新設計整個網站的架構以吸引更多瀏覽,並在隔天就完成了。

  • 吸取使用者回饋,重新修改網站

我們的快速推出原型並根據使用者回應修改的計劃是個大成功。在兩個禮拜內,我們已經推出了第四個修改版本,不但與我們的原型界面截然不同,也更加易於操作及吸引人。以下是 famousoutfit.com 的界面進化史。

 

1.  部落格形式的版面配置

2.  每日更新的內容置頂

3.  可以設定關注的內容

4.  右側加入分享與登入功能

  • 每日更新仍然不夠,內容才是王道

在這個計劃的初期,我們就察覺到了,僅是每天更新的內容是不夠的。為了持續吸引網友們的關注,我們設立了在 famousoutfit.com 上加入部落格的功能,讓大家能夠將自己認為有趣的內容分享到社群網站。為了使每篇貼文都是獨特且有趣的,我與 Nate 對於每個微小細節都不放過,儘量做到完美。以下是幾篇成功地貼文分享。

 

Apple Watch: 人們的選擇Scott Wilson 轉推(LunaTik 錶帶設計者 )/ Kickstarter 轉推

 

  2014 男性秋冬穿搭指南 / 超過430 次社交分享 / 超過 22,000 次 Pinterest 瀏覽

 

一件單品三種穿搭 /Pinterest 平台擁有263 名訂戶 / 超過 100 次社交分享

  • 意外的驚喜

在過去的一個月期間,我們持續監測著網站的流量,並根據網友們的回應,進行一些修改。有時候,一些我們自己覺得一定會大受歡迎的功能卻完全沒有效果。而其他時候,則有來自地球彼端意想不到的驚喜,如當兩大日本人氣部落格 Gigazine.net 與 Fashionsnap 分享了 famousoutfit.com 後,在僅僅數小時內,我們的流量暴增了超過 10000 人次,分享數則超過 400 次。看到人們透過不同的管道發現我們的網站,真的是件很有成就感的事。 

  • 十種創建網站運用的工具

在創立 famousoutfit.com 的過程中,我們用到的工具用兩隻手就能數出來。利用以下工具就對於有效率的建立並維護網站已經綽綽有餘。

1.  WordPress — 極受歡迎的內容管理軟體。雖然我們可以在 Rails 裡設計出自己的客製化 APP,WordPress 讓我們得以很快的開始作業。
2.  Photoshop — 從建立測試版網站到 po 出每日的穿搭,我們都是使用 Photoshop 進行設計。
3.  Sublime Text — 我們開發者最常使用的程式編輯軟體之一,簡單而有效率。
4. Dreamweaver— 我們利用這個軟體建立了 famousoutfit.com 的每日穿搭上傳系統。
5. Google Apps — 當來自網友的回饋開始塞爆個人信箱時,我們利用 GoogleApp 來管理這些信件。而在合作討論時,GoogleDoc 更是效率極高。
6. MaxCDN — 如果我們沒有在 Hacker News 貼文前利用 MaxCDN 建立可以處理高流量的伺服器的話,我們的網站絕對會被塞爆!
7.  MailChimp — 我們利用 MailChimp 來發送我們的每日 email。由於訂閱者數量龐大,所以我們最終還是需要用到他們的付費服務,但他們的設 計工具讓這些 email 變得輕鬆無比。
8.  AddThis Pro — 一個簡易的社群網站分享工具
9.  Buffer — 我們倚賴 Buffer 來同更新與管理所有的社群網站帳號。讓我們只需專心創作出有趣的內容即可。
10. Slack — 我與 Nate 對於 Slack 的依賴程度是大家所無法想像的。Slack 讓我們得以輕鬆的找到過去的回應或分享,並根據其對網站做出修正。

  • 驚人成績

當初我們在 Nate 的廚房裡天馬行空的開始 famousoutfits.com 的時候,完全沒有想到會麼快就獲得成功。Product Hunt 與 Hacker News 所帶來的幫助可說是不可思議。

超過 300000 次瀏覽

超過 95000 人次

平均瀏覽時間一分十五秒

接近 2000 位 email 訂閱者

我們在設計 famousoutfit.com 的過程中所得到的樂趣是難以形容的。請繼續關注我們的網站,因為接下來我們也會持續推出新的內容與功能。如果願意提供我們改進的意見的話,那就太好了!

(資料來源:《Medium.com》;圖片來源:Thompson Chan,CC licensed )

說到流量,不得不提前陣子爆紅的 GigaCircle!這個平台是創辦人 Jeremy 靠著自己的經驗和技術所創立,短短不到一個月,即火速進入台灣前 10 大網站;開站後兩個月就損益兩平;僅 125 天,點閱就逼近千萬人次……。

他是怎麼辦到的?11/26(三),年僅 24 歲的 Giga Circle 的創辦人將首次曝光,出席 TO Startup Mixer #22「Giga Circle 教我們的 8 件事, 聽完你一定會震驚!」講座,要和你談流量、談內容農場的真與假!

還等什麼馬上報名:http://goo.gl/XKYlb5