paint-brush
스크래치부터 SaaS까지 - 10일 만에 SaaS 구축 및 출시! 🚀~에 의해@fermomento
4,605 판독값
4,605 판독값

스크래치부터 SaaS까지 - 10일 만에 SaaS 구축 및 출시! 🚀

~에 의해 Fernando Pessagno18m2023/06/08
Read on Terminal Reader
Read this story w/o Javascript

너무 오래; 읽다

저는 최근 단 10일 만에 SaaS 제품을 구축하고 출시하기 위한 개인 #buildinpublic 챌린지에 참여하기로 결정했습니다. 저는 Instagram과 LinkedIn을 위한 가장 사용하기 쉬운 캐러셀 메이커를 만들기로 결정했습니다. 기술적 능력에 관계없이 모든 사람이 디자인 프로세스를 더 간단하고 더 쉽게 접근할 수 있도록 만드는 것이 중요합니다.
featured image - 스크래치부터 SaaS까지 - 10일 만에 SaaS 구축 및 출시! 🚀
Fernando Pessagno HackerNoon profile picture
0-item
1-item

저는 최근 단 10일 만에 SaaS 제품을 구축하고 출시하기 위한 개인 #buildinpublic 챌린지에 참여하기로 결정했습니다. 처음부터 제품을 만든지 꽤 오랜 시간이 지났고 올해는 새로운 것을 만들어보고 싶었습니다.


먼저, 제가 이 도전에 참여하는 이유를 설명하겠습니다. 내 목표는 나 자신에게 책임을 묻는 것입니다. 나는 계속해서 더 많은 기능을 구축하면서 “이것을 추가하면 어떨까?”라고 말하는 경향이 있습니다. 또는 “그걸 추가하면 어떻게 되나요?” 하지만 이번에는 그런 충동을 억제하고 시간 제한을 두어 단순하면서도 기능적으로 유지하는 데 집중하고 싶습니다.


다음에서 SaaS 제품을 구축하는 전체 프로세스를 보여 드리겠습니다.


  1. 관념

  2. 개발, 그리고

  3. 시작하다


하지만 이 제품이 나의 첫 번째 구독 기반 제품이기 때문에 조언을 하거나 내가 무엇을 하는지 아는 척하지 않을 것입니다. 대신 여러분이 저의 성공과 실패로부터 배울 수 있도록 개발 과정과 최종 결과를 투명하게 공개하겠습니다.

💡아이디어

그렇다면 새로운 프로젝트는 무엇에 관한 것인가요? 저는 Instagram과 LinkedIn을 위한 가장 사용하기 쉬운 캐러셀 메이커를 만들기로 결정했습니다.


LinkedIn에서 캐러셀 게시물이 얼마나 인기가 있는지 보고 이 프로젝트에 대한 아이디어를 얻었습니다. 나는 회전 목마를 만드는 일을 해왔고 저를 믿으십시오. 디자인하는 데 꽤 시간이 많이 걸릴 수 있습니다. 그래서 저는 디자이너가 아닌 사람들도 시각적으로 매력적인 자신만의 캐러셀을 더 쉽게 만들 수 있는 무언가를 만드는 것이 어떨까라고 생각했습니다.


하지만 너무 많은 디자인 옵션으로 사용자를 압도하고 싶지는 않습니다. 결국 소셜 미디어 게시물의 수명은 너무 짧기 때문에 게시물을 완성하는 데 항상 많은 시간을 들일 가치가 있는 것은 아닙니다. 내 목표는 사용자가 너무 복잡하게 만들지 않고도 자신의 개인 또는 회사 브랜드를 반영하는 눈길을 끄는 디자인을 만들 수 있도록 충분한 옵션을 제공하는 것입니다.


제가 스타트업 디자이너로 일하던 시절에는 여러 가지 책임을 동시에 수행하는 경우가 많았습니다. 마케팅 디자인뿐만 아니라 제품 디자인 등의 일도 처리해야 했어요. 그게 스타트업 생활이죠! 해야 할 일이 너무 많아서 카피라이팅을 여러 번 반복한 후 디자인을 변경하는 데 시간을 소비해야 했을 때 특히 실망스러웠습니다. 나는 디자이너로서 나를 개입시킬 필요 없이 카피를 담당하는 사람들이 스스로 그러한 변경을 할 수 있기를 종종 바랐습니다.


