Character Creator是一個(gè)幫助人們輕松創(chuàng)建出漫畫角色的web應(yīng)用程序,只要按照自己的喜好選擇人物特征元素(包括性別、發(fā)型、眼鏡、嘴唇等等),就能創(chuàng)建出一個(gè)漫畫形象,具體的大家可以進(jìn)入網(wǎng)站體驗(yàn),網(wǎng)址:https://charactercreator.org/。
Frederic是這個(gè)網(wǎng)站的開發(fā)者,他竟然用了六年的時(shí)間來創(chuàng)建和改善這個(gè)網(wǎng)站,直到現(xiàn)在收入才達(dá)到450美元。可以說是,F(xiàn)rederic是“用愛發(fā)電”。讓人感到佩服的是,他原先只是一個(gè)漫畫家,自學(xué)各種開發(fā)技術(shù),一步一步再創(chuàng)建了Character Creator。
本文采訪中,F(xiàn)rederic將跟大家分享他是如何從一個(gè)漫畫家變成自學(xué)成才的開發(fā)者的。
你的背景是什么?現(xiàn)在在做什么?
嗨!我的名字叫Frederic,是一個(gè)漫畫家和網(wǎng)頁(yè)開發(fā)人員。我從小就在家里的電腦上編程,在畫桌上畫漫畫。
我曾畫過一段時(shí)間的漫畫,最終成為了一名網(wǎng)絡(luò)開發(fā)人員。這兩種技能最終結(jié)合在一起,這也是我們做出Character Creator這個(gè)產(chǎn)品的基礎(chǔ)。
Character Creator是一個(gè)web應(yīng)用程序,它幫助故事講述者能夠按自己想要的效果創(chuàng)建漫畫角色。只需點(diǎn)擊一系列選項(xiàng)和菜單,根據(jù)自己的選擇就能建立角色。網(wǎng)站還有一個(gè)下載按鈕,這樣使用者就可以在存儲(chǔ)設(shè)備上保存一份矢量文件。
我創(chuàng)建Character Creator目的是讓自己能夠改進(jìn)角色創(chuàng)建過程。作為一名開發(fā)人員,我可以看到重用代碼的好處,但作為一名藝術(shù)家,沒有復(fù)雜的方法來做到這一點(diǎn)。
漫畫家們每次畫一個(gè)新的面板都是要從零開始的。而通過將矢量藝術(shù)轉(zhuǎn)換為一種媒介,并將字符作為代碼位來處理,我就能夠?qū)⒔M成字符的所有元素進(jìn)行分類,并在每次需要它們作為新字符的一部分時(shí),用模塊化的方式重復(fù)利用。這樣一來,每個(gè)項(xiàng)目只需要繪制一次,所有人都可以使用。
組織這些圖的另一個(gè)好處是,您可以設(shè)計(jì)一個(gè)算法來幫助從大量元素中創(chuàng)建原始的、隨機(jī)的字符。這些隨機(jī)的角色往往會(huì)給故事帶來驚喜和靈感。
是什么激勵(lì)你開始構(gòu)建Character Creator?
我當(dāng)時(shí)正在做一個(gè)漫畫書的項(xiàng)目,這個(gè)項(xiàng)目開始失控了。我想要以最有趣的方式著處理這個(gè)項(xiàng)目,但整個(gè)過程讓我感到筋疲力盡,把項(xiàng)目拖得很慢。這個(gè)痛苦的過程,迫使我去尋找更好的方式來完成任務(wù)。
那時(shí),我已經(jīng)把軟件換成了Linux,并開始使用免費(fèi)的圖形程序,這時(shí)我發(fā)現(xiàn)了矢量圖形程序Inkscape。它讓我重新發(fā)現(xiàn)了矢量圖形。幾年前在學(xué)校時(shí)我就玩過這種格式,但當(dāng)時(shí)并不是很感興趣。
可縮放矢量圖形(Scalable Vector Graphics,SVG)的屬性讓我覺得可以嘗試和測(cè)試一下自己理論。
為此,我還必須會(huì)用JavaScript編寫代碼,以便能夠按照我的設(shè)想構(gòu)建應(yīng)用程序。起初,我使用了自己能想到的每一個(gè)庫(kù),并向朋友尋求幫助,以獲得一個(gè)最小的可行產(chǎn)品并運(yùn)行起來。
我使用了Snap.svg和jQuery,甚至D3。但這只是一種讓一個(gè)版本運(yùn)行起來快速簡(jiǎn)單的方式,并讓人們可以給我反饋以進(jìn)行多次迭代。隨著時(shí)間的推移,我選擇刪除所有庫(kù),并用自定義函數(shù)替換項(xiàng)目中的所有用例。我不得不對(duì)代碼的某些部分進(jìn)行兩三次重構(gòu),但每次迭代都是一次改進(jìn)。直到現(xiàn)在仍有改進(jìn)的空間。
這個(gè)網(wǎng)站一開始只有幾個(gè)訪問者,但很快就逐漸減少了。在過去的六年里,只要有可能,我就會(huì)不斷地更新網(wǎng)站。我不斷的修復(fù)bug,在路線圖中添加所有的特性,并弄清楚自己要按照什么順序去做。
直到三年后,流量才開始有有機(jī)地增長(zhǎng)。人們開始發(fā)現(xiàn)它,并有足夠的興趣花時(shí)間創(chuàng)造自己的角色。可供選擇的物品清單必須達(dá)到臨界質(zhì)量,才能使游戲般的界面具有吸引力和沉浸感。
目前,這個(gè)網(wǎng)站還沒有實(shí)現(xiàn)盈利,但我正在談判一份能在短期內(nèi)改變現(xiàn)狀的合同。如果能夠成功,將開始發(fā)展團(tuán)隊(duì)。
最初產(chǎn)品是怎么構(gòu)建的?
我把這個(gè)項(xiàng)目設(shè)計(jì)得盡可能輕。就代碼而言,還包括維持運(yùn)行所需的成本。除了我的基本生活成本之外,基本上沒有其它地方需要花錢(每月 20 美元的服務(wù)器成本)。
我是有意這樣做的,這樣項(xiàng)目就不會(huì)因?yàn)槿狈Y金而受阻。我在網(wǎng)上自學(xué)了JavaScript, CSS和矢量圖形,一步一步地構(gòu)建了組成應(yīng)用程序的各個(gè)部分。六年后,我仍然覺得這只是剛剛開始。
我希望UX盡可能的好,所以把它分解成創(chuàng)建一個(gè)原始角色的所有步驟。從第一次點(diǎn)擊網(wǎng)站,用戶就能立即發(fā)現(xiàn)自己處于角色創(chuàng)造過程中。在此基礎(chǔ)上,當(dāng)用戶選擇下載他們的作品時(shí),我會(huì)一直專注于保持相同的用戶體驗(yàn)。
網(wǎng)站大概花了我四年的時(shí)間編寫代碼,代碼基至少被部分重構(gòu)了三次,以提高性能并滿足編碼標(biāo)準(zhǔn)。每一步我都會(huì)添加一個(gè)新功能,通常是當(dāng)時(shí)最緊急或最重要的功能,而一些更重要的功能則要花費(fèi)一年多的時(shí)間來準(zhǔn)備美術(shù)和代碼,以便完成新功能。
創(chuàng)建Character Creator使用的資金均來自我的工資和存款。我從Patreon、廣告和一些定制的繪圖和編碼中賺了一點(diǎn)錢,這讓我可以全職工作。
一些朋友則給了我一些技術(shù)支持,比如幫我設(shè)計(jì)一個(gè)輕量級(jí)的MVP后端、提供提高網(wǎng)站流量的建議等等。
你是如何吸引用戶?
一開始我并沒有進(jìn)行宣傳,只是在 2014 年 1 月中旬在twitter上宣布創(chuàng)建了Character Creator。在這次軟發(fā)布后不久,人們的關(guān)注逐漸減少?;舜蠹s三年的時(shí)間才把它建成一個(gè)能夠吸引并保持人們興趣的產(chǎn)品。
盡管我已經(jīng)在這方面工作了很多年,但逐漸涌入的流量仍然讓我感到意外。正是這種突然的興趣促使我添加了新的功能,讓用戶可以保存他們的作品,稍后再回來做進(jìn)一步的編輯。
下面是Character Creator一些數(shù)據(jù)表現(xiàn):
5 月 18 日是單日訪問量最多的一天,有 9525 個(gè)用戶
過去 30 天內(nèi)有213, 133 名用戶
去年有1,594, 388 名用戶
比前一年增長(zhǎng)152.33%
過去 3 年有 240 萬(wàn)用戶
平均停留時(shí)間為5: 03 分鐘
從網(wǎng)站的第一個(gè)概念版本開始,我的大部分努力都花在了改善用戶體驗(yàn)上。剩下的就是為男性和女性模板添加新的服裝和配飾。
如果我有市場(chǎng)營(yíng)銷預(yù)算的話,我會(huì)全部投入到改進(jìn)產(chǎn)品上。我始終認(rèn)為,當(dāng)一個(gè)產(chǎn)品夠好就能吸引人們注意,這勝過買任何形式的廣告。
我的發(fā)展戰(zhàn)略是從在域名中使用關(guān)鍵詞開始的,確保網(wǎng)站有響應(yīng)性,文本內(nèi)容可以被搜索引擎訪問。然后將90%的工作放在用戶體驗(yàn)的前 10 秒。
你的商業(yè)模式是什么?
我仍在探索商業(yè)模式,目前有一個(gè)Patreon頁(yè)面,并在網(wǎng)站上展示廣告。這個(gè)項(xiàng)目現(xiàn)在還沒有實(shí)現(xiàn)真正意義上的盈利,但我認(rèn)為它在穩(wěn)步增長(zhǎng),隨時(shí)都有可能起飛。
收入來自流量,而流量的增長(zhǎng)取決于我在網(wǎng)站上投入的持續(xù)努力。迄今為止,收入的最大變化是我在網(wǎng)站上添加了廣告。它給了我一種新的信心,讓我相信只要付出適當(dāng)?shù)呐?,就能獲得一些成就。
就項(xiàng)目財(cái)務(wù)而言,我正努力避免因這個(gè)項(xiàng)目而負(fù)債。當(dāng)收入增加時(shí),我將開始讓團(tuán)隊(duì)更頻繁地更新特性、bug修復(fù)和新項(xiàng)目,并引入許多需要的特性,如各種體型、姿勢(shì)和動(dòng)作姿勢(shì)。
我認(rèn)為目前最大的障礙是努力增加收入,使我能夠?qū)崿F(xiàn)大規(guī)模盈利,并期待有機(jī)地發(fā)展團(tuán)隊(duì)。
注:本文編譯自indiehackers,原文標(biāo)題《Reaching Ramen Profitability as a Comic Artist Turned Self-Taught Dev》
每天一篇超實(shí)用創(chuàng)業(yè)案例,掃碼關(guān)注【站長(zhǎng)視界】↓↓↓
(舉報(bào))