🟢 19. 세 가지 영감으로 탄생한 웹 제품 개발 이야기

프로덕트 디자이너가 Cursor로 제품을 만들어봤어요

안녕하세요, fi-workers 프로덕트 디자이너 나나산이에요. 설 연휴 잘 보내셨나요? 저는 많이 내린 눈 때문에 본가에 가지 않고 설 연휴를 보냈답니다. 연휴가 길어서 좋기도 했지만 루틴을 중요하게 생각하는 저는 갑자기 많은 시간이 주어지면 오히려 시간 활용을 잘 못하게 되더라고요. 그래서 긴 연휴보단 짧게 하루씩 있는 연휴가 더 좋은 것 같아요. 여러분들은 어떠신가요?

오늘도 재밌게 읽어주시길 바라요. 저희에게는 댓글이 가장 힘이 된답니다. 😉
그러면 열아홉 번째 뉴스레터 시작해볼게요! 📩

---

fi-workers 업무 일지

세 가지 영감으로 탄생한 웹 제품 개발기

작년 12월, 스레드와 트위터에서 완벽주의를 깨는 문구로 잠금화면을 만들어서 배포한 게 굉장히 뜨거운 반응을 얻게 되었어요. 완벽주의를 깨고 실천하는 게 Show Your Time의 아이덴티티와 잘 맞을 거라 생각해서 시작했던 게 이렇게까지 될 줄 몰랐죠. 잠금화면 시리즈와 함께 앱 다운로드 링크를 함께 올리면서 앱스토어 유입에 더 시너지를 내기 시작했습니다.

인기를 얻었던 완벽주의를 깨는 잠금화면 시리즈의 시작

그러다 저번주에 공유드린 One Year Widget 앱의 유입 제품을 보게 되었어요. One Year Widget은 한 해가 얼마나 지났는지를 시각적으로 보여주는 위젯입니다. 유료라서 돈을 주고 사야만 볼 수 있는 앱 제품을 웹으로 볼 수 있고, 우측 하단에 앱 다운로드를 유도하는 버튼이 있습니다. Show Your Time도 저렇게 간단하게 제품도 보여주면서 유입시킬만한 제품이 있으면 좋겠다 싶었어요.

우연히 민음사에서 만든 2025 세계문학 일력 앱도 보게 되었어요. 일력을 앱으로 만든 제품인데 매일 달라지는 세계문학의 문장들을 일력과 함께 볼 수 있어요. 그리고 갑자기 이 세 개의 아이디어가 머릿속에서 합쳐졌어요.

외주 업무도 끝났겠다 이 세 개의 아이디어를 합쳐서 빠르게 간단한 제품을 만들었습니다. Show Your Time의 기본 프레임 형태로 날짜와 시간을 볼 수 있고, 매일 다른 배경 컬러와 함께 완벽주의를 깨는 문구를 볼 수 있어요.

🔗 https://showyourti.me/quote

매일 문구가 달라지고, 이 문구는 연결해 둔 스프레드시트를 기반으로 노출됩니다. 우측 하단의 버튼은 웹에서는 Show Your Time 웹사이트로 가는 버튼, iOS에서는 앱스토어로 가는 버튼, Android에서는 구글 플레이로 가는 버튼이 노출됩니다. 배경은 Tailwind의 모든 컬러(Red, Orange, Amber 등)를 하루 단위로 바뀌며, 각 컬러의 400, 500 톤으로 그라데이션을 만들었어요.

첫 단계로 아이디어를 구체화한 뒤, Cursor의 도움을 받아 직접 개발에 도전했습니다. w0nder님의 도움도 있었지만, 제가 주도적으로 참여한 첫 프로젝트라는 점에서 의미가 있었습니다. AI의 도움 없이 모든 것을 해결했다면 더 좋았겠지만, AI를 효과적으로 활용하는 것도 앞으로 더욱 중요해질 역량이라 생각하며 값진 경험을 했다고 생각합니다.

휴대폰 잠금화면으로 이미지를 다운로드하는 기능, 완벽주의를 깨는 문구를 추천해주신 분들의 출처를 표시하는 기능 등 앞으로 기능을 계속 추가해 나가보려고 합니다.

저의 첫 개발 프로젝트에 대한 여러분의 생각이 궁금합니다. 피드백 부탁드려요. 😉

---

다시 독서 모임을 시작합니다 📚

인디러너스 커뮤니티 종료 후 멤버십 없이 참여할 수 있는 첫 독서 모임을 시작합니다. 자기만의 제품을 만들거나 혹은 관심 있으신 분들이라면 함께 해요 😉

2025년 1월에 나온 따끈따끈한 신간 ​<린 프로덕트 플레이북>을 함께 읽고 이야기를 나눠봐요. 자세한 모임 내용은 아래 링크를 참고해 주세요❣️

https://tally.so/r/mRvXVd

---

---

지속 가능한 사이드 프로젝트를 위한 클럽, 사이드킥

지속되는 사이드 프로젝트를 만들고 싶으시다면 사이드킥 사전 신청 링크를 통해 지금 바로 신청해보세요. 궁금하신 점이 있다면 뉴스레터의 댓글이나 사이드킥 오픈채팅방에 와서 남겨주세요. 😉

---

이번주 fi-workers가 본 제품

2025 민음사 세계문학 일력

🔗 앱스토어 링크

위에서 언급했던 2025 민음사 세계문학 일력입니다. 매일 세계문학 문구를 일력과 함께 보여주는 것도 재밌지만 문장을 저장하고 필사를 할 수 있는 기능, 필사 현황을 월간 달력으로 볼 수 있는 것도 재밌어요. 유료 앱으로 낸 전략도 콘텐츠에 대한 자신감이 느껴져서 좋아요.

이 앱은 typing.works라는 곳에서 만들었습니다. 온라인 기반 필사 타이핑 제품을 만드는 곳인데 이렇게 원천 소스를 활용해 다른 기업과 콜라보해서 만드는 게 흥미롭습니다. 지금은 사라졌지만 열린책들의 세계문학 앱을 만들었던 북잼이 떠오르기도 했습니다.

Dexa

🔗 https://dexa.ai/

Dexa는 인공지능 기반의 검색 엔진으로, 주로 팟캐스트와 비디오 콘텐츠에서 정보를 추출하여 사용자의 질문에 답변하는 기능을 제공하는 제품이에요. 평소에 앤드류 후버만(Andrew Huberman) 박사의 콘텐츠를 좋아해서 찾다가 알게 된 제품이에요. 저에게는 Dexa를 알리면서도 각 크리에이터의 홈처럼 느껴지게끔 하는 내비게이션 UI가 흥미로웠어요. 프로덕트 디자이너님도 고민을 많이 하지 않으셨을까 싶어요.

---

2025년 당신의 새해 목표 달성률은?

2025년이에요, 여러분들! 🗓️ Show Your Time이 준비한 2025년 새해 목표 달성률 테스트를 지금 바로 해보세요. 😉

d🔗 https://showyourti.me/newyear-2025

---

---

이번주 뉴스레터와 저희가 본 제품과 아티클도 재밌게 읽으셨나요? 😉
네, 오늘 뉴스레터에 대해 드릴 의견, 감상이 있어요!

💬 코멘트로 남겨주시는 의견도 저희에게 정말 정말 큰 힘이 됩니다. ❤️

그럼 저희는 다음 주 금요일에 만나요! 👋
나나산 드림