그렇기 때문에 내 캐러셀 제작 도구는 개인 브랜드를 관리하는 일반 사람들, 솔로 창업자, 인디 해커뿐만 아니라 디자인에 전념할 시간과 자원이 제한된 소규모 회사나 스타트업에게도 유용할 수 있다고 생각합니다. 기술적 능력에 관계없이 모든 사람이 디자인 프로세스를 더 간단하고 쉽게 이용할 수 있도록 만드는 것이 중요합니다.


내 접근 방식이 사용자에게 어필할지는 모르겠지만, 사실 디자인 템플릿 시장에는 이미 큰 플레이어가 있습니다. 눈에 띄도록 나를 차별화해야 하지만 광범위한 청중의 관심을 끌 수 없을 정도로 차별화해서는 안 됩니다.


그래서 저는 이 아이디어가 근거가 있는지 확인하기 위해 10일간 실험을 진행하고 있습니다. 아직은 미숙한 부분이 있겠지만, 계속해야 할지 테스트하는 것이 전부입니다. 제품이 첫 달 내에 수익을 창출하지 못한다면, 이제 다른 것을 시도해 볼 시간이라는 것을 알게 될 것입니다.

🤔 문제

우선, 템플릿이 까다로울 수 있습니다. 적절한 글꼴 크기, 조화로운 색상 팔레트, 잘 선택된 이미지로 처음에는 멋져 보일 수도 있지만, 사용자 정의할 때가 되면 사용자는 어려움을 겪을 수 있습니다.


텍스트를 추가하고, 글꼴 크기를 변경하고, 항목을 이동할 때 최종 디자인이 원하는 것과 다를 수 있습니다. 정말 놀라운 일이 아닙니다. 디자이너가 아닌 경우 사용할 글꼴 크기, 색상, 여백 또는 패딩을 어떻게 알 수 있습니까? 자유도가 너무 높으면 결과가 지저분해질 수 있습니다.


또한 이러한 템플릿 중 다수는 독특하고 화려하며 특정 브랜드에 맞추기 어려워 시각적 불일치와 혼합된 브랜드 이미지를 유발할 수 있습니다. 또 다른 문제는 매우 독특하고 눈길을 끄는 템플릿이 너무 인기가 많아 사용자가 이 템플릿을 여기저기서 보게 되면 "템플릿!"이라고 외친다는 것입니다. 그리고 그것은 보통 잘 진행되지 않습니다.

🤔 솔루션

제가 하고 싶은 것은 사용자가 추가 기능 없이 브랜드 글꼴, 색상, 로고를 추가할 수 있는 간단한 디자인 솔루션을 제공하는 것입니다. 단순한 디자인은 보편적이며 누구의 소유도 아니지만 브랜드의 색상과 글꼴을 추가하여 고유한 느낌을 주어 자신만의 디자인을 만들 수 있습니다. 기본적으로 모든 사람과 동일한 템플릿을 사용하는 것처럼 보일 위험이 없습니다. 또 다른.

⚠️ 잠재적인 함정

그러나 여기에는 문제가 있습니다. 디자이너가 아닌 사람들은 자신의 이미지에 대해 확신이 없고 단순한 디자인이 충분하지 않다고 생각할 수 있습니다.


그들은 결국 도구가 너무 기본적이라고 무시하고 다른 것을 선택하게 될 수 있으며, 화려한 그래픽과 효과를 추가하여 부족한 디자인 기술을 보완하려고 시도할 수 있으며, 많을수록 좋다는 믿음을 갖게 됩니다. 아시다시피, 전형적인 "로고를 더 크게 만드는" 상황입니다. 디자인 에이전시에서 고객과 함께 일한 적이 있다면 제가 말하는 내용을 완전히 이해하실 것입니다!


이러한 문제, 솔루션 및 잠재적인 함정에 대해 논의했으므로 이제 개발 프로세스에 대해 알아보고 이러한 문제를 정면으로 어떻게 해결하는지 알아볼 차례입니다.

📅 DAY #01

첫날에는 기본 구조를 준비하고 실행했습니다. 캐러셀은 기능적이며 의도적으로 각 슬라이드 아래에 설정을 배치했기 때문에 사용자가 디자인 요소와 직접 상호 작용할 필요가 없습니다. 아무것도 이동하거나 선택할 수 없습니다. 이는 시중의 다른 디자인 도구와는 상당히 다릅니다.


