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是，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)頁開發(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è)下載按鈕，這樣使用者就可以在存儲設(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ī)的角色往往會給故事帶來驚喜和靈感。
是什么激勵(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)的屬性讓我覺得可以嘗試和測試一下自己理論。
為此，我還必須會用JavaScript編寫代碼，以便能夠按照我的設(shè)想構(gòu)建應(yīng)用程序。起初，我使用了自己能想到的每一個(gè)庫，并向朋友尋求幫助，以獲得一個(gè)最小的可行產(chǎn)品并運(yùn)行起來。
我使用了Snap.svg和jQuery，甚至D3。但這只是一種讓一個(gè)版本運(yùn)行起來快速簡單的方式，并讓人們可以給我反饋以進(jìn)行多次迭代。隨著時(shí)間的推移，我選擇刪除所有庫，并用自定義函數(shù)替換項(xiàng)目中的所有用例。我不得不對代碼的某些部分進(jìn)行兩三次重構(gòu)，但每次迭代都是一次改進(jìn)。直到現(xiàn)在仍有改進(jìn)的空間。
這個(gè)網(wǎng)站一開始只有幾個(gè)訪問者，但很快就逐漸減少了。在過去的六年里，只要有可能，我就會不斷地更新網(wǎng)站。我不斷的修復(fù)bug，在路線圖中添加所有的特性，并弄清楚自己要按照什么順序去做。
直到三年后，流量才開始有有機(jī)地增長。人們開始發(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)目就不會因?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í)，我會一直專注于保持相同的用戶體驗(yàn)。
網(wǎng)站大概花了我四年的時(shí)間編寫代碼，代碼基至少被部分重構(gòu)了三次，以提高性能并滿足編碼標(biāo)準(zhǔn)。每一步我都會添加一個(gè)新功能，通常是當(dāng)時(shí)最緊急或最重要的功能，而一些更重要的功能則要花費(fèi)一年多的時(shí)間來準(zhǔn)備美術(shù)和代碼，以便完成新功能。
創(chuàng)建Character Creator使用的資金均來自我的工資和存款。我從Patreon、廣告和一些定制的繪圖和編碼中賺了一點(diǎn)錢，這讓我可以全職工作。
一些朋友則給了我一些技術(shù)支持，比如幫我設(shè)計(jì)一個(gè)輕量級的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 名用戶
比前一年增長152.33%
過去 3 年有 240 萬用戶
平均停留時(shí)間為5： 03 分鐘
從網(wǎng)站的第一個(gè)概念版本開始，我的大部分努力都花在了改善用戶體驗(yàn)上。剩下的就是為男性和女性模板添加新的服裝和配飾。
如果我有市場營銷預(yù)算的話，我會全部投入到改進(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頁面，并在網(wǎng)站上展示廣告。這個(gè)項(xiàng)目現(xiàn)在還沒有實(shí)現(xiàn)真正意義上的盈利，但我認(rèn)為它在穩(wěn)步增長，隨時(shí)都有可能起飛。
收入來自流量，而流量的增長取決于我在網(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)目，并引入許多需要的特性，如各種體型、姿勢和動作姿勢。
我認(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)注【站長視界】↓↓↓
（舉報(bào)）