웹 사이트 애니메이션 튜토리얼을 만들어 6천 달러 벌기 [사이드 프로젝트]
Nov 29, 2023
![웹 사이트 애니메이션 튜토리얼을 만들어 6천 달러 벌기 [사이드 프로젝트]](https://image.inblog.dev?url=https%3A%2F%2Finblog.ai%2Fapi%2Fog%3Ftitle%3D%25EC%259B%25B9%2520%25EC%2582%25AC%25EC%259D%25B4%25ED%258A%25B8%2520%25EC%2595%25A0%25EB%258B%2588%25EB%25A9%2594%25EC%259D%25B4%25EC%2585%2598%2520%25ED%258A%259C%25ED%2586%25A0%25EB%25A6%25AC%25EC%2596%25BC%25EC%259D%2584%2520%25EB%25A7%258C%25EB%2593%25A4%25EC%2596%25B4%25206%25EC%25B2%259C%2520%25EB%258B%25AC%25EB%259F%25AC%2520%25EB%25B2%258C%25EA%25B8%25B0%2520%255B%25EC%2582%25AC%25EC%259D%25B4%25EB%2593%259C%2520%25ED%2594%2584%25EB%25A1%259C%25EC%25A0%259D%25ED%258A%25B8%255D%26logoUrl%3Dhttps%253A%252F%252Finblog.ai%252Finblog_logo.png%26blogTitle%3D%25EC%25A1%25B0%25EC%2589%25AC%25EC%259D%2598%2520%25ED%2594%2584%25EB%25A1%259C%25EB%258D%2595%25ED%258A%25B8%2520%25EB%25A0%2588%25ED%2584%25B0&w=2048&q=75){kind=logo}
도노반 허친슨 (CSS 애니메이션 창립자)
수익 월 $500
설립자 1
직원 0
안녕하세요! 누구이며 어떤 사업을 시작하셨나요?
제 이름은 도노반 허친슨이고 웹사이트 개발자입니다. 90년대 후반부터 웹 사이트를 구축해 왔으며 부수적인 프로젝트를 만드는 것을 즐깁니다. 가장 최근 프로젝트는 사람들이 아름답고 매력적인 웹 애니메이션을 만드는 방법을 배울 수 있도록 도와주는 웹사이트, 책, 강좌입니다.
비즈니스의 핵심은 웹사이트인 CSSAnimation.rocks로, HTML과 CSS를 사용하여 재미있고 매력적인 애니메이션을 만드는 방법을 보여주는 심층적인 튜토리얼을 제공합니다. 또한 주간 뉴스레터, 입문용(무료) 전자책, 4시간짜리 심층 동영상 강좌도 포함되어 있습니다.
어떤 배경을 가지고 있으며 어떻게 아이디어를 떠올리게 되었나요?
저는 항상 컴퓨터를 이용해 무언가를 만드는 것을 좋아했습니다. 경력 초기에는 음악과 미술을 만들다가 웹이 등장하면서 HTML과 CSS를 사용하여 웹사이트를 만들었습니다.
새로운 기술과 기술을 배울 때 매우 도움이 되는 것은 배우면서 글을 쓰는 것입니다. 블로깅은 새로운 아이디어를 탐색하는 동시에 이를 공유하고 다른 사람들도 새로운 것을 발견하도록 돕는 좋은 방법이라는 것을 알게 되었습니다.
업계에 몸담은 20여 년 동안 웹 디자인, 웹 개발, 글쓰기에 대해 많은 것을 배웠고, 이러한 기술은 온라인 프로젝트를 만들 때 모두 유용하게 사용되었습니다.
그래서 웹 기술을 사용하여 웹 사이트에 생동감을 불어넣는 방법에 대해 더 많이 배우고 싶어서 긴 형식의 튜토리얼 형태로 흥미롭고 참신한 접근 방식을 보여주는 프로젝트를 시작하기로 결정했습니다. CSSAnimation.rocks 도메인을 설정하고 첫 번째 게시물을 작성했는데 반응은 환상적이었습니다.
제 업무의 큰 부분은 배우고 다른 사람들과 공유하는 것에 대한 애정에서 비롯됩니다. 배우고자 하는 의지는 전에는 생각하지 못했던 분야에 접근할 때 큰 도움이 되었습니다.
이 게시물이 소셜 미디어에서 빠르게 공유되고 기술 뉴스레터에 등장하기 시작했을 때 무언가를 발견했다는 것을 알았습니다.
당시 저는 정규직으로 일하고 있었기 때문에 이 일은 여가 시간에 하는 부업에 가까웠습니다. 출퇴근할 때 버스를 타고 가거나 저녁에 TV를 보면서 틈틈이 글을 썼습니다.
첫 번째 제품을 디자인하고, 프로토타입을 제작하고, 제조하는 과정을 안내해 드립니다.
CSSAnimation.rocks의 핵심은 웹사이트입니다. 이 웹사이트는 지킬을 사용하여 구축되었으며 Github Pages에 무료로 게시되었습니다. 도메인 이름을 등록하는 데 드는 초기 비용과 튜토리얼 웹사이트를 로컬에 설정하는 데 필요한 시간만 지불하면 됩니다.
웹사이트를 디자인, 개발 및 출시하는 데는 업무 외의 여가 시간에 약 한 달이 걸렸습니다. 블로그를 깔끔하고 읽기 쉽게 만들고, 홈페이지에 각 글에 대한 링크를 포함하며, 모든 글에 제 트위터 계정과 뉴스레터 신청 양식에 대한 링크를 넣는 데 주력했습니다.
웹사이트가 자리를 잡자 튜토리얼 제작을 시작할 수 있었습니다. 이 튜토리얼도 여가 시간에 작성했는데, 조사하고 아이디어를 개발하고 작성하는 데 각각 일주일 정도 걸렸습니다. 항상 발견해야 할 오타가 더 많았기 때문에 사본 편집에도 며칠이 걸렸습니다.
기사를 작성하는 것은 공유 가능한 콘텐츠를 생성하는 좋은 방법이지만, 저는 지식을 공유하는 다른 방법으로 확장하기로 결정했습니다. 하나는 전자책을 쓰는 것이었습니다. 마크다운을 사용하여 전자책을 만들었고, 로컬에서 실행하여 HTML 파일을 epub 형식으로 변환하는 도구인 Pandoc을 사용하여 책을 만들었습니다. 지식 공유의 정신에 따라 책의 소스 코드와 콘텐츠를 Github에 게시하여 사람들이 다양한 형식으로 책을 무료로 다운로드할 수 있도록 했습니다.
제 전자책인 CSS 애니메이션 101은 사람들이 CSS 애니메이션을 시작하는 데 도움을 주기 위해 썼습니다. 매일 출퇴근하면서 작성한 이메일 기반 강좌의 내용을 대부분 수정했습니다. 이 콘텐츠는 20개의 짧은 튜토리얼 시리즈로 구성되어 있으며, 각 튜토리얼은 CSS 애니메이션의 특정 주제를 다루고 있습니다.
이메일 기반 튜토리얼을 만들면서 동일한 콘텐츠를 거의 변경하지 않고 책으로 만들 수 있었기 때문에 콘텐츠 재사용은 다른 영역으로 확장할 수 있는 좋은 방법입니다.
무료 책과 블로그 튜토리얼은 모두 잠재고객을 확보하는 데 유용하지만 페이지 내 광고를 제외하고는 수익을 창출하지 못합니다. 이를 위해 동영상 기반의 전문 튜토리얼 강좌인 ' CSS 애니메이션 스킬 레벨업'을 만들었습니다.
이 강좌를 만들기 위해 아르바이트를 시작했고 6개월 동안 매주 하루나 이틀씩 4시간짜리 강좌에 필요한 콘텐츠를 작성, 녹화, 편집하는 데 전념했습니다. 이를 위해 괜찮은 마이크와 비디오 편집 소프트웨어(Screenflow)에 투자했지만, 가장 큰 투자는 시간이었습니다. 재미있고 매력적인 예제를 생각해내고 예제 애니메이션을 만드는 방법을 설명하는 스크립트를 작성하는 데 많은 시간을 할애했습니다.
이 강좌를 제작하는 동안 저는 CSS 애니메이션 위클리라는 주간 뉴스레터를 시작하여 잠재 고객을 확보하는 데에도 노력을 기울였습니다. 이 뉴스레터에는 튜토리얼, 뉴스, 영감을 주는 웹 애니메이션 예시가 담겨 있습니다.
Revue를 사용하여 뉴스레터를 만들었습니다. 이 도구는 이제 무료 도구이며 사용자 지정 도메인과 브랜딩을 사용하도록 설정할 수 있습니다. 뉴스레터용 사용자 지정 로고를 만들었고 매주 링크를 수집하여 공유하고 있습니다.
비즈니스를 시작하는 과정을 설명합니다.
강좌를 만들 무렵에는 뉴스레터와 트위터 계정을 통해 소수이지만 열성적인 청중을 확보하고 있었는데, 이는 강좌를 알리는 데 유용한 플랫폼이었습니다.
이미 웹사이트, 무료 전자책, 뉴스레터 등을 통해 고객들의 관심을 어느 정도 끌어올린 상태였기 때문에 첫 주말에 약 5,000달러의 매출을 올리는 등 초기 출시는 상당히 성공적이었습니다.
그 결과 뉴스레터 호스팅 비용을 제외하고는 프로젝트를 운영하는 데 지속적으로 드는 비용이 거의 없었기 때문에 자금이 필요하지 않았습니다. 가장 큰 투자는 강좌를 만드는 동안 유급 근무 시간을 파트타임으로 줄여야 했기 때문에 제 시간이었습니다.
출시 이후 고객을 유치하고 유지하는 데 어떤 효과가 있었나요?
출시 이후 매주 뉴스레터를 발행하고 밋업에서 직접 강연을 하는 실험을 계속해왔습니다. 코로나 이후 이러한 강연은 중단되었지만 뉴스레터는 계속해서 저의 주요 관심사였습니다. 현재 구독자가 거의 10,000명에 달합니다.
이 목록을 늘리기 위해 여러 가지 방법을 시도해 보았지만, 저에게 가장 효과적인 방법은 고유한 콘텐츠를 만들고 사람들이 더 많은 콘텐츠를 보려면 뉴스레터를 구독하도록 유도하는 콜투액션을 추가하는 것이었습니다.
이 콘텐츠는 내 사이트인 CSSAnimation.rocks에 게시하거나 다른 업계 웹사이트에 게시한 글의 형태를 취합니다. 내 사이트에서 작업을 홍보하는 것이 장기적인 성장에 도움이 되지만, 다른 플랫폼에는 더 많은 잠재 고객이 있는 경우가 많으므로 때때로 다른 플랫폼에 글을 작성하는 것이 도움이 됩니다.
온라인 광고로 큰 성공을 거두지 못했고 Facebook이나 Instagram에 최적화하는 데 많은 시간을 할애하지 않았지만 큰 시장이 있기 때문에 해당 채널에서 고유한 콘텐츠를 홍보할 가치가 있습니다. 저는 트위터에서 기사를 홍보하는데, 이는 제 주제에 관심 있는 사람들과 소통하는 데 매우 유용하다고 생각합니다.
자신이 조금이라도 알고 있고 관심 있는 분야부터 시작하여 거기서 아이디어를 확장하는 것이 좋습니다. 완벽한 아이디어가 떠오를 때까지 기다리는 것은 위험한 도박입니다. 아이디어가 어디로 이어질지 알 수 없기 때문입니다.
제가 시도한 또 다른 방법은 아마존을 통한 셀프 퍼블리싱이었습니다. 아마존 플랫폼을 통해 CSS 애니메이션 101 책을 셀프 퍼블리싱했는데, 설정이 매우 쉬웠고 전 세계 독자들에게 제 책을 소개할 수 있어서 좋은 경험이었습니다. Amazon 플랫폼에서 제 책을 홍보하려면 더 많은 노력이 필요할 것 같지만 시작하고 실행하는 것은 쉬웠습니다.
현재 상황은 어떠하며 미래는 어떤 모습일까요?
현재 제 강좌는 한 달에 약 500달러 상당의 강좌를 판매하고 있으며, 가족을 키우고 풀타임으로 일을 하는 데 대부분의 시간을 할애하고 있기 때문에 단기적으로 마케팅을 확장할 계획이 없습니다.
하지만 이 틈새 교육 플랫폼을 시작하면서 배운 교훈을 바탕으로 더 넓은 주제로 확장하고 싶습니다. 저는 웹 디자인과 개발의 모든 측면에 대해 배우는 것을 즐기고 있으며, 제가 배운 것을 계속 공유하고 고객을 위한 새로운 학습 방법을 만들 수 있는 기회를 찾고자 합니다.
창업을 통해 특별히 도움이 되거나 유리한 점을 배운 것이 있나요?
제 업무의 큰 부분은 배우고 다른 사람들과 공유하는 것에 대한 사랑에 의해 주도됩니다. 청중을 확보하는 데 필요한 시간이나 동영상 강의를 제작하고 편집하는 방법을 배우는 등 전에는 생각하지 못했던 영역에 접근할 때 배우려는 의지가 큰 도움이 되었습니다.
크리에이티브 프로세스에 뛰어든 것은 매우 유용했습니다. 마케팅과 홍보는 혼자서 하는 것이 아니라 SitePoint와 같은 기존 브랜드와 협력하여 비디오 강의 세계에 첫발을 내디뎠습니다. 첫 번째 강좌는 계약으로 제작했고, 경험 많은 편집자들과 협업하면서 많은 것을 배웠습니다. 게다가 그들에게는 고정 시청자가 있었죠.
습관이라고 한다면, 저는 항상 제가 배우는 방법을 활용하여 시장성 있는 콘텐츠를 만들 수 있는 방법을 생각하는 것을 좋아합니다. 새로운 기술을 배우면 그에 대한 블로그 게시물을 작성하여 잠재 고객을 확보하는 데 도움이 되는 도구로 활용합니다.
비즈니스에 어떤 플랫폼/도구를 사용하시나요?
저는 Udemy를 사용하여 강좌를 호스팅합니다. 가격 책정 및 프로모션을 너무 세밀하게 관리하고 싶지 않아서 사용하기 쉬운 옵션입니다. 더 강력하고 코스 마케팅을 더 신중하게 관리하고 싶을 때 사용할 수 있는 Teachable을 사용해 보았습니다.
저는 코스를 만들 때 노트북과 괜찮은 마이크(블루 예티)와 함께 Screenflow를 사용합니다.
잠재 고객 구축을 위해 Revue에서 호스팅되는 주간 뉴스레터를 운영하고 있으며, 제 웹사이트는 Github에서 무료로 호스팅되는 정적 생성 웹사이트로, Cloudflare의전 세계 CDN과 무료 HTTPS 도구를 통해 빠른 속도를 보장합니다.
가장 영향력 있는 책, 팟캐스트 또는 기타 리소스는 무엇인가요?
처음 시작할 때 폴 보그의 글과 팟캐스트에 큰 영향을 받았습니다. 저는 그의 아이디어와 에너지를 정말 좋아합니다.
CSS 애니메이션에 관해서는 제가 가장 좋아하는 작가가 Val Head입니다.
영감을 얻으시려면 코드롭스 웹사이트와 코드펜을 추천합니다.
이제 막 시작하거나 시작하려는 다른 기업가에게 조언을 해주시겠어요?
자신이 조금이라도 알고 있고 관심 있는 분야부터 시작하여 거기서 아이디어를 확장하는 것이 좋습니다. 완벽한 아이디어가 떠오를 때까지 기다리는 것은 위험한 도박입니다. 아이디어가 어디로 이어질지 알 수 없기 때문입니다.
자세한 내용은 어디에서 확인할 수 있나요?
조쉬의 프로덕트 레터를 구독해주세요. 퀄리티 높은 1인 창업, 프로덕트 이야기를 일주일에 1번 받을 수 있습니다.
[👉🏻👉🏻구독하기]
Share article