이 접근 방식이 어떻게 진행될지는 잘 모르겠습니다. 약간의 도박입니다. 이는 특히 디자인 캔버스와 상호 작용하는 데 익숙하지 않은 사용자를 대상으로 합니다. 대신 설정은 쉽게 작성하고 조정할 수 있는 양식으로 제공됩니다.


'소개' 슬라이드에는 부제, 제목, 설명, 오른쪽으로 스와이프 아이콘, 이모티콘을 포함했습니다. 여기에 제가 기회를 잡고 있는 또 다른 일이 있습니다... 이모티콘을 추가하는 것은 사용자가 디자인을 보완하는 이미지를 찾는 데 어려움을 겪지 않고도 캐러셀의 주제를 전달할 수 있는 훌륭한 방법이 될 수 있습니다.


하지만 정말 흥미로운 점은 텍스트를 변경할 때 글꼴 크기가 자동으로 조정된다는 것입니다. 원하는 만큼 텍스트를 추가할 수 있으며 항상 텍스트에 맞춰 조정됩니다.


이것이 얼마나 많은 시간과 노력을 절약할 수 있는지 상상해 보십시오! 더 이상 텍스트를 편집할 때마다 수동으로 글꼴 크기를 조정하거나 요소 위치를 변경할 필요가 없습니다. 이는 사용자가 디자인 세부 사항에 얽매이지 않고 매력적인 콘텐츠를 만드는 데 집중할 수 있게 해주는 진정한 게임 체인저가 될 수 있습니다.

색상을 추가하거나 제목에 이탤릭체를 추가할 수 있는 텍스트 편집 옵션 세트도 포함했습니다. 매우 기본적이지만 지금은 이 작업을 수행해야 합니다.


일반 슬라이드의 경우 계속해서 글꼴 크기를 변경하면 디자인이 엉망이 되고 전문가답지 않게 보일 수 있기 때문에 슬라이드 전체에서 글꼴 크기를 일관되게 유지하려고 합니다. 앞으로는 일반 크기 선택기를 추가하여 사용자에게 좀 더 많은 제어력과 유연성을 제공하고 싶습니다.


마지막으로 1일차를 마무리하기 위해 별도의 페이지에 각 캐러셀 슬라이드가 포함된 PDF 파일을 생성하는 다운로드 버튼을 추가했습니다. 이는 현재 LinkedIn이 문서로 업로드할 때 캐러셀 게시물을 생성하는 데 필요한 형식입니다.


세상에서 가장 예쁘지는 않을 수도 있지만 공식적으로는 회전목마 제작자가 작동한다고 말할 수 있습니다!


Instagram의 경우 대신 일련의 이미지를 내보내야 하며 지금은 기다려야 합니다.

📅 DAY #02

이제 이틀밖에 안 남았는데, UI를 시각적으로 더 매력적으로 만들기 위해 개선하는 것을 벌써부터 거부할 수 없었습니다. 보통 저는 MVP의 모양을 우선시하지 않지만, 이것은 디자인 도구이기 때문에 최소한 어느 정도 괜찮아 보여야 한다고 생각했습니다.


또 무엇이 새로운가? 🕒이라는 터무니없는 금액을 지출한 후 이제 이모티콘 선택기에 선택할 수 있는 전체 목록이 생겼고, 나중에 개인 브랜딩의 일환으로 사용자가 맞춤 설정할 수 있는 슬라이드에 소셜 미디어 배지를 추가했습니다.


또한 사용자가 필요에 따라 새 슬라이드를 제거, 재정렬 또는 추가할 수 있는 버튼을 구현했습니다. 여기에 약간의 보너스가 있습니다. 슬라이드 카운터가 자동으로 계산되므로 사용자는 추적에 대해 걱정할 필요가 없습니다.


또한 각 슬라이드의 요소를 켜고 끄는 기능을 추가하여 캐러셀 콘텐츠를 더 효과적으로 제어할 수 있게 되었습니다. 그리고 하루 일과가 끝났다고 생각했을 때 다시 돌아가서 소개 및 개요 슬라이드의 자동 크기 조정 스크립트를 수정해야 했습니다. 이제 어떤 요소가 표시되거나 숨겨져 있는지 고려하여 텍스트에 거의 완벽하게 맞도록 글꼴 크기를 조정합니다.


