시간과 돈을 줄여보자! 최소비용으로 서비스 만들기

HelloWorld 24" 컨퍼런스, 김노트 발표자료 배포용 (송도컨벤시아, 24.3.30)

Transcript

1. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기
2. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 김노트 모바일 애플리케이션 엔지니어 (공부 4년, 돈번지 3년) Flutter Seoul, GDG Songdo Organizer 이것저것 만들기 좋아해요
3. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 만들어보고 싶은게 있어요 사이드 프로젝트 해보고 싶어요 해결하고 싶은 문제가 있어요
4. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 세션의 흐름 1. 기획 - 2. 제작 - 3. 출시 및 이후
5. 완벽하려 하지 말기 뭘, 왜 하는지 알기 핵심에 집중하기 솔루션은 가능한 심플하게 하기 낭비하지 말기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기
6. 기획 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기
7. 기획 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 기획 Bottom-up 방식을 추천 프로덕트를 가장 잘 설명하는 화면을 스케치 일을 잘게 쪼개고, 우선순위 지정하기 출처: https://www.venturesquare.net/544639 *말로 했던 내용들을 덧붙입니다 스케치는 일종의 와이어프레임. 핵심 컨셉: 기획서를 제품 스케치로 대신한다 꼭 스케치일 필요는 없고, 피그마같은 툴이 편하면 툴로.
8. 기획 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 기획 기획의 구체화가 필요하거나 정리해야 한다면, Lean Canvas / One Pager (PRD)
9. 제작 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 디자인, 개발
10. 디자인 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 프로덕트의 가치를 사용자가 알 수 있는 디자인 팔리는 디자인은 그리 예쁘지 않아도 된다 단, 최대한 간단하고 명료하게! 지름길: 익숙한 디자인 (아까 기획때 그렸던 스케치를 기반으로)
11. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 출처: 쿠팡 뉴스룸 (https://news.coupang.com/archives/28711 ) [쿠팡 원스톱 구매 동영상]
12. 개발자의 디자인 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 Tobe: 디자인을 두려워맙시다 알고보면 그림판처럼 쉬운 너 자주 봐야 사랑스럽습니다 잘 모르겠다면 실제 레퍼런스 실제 디자인 레퍼런스들 UPA (diby.io/upa) 디자이너스 (designus.io) WWIT (wwit.design) Mobbin (mobbin.com)
13. 개발자의 디자인 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 Now: 어렵다면 있는거 씁시다 Vercel Template (Next)
14. 개발자의 디자인 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 Now: 어렵다면 있는거 씁시다 shadcn-ui google material
15. 개발자의 디자인 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-디자인 Figma 컴포넌트 지원 = 레고놀이 가능
16. 개발 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 좋은게 있으면 쓰자구요 과도한 기술 욕심은 금물 좀 더 효율적인 방법도 찾아봐요
17. 개발 - 있는 거 쓰기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 *완전관리형
18. 개발 - 기술 욕심 덜어내기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 Done is better than perfect. - Mark Zuckerbug
19. 개발 - 기술 욕심 덜어내기: Test 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 이유를 가진 테스트 - bug - main business logic - edge case - …
20. 개발 - 기술 욕심 덜어내기: Architecture 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 모던 != 복잡 아키텍처가 주는 이점이 지금 우리 제품에 필요한지 확인하자
21. 개발 - 효율 추구하기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 제작-개발 단축키, 스니펫(라이브템플릿) 등 녹화해서 개발 습관 살펴보기
22. 출시와 그 이후 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기
23. 제품을 알리기 피드백 받기 고치기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후
24. 제품을 알리기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후 돈 내고 광고 커뮤니티에 광고 바이럴 유도 … 고객이 모인 곳에서
25. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후 제품의 가치를 알리기 멋있고 수준높은 광고도 좋지만, 우선 출처: 배달의민족 *말로 했던 내용들을 덧붙입니다 우리가 어떤 민족입니까 = 잠재고객이 배달의 가치를 알고 있 었기에 가능했던 전략. 브랜드 이미지 구축, 추상적. 맛집, 팥빙수 = 기존 배달의 가치 그 이상을 보여줌. 직관적
26. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후 출처 : EO 유튜브, 토스 *말로 했던 내용들을 덧붙입니다 예쁘지 않아도 됨. 왼쪽은 토스의 프리토타이핑(실제 제품을 만들지 않고 검 증하는 방법)인데, 간편한 송금의 가치를 잘 보여준 사례.
27. 피드백 받기 → 고치기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후 유저 인터뷰 설문 VOC/리뷰 + 지표(Retention, Churn Rate) 가설설정
28. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기: 출시와 그 이후
29. 완벽하려 하지 말기 뭘, 왜 하는지 알기 핵심에 집중하기 솔루션은 가능한 심플하게 하기 낭비하지 말기 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기
30. 정리: 비용 아낄 수 있는 무료 솔루션(소프트웨어) (limited free) 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 Cloud services (recommend, more: github.com/ripienaar/free-for-dev) supabase, firebase, vercel, google/aws/oracle free tier, cloudflare Visualize, Ideation Miro, Figjam, Whimsical … Collaborative Clickup, Linear, Jira, height.app, Github Project, Notion, Slack, Discord,… Analytics Google Analytics, Amplitude, Microsoft Clarity Video Canva, Vrew, Davinci Resolve(Advanced) Design/Prototype Figma, Framer, Protopie
31. 시간과 돈을 줄여보자! 최소비용으로 서비스 만들기 일단 시작하세요, 그리고 뭐든 보여주세요 발표자료는 deck.note11.dev에서 보실 수 있습니다. 저에 대해 더 알고 싶으시다면: note11.dev