개발자 99% 커뮤니티에서 수다 떨어요!
디노아 : 온라인 쇼핑몰과 셀러 네트워크를 결합한 상생형 커머스 플랫폼
제목: 디노아
아직 미완성이라 카피라이팅도 다 다듬어지지 않았습니다!!
그렇지만 이번 메이커 4기 기간동안 기획이 완성된 느낌이라 기쁩니다.
뜻 고민 중 : 디지털노마드 아카데미 (원래 디노아 뜻)
제미나이 작성 :
디노아(Dinoa)에 담을 수 있는 의미와 스토리'디노아'는 두 가지 핵심 키워드의 조합으로 스토리를 만들 수 있습니다.
1. Di (Discover): 발견
-제조사의 발견: 잠재력은 있지만 알려지지 않았던 좋은 브랜드들이 새로운 판매 채널과 기회를 발견합니다.
-셀러의 발견: 셀러들은 자신의 영향력을 극대화해 줄 인생 상품과 새로운 수익원을 발견합니다.
-고객의 발견: 소비자들은 인플루언서의 신뢰를 통해 가치 있는 상품을 발견하게 됩니다.
'디노아'는 모두를 위한 '발견'의 공간입니다.
2. Noa (Noah's Ark): 상생의 방주
치열한 온라인 커머스 시장은 종종 '경쟁의 홍수'에 비유됩니다.
이 홍수 속에서 좋은 제품을 가진 제조사와 재능 있는 셀러들이 흩어져 각자 살아남기 위해 고군분투하고 있습니다.
'디노아'는 이들을 함께 태우고 목적지까지 안전하게 항해하는 '노아의 방주'와 같은 역할을 합니다. 혼자가 아닌 '함께'라는 가치를 담고 있습니다.
'디노아'는 경쟁이 아닌 '상생'을 위한 플랫폼입니다.
브랜드 스토리텔링 (종합)
이 두 가지 의미를 합치면 다음과 같은 강력한 브랜드 스토리가 만들어집니다.
"Dinoa는 치열한 경쟁의 바다에서 각자의 섬에 고립되어 있던 잠재력 있는 브랜드와 재능 있는 셀러들이 서로를 '발견(Discover)'하여, 함께 성장하며 항해하는 '상생의 방주(Noah's Ark)'입니다."
'디노아' 이름의 장점
세련되고 기억하기 쉬움: 입에 잘 붙고 발음이 쉬우며, 현대적인 느낌을 줍니다.
-긍정적인 어감: '발견'과 '상생'이라는 긍정적이고 희망적인 스토리를 담을 수 있습니다.
-확장성: 특정 카테고리에 얽매이지 않아, 나중에 사업 분야를 확장하기에도 용이합니다.
최종 배포 URL: https://dinoa-alpha.vercel.app/
프로젝트 설명:
온라인 쇼핑몰(유통or제조)과 셀러 네트워크를 결합한 상생형 커머스 플랫폼-초기에는 다양한 제조사의 상품을 소싱하여 판매
-향후 제가 OEM 또는 직접 제조를 통해 자체 브랜드 경쟁력을 강화할 계획-플랫폼 핵심 가치 : '쇼핑몰의 상품을 셀러의 일감으로 전환'
-디노아 쇼핑몰에서 판매되는 물건들을 '디노아 셀러(크리에이터)'들에게 판매 및 홍보 미션으로 제공함으로써, 셀러에게는 안정적인 수익 창출 기회를, 플랫폼에는 효과적인 유통 채널을 제공하는 윈윈(Win-Win) 생태계를 구축핵심 기능(MVP) 설명:
👥 회원 및 인증 시스템
역할 기반 가입: 크리에이터(셀러)와 브랜드(광고주)로 구분된 회원가입 및 온보딩 프로세스.
멤버십 등급: STARTER, VIP, VVIP, MASTER 등 등급별 혜택 및 수수료 차등 적용.
소셜 로그인: 카카오, 구글 등 간편 로그인 지원.
💰 수익 창출 및 정산 (Revenue)
공구 마켓: 브랜드가 등록한 상품을 크리에이터가 선택하여 판매(공구) 진행.
일감(Tasks) 매칭: 쇼핑몰 판매 상품을 셀러가 직접 홍보/판매할 수 있도록 '일감' 형태로 제공.
수익 대시보드: 실시간 판매 현황, 예상 수익, 정산 가능 금액 시각화.
🎓 교육 및 멘토링 (Education)
온라인 강의실: 수준별 마케팅/세일즈 강의 수강 (VOD).
1:1 멘토링: 전문 멘토와의 매칭 및 코칭 시스템.
랭킹 시스템: 실시간 수익 랭킹을 통한 동기 부여 및 게이미피케이션.
🏢 브랜드 센터 (Brand)
상품/캠페인 관리: 공구 상품 등록 및 인플루언서 모집 캠페인 생성.
성과 분석: 크리에이터별 판매 성과 및 마케팅 효율 분석.
🎨 디자인 및 UX
네오브루탈리즘 스타일: 과감한 컬러(라임, 핑크 등), 굵은 선, 입체적인 UI 요소로 브랜드 아이덴티티 강조.
반응형 웹: PC, 태블릿, 모바일 등 모든 디바이스 최적화.
4. 개발 기술/스택 (Tech Stack)
Frontend & Framework
React Router v7 (구 Remix): 최신 React 프레임워크로 서버 사이드 렌더링(SSR) 및 라우팅 처리.
React: UI 컴포넌트 라이브러리.
TypeScript: 정적 타입 시스템을 통한 안정적인 코드 작성.
Styling & UI
Tailwind CSS (v4): 유틸리티 퍼스트 CSS 프레임워크.
Shadcn UI (Radix UI): 재사용 가능한 접근성 높은 컴포넌트 시스템.
Framer Motion: 자연스럽고 역동적인 애니메이션 구현.
Backend & Database
Supabase: 인증(Auth), 데이터베이스(PostgreSQL), 스토리지, 실시간 구독(Realtime)을 위한 BaaS 솔루션.
Drizzle ORM: 타입 안전성을 보장하는 최신 TypeScript ORM.
Infrastructure & Tools
Vite: 초고속 빌드 및 개발 서버.
Vercel: 프론트엔드 배포 및 호스팅 (예정).
Sentry: 에러 모니터링 및 성능 추적.
관련 스크린샷(3장 이상):
개발 기술/스택:
Frontend & Framework
React Router v7 (구 Remix): 최신 React 프레임워크로 서버 사이드 렌더링(SSR) 및 라우팅 처리.
React: UI 컴포넌트 라이브러리.
TypeScript: 정적 타입 시스템을 통한 안정적인 코드 작성.
Styling & UI
Tailwind CSS (v4): 유틸리티 퍼스트 CSS 프레임워크.
Shadcn UI (Radix UI): 재사용 가능한 접근성 높은 컴포넌트 시스템.
Framer Motion: 자연스럽고 역동적인 애니메이션 구현.
Backend & Database
Supabase: 인증(Auth), 데이터베이스(PostgreSQL), 스토리지, 실시간 구독(Realtime)을 위한 BaaS 솔루션.
Drizzle ORM: 타입 안전성을 보장하는 최신 TypeScript ORM.
Infrastructure & Tools
Vite: 초고속 빌드 및 개발 서버.
Vercel: 프론트엔드 배포 및 호스팅 (예정).
• • Sentry: 에러 모니터링 및 성능 추적.
메이커 클럽을 진행하며 느낀 점과, 다른 메이커들을 위한 팁:
메이커 개발일지에 올라오는 다른 분들 진도 나가는거 보는게 굉장히 자극이 많이 됐습니다!!
조금 더 첫 모임 때 친해져서 열심히 했다면 프로젝트 완성까지 가능했을 것 같다는 생각이 많이 들어요!