이로써 10일간의 #buildinpublic 챌린지 둘째 날이 다가왔습니다. 나는 지금까지 이룬 진전에 대해 꽤 기분이 좋습니다!

📅 DAY #03

3일차에는 사용자가 캐러셀의 전체 설정을 관리할 수 있는 사이드바를 구현하는 데 집중했습니다. 이것이 제가 추구하는 주요 디자인입니다. 왼쪽 사이드 바는 일반 설정을 위한 동시에 사용자가 캐러셀 내의 각 슬라이드를 사용자 정의할 수 있도록 해줍니다.


사이드 메뉴의 첫 번째 옵션 옵션은 캐러셀 유형입니다. LinkedIn을 선택하면 플랫폼에서 캐러셀을 만드는 데 필요한 형식인 PDF를 다운로드하게 됩니다. Instagram을 선택하면 일련의 JPG가 대신 다운로드됩니다.


또 다른 편리한 기능은 사용자가 소개 및/또는 종료 슬라이드를 원하는지 여부를 결정하는 기능입니다. 때로는 소개 없이 곧바로 작업을 시작하고 싶을 수도 있습니다.


색상 팔레트의 경우 미리 선택된 색상의 세련된 컬렉션에서 사용자가 매우 쉽게 선택할 수 있도록 만들고 싶었습니다. 지금은 4개만 있지만 앞으로 더 추가하고 사용자가 사용자 정의 팔레트를 만들 수 있도록 할 계획입니다.


소개 및 종료 슬라이드의 텍스트에 대한 자동 크기 조정 기능은 매우 멋지지만 앞서 말했듯이 일반 슬라이드는 일관된 글꼴 크기로 보기에도 좋고 읽기에도 더 쉽습니다. 그래서 텍스트 크기에 대한 소형, 중형, 대형 옵션을 도입하여 정렬 선택은 물론 전체 크기를 여전히 제어할 수 있도록 했습니다.


글꼴에 관해서는 색상과 동일한 원칙을 적용하고 있습니다. 어떤 것이 잘 어울리는지에 대한 추측을 없애기 위해 엄선된 글꼴 쌍을 제공하고 있습니다.


향후 업데이트에서 더 많은 글꼴 옵션을 추가할 계획입니다. 그러나 저는 이 접근 방식이 모든 사람에게 적합하지 않을 수 있다는 것을 알고 있습니다. 특히 Google Fonts 라이브러리 외부의 글꼴을 사용하는 브랜드의 경우 더욱 그렇습니다.


또한 더 깔끔한 모습을 원하는 경우 슬라이드 카운터를 비활성화할 수 있도록 했습니다.


브랜딩의 경우 "개인" 모드에는 콘텐츠 제작자, 사고 리더 또는 일반 LinkedIn 및 Instagram 사용자를 대상으로 하는 얼굴 사진, 이름 또는 소셜 미디어 핸들과 웹사이트에 대한 옵션이 있습니다. 회사의 경우 로고와 웹사이트를 표시하는 "회사 모드"가 있습니다.


지금까지의 진전이 정말 기쁩니다. 마침내 실제 제품처럼 보이기 시작했지만 오늘은 아직 다듬고 버그를 수정해야 합니다.

📅 DAY #04

저는 4일차의 대부분을 저장/불러오기 기능 작업에 보냈습니다. 기본적으로 사용자는 캐러셀을 한 번 디자인하고 모든 일반 설정을 템플릿으로 저장한 후 나중에 로드하여 귀중한 시간을 절약할 수 있습니다.


현재 구현은 매우 간단합니다. JSON 파일을 로컬에 저장하기만 하면 됩니다. 하지만 이 MVP 단계의 대부분의 기능과 마찬가지로 작업이 완료됩니다!


또한 Instagram 스토리를 위한 새로운 캐러셀 유형 옵션도 추가했습니다. 대중적인 선택이 될지는 확실하지 않지만 이제 사용자는 인스타그램 스토리를 선택하고 적절한 크기의 시리즈 이미지를 다운로드하여 스토리로 직접 업로드할 수 있습니다. Instagram은 스토리를 보는 동안 이미 프로필 사진과 이름이 포함된 오버레이를 표시하기 때문에 이 옵션에서는 브랜딩이 숨겨집니다.


오늘의 가장 중요한 업데이트는 "배경 디자인 옵션" 기능입니다. 이 기능의 목표는 스크롤할 때에도 캐러셀이 매끄럽게 보이도록 미묘한 배경 디자인 요소를 추가하는 것입니다.


매끄러운 효과가 이 캐러셀을 정말 멋지게 만드는 이유라고 생각합니다. 캐러셀은 시각적 중단 없이 부드럽게 스크롤되는 하나의 전체 이미지처럼 됩니다.


하지만 저는 튀지 않으면서 모든 브랜드 스타일을 보완하는 동시에 멋진 디자인 옵션을 제공하고 싶기 때문에 균형을 맞추는 작업입니다.


오늘은 네 가지 옵션만 작업할 시간이 있었습니다. CSS로 색상을 변경하기 위해 조작할 수 있는 HTML 요소만 사용하도록 제한되어 있기 때문에 쉬운 작업이 아닙니다. 하지만 저는 몇 가지 더 많은 디자인 옵션을 생각해낼 수 있다고 확신합니다.


이상으로 챌린지 #4일차가 끝났습니다. 앞으로 6일밖에 남지 않았습니다!

📅 DAY #05

5일차에는 평소보다 상황이 조금 덜 흥미로웠습니다. 저는 기존 기능을 다듬는 데 대부분의 시간을 보냈습니다.


먼저, 사용자 정의 색상 팔레트를 생성하는 옵션을 포함하여 더 많은 색상 팔레트를 추가했습니다. 그리고 색상 기능과 마찬가지로 사용자가 글꼴 조합을 더 쉽게 사용자 정의할 수 있도록 했습니다. 사용자 정의 글꼴 쌍에 대한 확인란을 선택하거나 원하는 경우 하나의 글꼴만 사용하도록 선택할 수 있습니다.


또한, 분리되거나 어색해 보이지 않으면서 모든 브랜드 스타일을 보완하기 위해 더 미묘한 디자인 배경 효과를 추가했습니다.


또 다른 업데이트는 "무작위화" 버튼입니다. 캐러셀은 이미 페이지가 로드될 때마다 무작위 옵션으로 시작하지만 '무작위화' 버튼을 사용하면 사용자가 원하는 조합을 찾을 때까지 무작위 옵션을 선택할 수 있습니다. 작은 추가 사항이지만 정말 편리할 수 있습니다!


마지막으로 텍스트, 텍스트 + 이미지 또는 이미지만 등 “슬라이드 유형” 옵션을 추가했습니다. 내 타겟 청중(디자이너가 아닌)이 모든 것을 텍스트로 유지하는 것을 선호할 수도 있지만, 나는 여전히 캐러셀에 이미지를 추가하려는 사람들에게 옵션을 제공하고 싶었습니다.


5일째는 거의 다 끝났고, 이 시점에서 도구는 작동하고 거의 그대로 시작할 수 있습니다. 그런데 오늘 실제로 작업을 시작한 정말 흥미로운 일이 있는데, 공개하기 전에 마무리하고 싶습니다.

📅 DAY #06

#buildinpublic 개인 챌린지 6일차와 회전목마 만들기가 거의 완료되었습니다! 꽤 자랑스럽긴 한데, 그 다음에는 진짜 체리가 맨 위에 있어요.


저는 다른 제품인 Resumemaker.online을 구축한 경험을 통해 많은 것을 배웠습니다. 이력서 디자인을 위한 도구인데, 콘텐츠에 대한 도움을 제공하는 것이 디자인에 대한 도움보다 더 중요하지는 않더라도 그만큼 중요하다는 것을 깨닫는 데 시간이 좀 걸렸습니다.


그래서 캐러셀 메이커에 AI 콘텐츠 생성기를 추가해 여기에도 적용되는지 알아보고 싶습니다. 네, 저는 AI 광고 열차에 뛰어들고 있습니다!


작동 방식은 다음과 같습니다. 슬라이드 수를 설정하고 주제를 선택하면 AI가 캐러셀에 매력적인 콘텐츠를 작성할 수 있습니다. 그런 다음 사용자는 필요에 따라 편집하고 개인화할 수 있으며 올바른 이모티콘도 선택합니다!


이 기능이 다른 캐러셀 제조사들과 차별화되는 제품이라고 생각합니다. 디자인뿐만 아니라 콘텐츠 제작에도 도움이 됩니다. 결과가 어떻게 나올지, 사용자들이 어떻게 반응할지 기대됩니다.

📅 DAY #07

7일차가 지났지만 여전히 중요한 한 가지 측면, 즉 수익 창출 방법이 누락되어 있습니다. 이것은 내 첫 번째 구독 기반 제품이고 어떻게 해야 할지 조금 모르겠지만, 여기에 내가 생각하는 것이 있습니다.


대부분의 기능은 무료로 유지되지만, 아시다시피 슬라이드에 워터마크를 포함시켰습니다. 사용자는 워터마크 없이 캐러셀을 무료로 다운로드할 수 있지만 그렇게 하려면 소셜 미디어에서 링크를 공유해야 합니다. 또한 사용자가 저와 같은 1인 창업자를 지지하고 소셜 미디어에 소문을 퍼뜨릴 것을 권장하는 메시지도 추가했습니다. 더 많은 사람들이 이 도구를 사용하는 데 도움이 되기를 바랍니다.


하지만 "Time Saver Pro 플랜"에 따라 판매하려는 페이월 뒤에는 여전히 몇 가지 기능이 있습니다. 저는 실제로 디자인을 판매하는 것이 아닙니다. 나는 편리함, 즉 더 빠르게 일을 할 수 있는 방법을 판매하고 있습니다. 나는 TIME을 팔고 있다. 가격은 $9.95/m부터 시작하고 어떻게 될지 지켜보겠습니다.


계획에는 다음이 포함됩니다.

  • 워터마크 없음
  • 무제한 다운로드
  • 최대 10개의 슬라이드가 있는 회전식 슬라이드
  • 자신만의 사용자 정의 사전 설정을 로드하는 기능
  • 콘텐츠 생성을 위한 AI 기능

여기까지입니다. 사용자는 공유하는 경우 워터마크 없이 캐러셀 메이커를 무료로 사용할 수 있지만 AI 콘텐츠 생성기에 액세스하거나 사용자 정의 사전 설정을 로드할 수는 없습니다. 특정 무료 다운로드 한도에 도달한 후에는 처음부터 다시 시작해야 하며 최대 6개의 슬라이드가 포함된 캐러셀만 만들 수 있습니다.


전반적으로 무료 옵션이 정말 관대하다고 생각합니다. AI 콘텐츠 생성기의 가치를 보여주기 위해 사용자는 기업가 정신, 요가, UX 디자인 등 다양한 주제에 걸쳐 사전 생성된 결과를 통해 AI 기능을 테스트할 수 있습니다.


마지막으로 결제 프로세스를 쉽게 설정할 수 있도록 도와준 Outseta 에 감사의 말씀을 전하고 싶습니다.

📅 DAY #08

8일차는 순조롭게 진행되고 있으며 간단한 로고와 랜딩 페이지를 만드는 것 외에는 할 수 있는 일이 별로 없습니다.


로고의 경우 너무 많은 시간을 들이고 싶지 않았기 때문에 Instagram의 회전식 아이콘과 너무 유사해 보이는 몇 가지 옵션으로 시작했습니다. 효과가 있을 수도 있었지만 내 디자이너의 자존심이 그 일을 놔둘 수 없어서 폐기해야 했습니다.

그런 다음 회전목마 모양을 가장 간단한 형태로 추출하기 위해 다양한 방법을 시도해 보았습니다. AI라는 이니셜과 흔히 마술이나 인공지능과 관련된 아이콘을 추가해 보았습니다.

나는 이 버전을 훨씬 더 좋아했고, 그 버전에 너무 많은 시간을 낭비하고 있다는 느낌이 들기 시작했습니다. 디자인을 정하려던 찰나, 잘못된 방법으로 내보내기를 했더니, 테두리가 없는 로고가 훨씬 좋아보이네요. 더 고급스러워 보였고 여전히 같은 의미를 전달했습니다.

그래서 나는 그 결과에 대해 매우 만족하게 되었습니다. 대부분은 기술이 아닌 우연이었습니다. 그것은 여전히 중요합니다. 그렇죠?


그리고 이름 공개에 관해서는 AI 기능의 놀라움을 망치고 싶지 않았기 때문에 비밀로 유지했습니다… 하지만 이제 더 이상 고민하지 않고 제품 이름은 aiCarousels 입니다!


랜딩페이지도 완성되었습니다.

간단하게 유지하는 것이 내 목표였지만 시각적으로 흥미롭게 만들기 위해 사용자가 스크롤할 때 캐러셀 샘플을 왼쪽에서 오른쪽으로 이동하는 작은 자바스크립트 스크립트를 추가했습니다. 그리고 기능 섹션에서 아이콘을 디자인하는 대신 이모티콘을 사용하여 캐러셀 메이커의 단순성 철학에 충실했습니다.


이제 모든 준비가 완료되었으니 출시를 준비할 차례입니다. 대중에게 공개되기 전에 시도해 볼 일이 아직 남아 있지만 회전목마 메이커를 모든 사람과 공유하고 싶습니다.


랜딩 페이지를 직접 확인하고 싶다면 www.aicarousels.com을 방문하세요.

📅 DAY #09

이제 9일째입니다. 드디어 출시 시간이 왔습니다! 앞서 아이디어 단계부터 개발 과정까지 다루고 싶다고 말씀드렸는데, 이제 출시 단계에 들어섰습니다.


이번 포스팅에서는 제가 준비한 내용을 공유드리고, 다음 포스팅에서는 출시 결과를 공유해 실제로 제품이 마음에 들었는지 확인해 보도록 할게요!


솔직히 말해서 실패할 가능성이 가장 높습니다! 템플릿 시장의 경쟁은 엄청나지만, 그것이 하나의 프로젝트에 너무 많은 시간을 투자하지 않는 것의 미덕입니다…


6개월 또는 1년 동안 어떤 일을 했는데 사람들이 "야, 네 제품은 쓰레기야."라고 말한다고 상상해 보세요. 그것은 약간 상처를 줄 것이며, 너무 많은 시간과 노력을 쏟았을 때 그것을 개인적으로 받아들이지 않는 것이 어렵습니다. 그것이 당신 자신의 일부처럼 느껴지기 시작합니다.


그러나 단 몇 주 동안만 프로젝트를 진행한다면(10일은 다소 짧을 수 있음), 시간을 더 투자할 가치가 있는지 테스트해 볼 수 있습니다. 성공하지 못하더라도 다음 프로젝트에 적용할 수 있는 귀중한 교훈을 얻었음을 알면 기분이 좋아질 수 있습니다.


Product Hunt(모르시는 분들을 위해 새로운 기술 제품을 발견할 수 있는 최고의 사이트) 출시에 관해서는 "출시 예정" 페이지를 설정했습니다. 현재 23명의 등록자가 있으며 라이브 방송 시 알림을 받아 투표할 수 있습니다.


나는 또한 태평양 표준시 기준으로 오전 12시에 게시되는 제품 페이지를 설정하는 데 시간을 투자했습니다. 자세한 설명을 작성하고, 토론을 촉발하는 데 매우 중요한 첫 번째 댓글을 준비했으며, Product Hunt 사용자를 위한 50% 할인도 추가했습니다.


이미지를 만들 시간이 되자 좀 멍청한 느낌이 들었습니다. 페이지에 멋진 이미지를 디자인하는 데 어려움을 겪고 있었습니다. 그러다가 생각이 나더군요. 제품 자체를 사용해서 만들 수 있었거든요! 결국, 제품을 과시하는 더 좋은 방법은 무엇일까요? 그래서 저는 각각 제품의 기능을 엿볼 수 있는 3가지 스타일의 9개 이미지를 만들었습니다.


이제 페이지가 활성화되기를 기다리기만 하면 됩니다. 다음 링크를 방문하면 지원을 보여줄 수 있습니다: https://www.producthunt.com/posts/aicarousels-com . 당신의 지원은 나에게 큰 의미가 있을 것입니다!


상황이 어떻게 되든 상관없이, 잠시 후 처음부터 무언가를 만드는 것은 폭발적인 일이었습니다. 그것은 또한 내 개인적인 삶에서 벌어지고 있는 즐겁지 않은 일들로부터 큰 방해가 되었습니다. 그럼, 출시가 어떻게 진행되는지 살펴보고, 내일 결과를 알려드리겠습니다!

📅 DAY #10 — 임무 완수!

10일 안에 SaaS를 구축하고 출시하기 위한 빠르고 격렬한 도전의 마지막 날입니다. aiCarousels.com 은 이제 세상에 나와 있으며 Product Hunt 출시 결과와 마무리 생각을 공유하고 싶습니다.


솔직히 제대로 테스트하지 않고 제품을 출시한 것은 마치 어둠 속의 도약과도 같았습니다. 몇몇 친구들에게 보여줬는데 친구가 어떻게 될 수 있는지 아시죠? 그들은 항상 여러분의 기분을 좋게 해주고 싶어합니다. 그래서 그들이 마음에 든다고 해도 나는 그들의 피드백을 약간의 의구심으로 받아들였습니다. 사람들이 좋아할지 정말 확신이 없었어요. 걱정에도 불구하고 출시는 놀라울 정도로 성공적으로 진행되었습니다!


aiCarousels는 찬성표 154개, 댓글 64개, 뛰어난 5/5 리뷰 7개를 획득하여 9위를 차지했습니다.

나에 대한 찬성 투표에 관한 것이 아닙니다. Product Hunt는 일종의 인기 콘테스트로 바뀌었습니다. 따라서 많은 추종자를 보유한 창업자라면 정상에 오를 가능성이 훨씬 더 높습니다.


긍정적인 피드백이 압도적이었기 때문에 저는 댓글에 더 집중하고 있으며, 그 순간 제 마음 속에서 제품을 검증하기 시작한 제가 가장 좋아하는 댓글 몇 가지를 공유하고 싶습니다.


"멋진! 저는 콘텐츠 제작자에게 이 방법을 시도해보고 Canva에서 벗어나 시간과 비용을 절약할 수 있는지 알아보려고 합니다! 겉보기에는 매끄럽지만 만드는 과정도 정말 간단하고 간단한 것 같아요!”


“방금 Fiverr의 콘텐츠 제작자에게 비용을 지불하여 수많은 캐러셀을 만들었고 귀하의 제품이 나를 위해 만든 콘텐츠가 훨씬 더 좋아졌습니다. 아, 이걸 몇 주 전에 찾았더라면 좋았을 텐데”


“일부 Instagram 계정의 소셜 미디어 관리자로서 이 도구는 나에게 순금과도 같습니다. 정말 마음에 듭니다! 출시를 축하합니다! ❤”


"아름다운! 나는 Figma를 사용할 수 있음에도 불구하고 그런 도구를 찾고 있었습니다. 귀하의 도구는 작업을 빠르게 수행하는 데 도움이 되며 이는 매우 유익합니다.”


댓글에서 제가 받은 전반적인 인상은 시각적으로 멋진 캐러셀을 만들기 위해 더 많은 노력을 쏟는 것이 추가 가치를 제공하지 않는다는 점을 그들이 모두 알고 있는 것 같다는 것입니다. 그들은 충분히 좋은 것을 얻고 빨리 얻는 것의 가치를 알고 있습니다.


하지만 더 놀라운 점은 5명의 유료 사용자가 가입했다는 것입니다! 그것이 궁극적인 증거입니다. 사람들은 귀하의 제품이 마음에 든다고 말할 수 있지만, 실제로 그 제품의 가격을 지불하면 그제서야 진심을 알게 됩니다!


결과에 매우 만족하며 출시를 지원해주신 모든 분들께 큰 감사를 전하고 싶습니다!


이제 다음은 무엇입니까? 좋은 질문입니다...저는 앞서 나가고 싶지 않았기 때문에 그렇게까지 깊이 생각하지 않았습니다. MVP를 위해 미루고 다듬어야 할 부분이 많이 있지만 큰 그림은 아직 잘 모르겠습니다. 아마도 괜찮은 MRR로 성장시켜서 상장하고 판매해 볼 수도 있을 것입니다!


당분간은 좀 쉬어갈 것 같아요. 이번 10일간의 챌린지는 정말 즐거웠지만 한편으로는 강렬하기도 했습니다!


여러분 중 일부는 코딩에 대해 더 많은 논의를 원한다는 것을 알고 있었음에도 불구하고 제가 SaaS를 만드는 것을 좋아했던 만큼 여러분도 SaaS 구축 뒤의 설계 프로세스를 살펴보는 것이 마음에 들었기를 바랍니다. 다음번에는 그 내용을 더 많이 포함하도록 하겠습니다.


그럼 이번 시리즈는 여기서 마치겠습니다! 하지만 앞으로도 트위터 를 통해 정기적인 업데이트를 제공하겠습니다 🐦

다시 한 번 여러분의 지원에 감사드리며, 거기서 뵙겠습니다!


여기에도 게시되었습니다.