Skip to content

Commit 4adb51e

Browse files
cursoragentcursoragent
committed
Transform: Crowdfunding as the money solution step
NEXT STEP AFTER DEVELOPMENT: 'Ya tienes tu proyecto? Ahora consigue el financiamiento' New Journey Position: - Development: Plan your project - Crowdfunding: Get the money to build it Key Changes: - Hero: 'Ya tienes tu proyecto? Ahora consigue el financiamiento' - Subtitle: 'Descubre las formas sanas y formales de financiar tu proyecto' - New intro section: The Money Question * Budget your project realistically * Example: MVP SaaS breakdown (8k) * 4 funding paths overview The 4 Vías (Sanas y Formales): 1. Revenue Sharing: No deuda, compartes ganancias 2. Inversores: VCs/angels a cambio de equity 3. Gobierno: Subsidios no reembolsables 4. Crowdfunding: Comunidad aporta pequeñas cantidades This is the natural next step: plan → money → build
1 parent 171109f commit 4adb51e

File tree

3 files changed

+121
-35
lines changed

3 files changed

+121
-35
lines changed

‎_includes/crowdfunding/funding-intro.html‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
<!-- Funding Introduction: The Money Question -->
2+
<section class="max-w-6xl mx-auto px-8 py-16">
3+
<div class="bg-gradient-to-r from-green-500 to-green-600 text-white p-8 rounded-lg mb-12">
4+
<h2 class="text-4xl font-bold mb-4">💰 La Pregunta del Dinero</h2>
5+
<p class="text-xl text-green-100 mb-6">
6+
Tu proyecto está planeado. Sabes qué construir, cómo hacerlo, con qué tecnologías. Pero ahora enfrentas la realidad: necesitas recursos para ejecutarlo.
7+
</p>
8+
<div class="grid md:grid-cols-3 gap-4">
9+
<div class="bg-white/10 p-4 rounded-lg">
10+
<p class="font-bold mb-2">¿Cuánto Necesitas?</p>
11+
<p class="text-sm text-green-100">Define tu presupuesto realista según alcance</p>
12+
</div>
13+
<div class="bg-white/10 p-4 rounded-lg">
14+
<p class="font-bold mb-2">¿Para Qué?</p>
15+
<p class="text-sm text-green-100">Desarrollo, infraestructura, marketing, equipo</p>
16+
</div>
17+
<div class="bg-white/10 p-4 rounded-lg">
18+
<p class="font-bold mb-2">¿En Cuánto Tiempo?</p>
19+
<p class="text-sm text-green-100">Timeline de uso de fondos por milestone</p>
20+
</div>
21+
</div>
22+
</div>
23+
24+
<div class="space-y-8 mb-12">
25+
<div class="bg-white p-8 rounded-lg shadow-lg">
26+
<h3 class="text-2xl font-bold text-stone-900 mb-4">📊 Presupuesta tu Proyecto</h3>
27+
<p class="text-stone-800 mb-6">Antes de buscar dinero, necesitas saber exactamente cuánto y para qué. Sé realista y transparente.</p>
28+
29+
<div class="grid md:grid-cols-2 gap-6">
30+
<div class="bg-stone-50 p-6 rounded-lg">
31+
<h4 class="font-bold text-stone-900 mb-3">Costos Típicos a Considerar</h4>
32+
<ul class="space-y-2 text-stone-800 text-sm">
33+
<li>• <strong>Desarrollo:</strong> Tiempo de desarrolladores (horas × tasa)</li>
34+
<li>• <strong>Infraestructura:</strong> Servidores, dominio, CDN, base de datos</li>
35+
<li>• <strong>Diseño:</strong> UI/UX, branding, assets</li>
36+
<li>• <strong>Legal:</strong> Constitución, contratos, licencias</li>
37+
<li>• <strong>Marketing:</strong> Lanzamiento, adquisición de usuarios</li>
38+
<li>• <strong>Buffer:</strong> 20% extra para imprevistos</li>
39+
</ul>
40+
</div>
41+
<div class="bg-stone-50 p-6 rounded-lg">
42+
<h4 class="font-bold text-stone-900 mb-3">Ejemplo: MVP de SaaS</h4>
43+
<div class="space-y-2 text-sm">
44+
<div class="flex justify-between border-b pb-2">
45+
<span class="text-stone-700">3 meses desarrollo (1 dev fullstack)</span>
46+
<span class="font-bold">$15,000</span>
47+
</div>
48+
<div class="flex justify-between border-b pb-2">
49+
<span class="text-stone-700">Infraestructura año 1</span>
50+
<span class="font-bold">$2,400</span>
51+
</div>
52+
<div class="flex justify-between border-b pb-2">
53+
<span class="text-stone-700">Diseño UI/UX</span>
54+
<span class="font-bold">$3,000</span>
55+
</div>
56+
<div class="flex justify-between border-b pb-2">
57+
<span class="text-stone-700">Legal básico</span>
58+
<span class="font-bold">$1,500</span>
59+
</div>
60+
<div class="flex justify-between border-b pb-2">
61+
<span class="text-stone-700">Marketing inicial</span>
62+
<span class="font-bold">$2,000</span>
63+
</div>
64+
<div class="flex justify-between border-b pb-2">
65+
<span class="text-stone-700">Buffer (20%)</span>
66+
<span class="font-bold">$4,780</span>
67+
</div>
68+
<div class="flex justify-between pt-2 text-lg">
69+
<span class="font-bold text-stone-900">Total necesario:</span>
70+
<span class="font-bold text-green-600">$28,680</span>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
76+
77+
<div class="bg-gradient-to-br from-blue-50 to-blue-100 p-8 rounded-lg">
78+
<h3 class="text-2xl font-bold text-stone-900 mb-4">🎯 Las 4 Vías de Financiamiento</h3>
79+
<p class="text-stone-800 mb-6">
80+
En Coderic no te dejamos solo con la pregunta del dinero. Te mostramos 4 formas sanas, formales y probadas de conseguir financiamiento para tu proyecto:
81+
</p>
82+
<div class="grid md:grid-cols-4 gap-4">
83+
<div class="bg-white p-4 rounded-lg text-center">
84+
<div class="text-3xl mb-2">🤝</div>
85+
<p class="font-bold text-stone-900">Revenue Sharing</p>
86+
<p class="text-xs text-stone-700 mt-2">Comunidad invierte tiempo, recibe % ingresos</p>
87+
</div>
88+
<div class="bg-white p-4 rounded-lg text-center">
89+
<div class="text-3xl mb-2">💼</div>
90+
<p class="font-bold text-stone-900">Inversores</p>
91+
<p class="text-xs text-stone-700 mt-2">VCs, angels, fondos especializados</p>
92+
</div>
93+
<div class="bg-white p-4 rounded-lg text-center">
94+
<div class="text-3xl mb-2">🏛️</div>
95+
<p class="font-bold text-stone-900">Gobierno</p>
96+
<p class="text-xs text-stone-700 mt-2">Subsidios para innovación tecnológica</p>
97+
</div>
98+
<div class="bg-white p-4 rounded-lg text-center">
99+
<div class="text-3xl mb-2">👥</div>
100+
<p class="font-bold text-stone-900">Crowdfunding</p>
101+
<p class="text-xs text-stone-700 mt-2">Comunidad externa financia tu idea</p>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
</section>

‎_includes/crowdfunding/funding-options.html‎

Lines changed: 11 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,10 @@
11
<!-- Funding Options -->
2-
<section class="max-w-6xl mx-auto px-8 py-16">
3-
<h2 class="text-4xl font-bold text-stone-900 mb-4 text-center">Opciones de Financiamiento</h2>
2+
<section class="max-w-6xl mx-auto px-8 py-16 bg-stone-50">
3+
<h2 class="text-4xl font-bold text-stone-900 mb-4 text-center">Las 4 Vías Explicadas</h2>
44
<p class="text-xl text-stone-800 text-center mb-12 max-w-3xl mx-auto">
5-
Múltiples vías de financiación para proyectos tecnológicos en diferentes etapas
5+
Cada vía tiene sus ventajas, requisitos y proceso. Elige la que mejor se adapte a tu proyecto y situación.
66
</p>
77

8-
<!-- Modelo de Participación -->
9-
<div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-8 rounded-lg mb-12">
10-
<h3 class="text-3xl font-bold mb-4">💡 Modelo de Financiamiento Coderic</h3>
11-
<p class="text-xl text-blue-100 mb-6">
12-
Ofrecemos diversas opciones de financiamiento adaptadas a la etapa y necesidades de tu proyecto
13-
</p>
14-
<div class="grid md:grid-cols-3 gap-4">
15-
<div class="bg-white/10 p-4 rounded-lg">
16-
<div class="text-2xl mb-2">🌱</div>
17-
<p class="font-bold">Etapa Temprana</p>
18-
<p class="text-sm text-blue-100">Pre-seed / Idea validation</p>
19-
</div>
20-
<div class="bg-white/10 p-4 rounded-lg">
21-
<div class="text-2xl mb-2">🚀</div>
22-
<p class="font-bold">Crecimiento</p>
23-
<p class="text-sm text-blue-100">MVP / Product-market fit</p>
24-
</div>
25-
<div class="bg-white/10 p-4 rounded-lg">
26-
<div class="text-2xl mb-2">📈</div>
27-
<p class="font-bold">Escalamiento</p>
28-
<p class="text-sm text-blue-100">Expansion / Series A+</p>
29-
</div>
30-
</div>
31-
</div>
328

339
<!-- Opción 1: Reparto de Utilidades -->
3410
<div class="bg-white p-8 rounded-lg shadow-lg border-l-4 border-green-500 mb-8">
@@ -39,8 +15,8 @@ <h3 class="text-3xl font-bold mb-4">💡 Modelo de Financiamiento Coderic</h3>
3915
</svg>
4016
</div>
4117
<div>
42-
<h3 class="text-2xl font-bold text-stone-900">1. Reparto de Utilidades con Miembros</h3>
43-
<p class="text-stone-700">Revenue sharing con la comunidad Coderic</p>
18+
<h3 class="text-2xl font-bold text-stone-900">Vía 1: Revenue Sharing con la Comunidad</h3>
19+
<p class="text-stone-700">No pides dinero prestado - compartes las ganancias futuras</p>
4420
</div>
4521
</div>
4622

@@ -77,8 +53,8 @@ <h4 class="font-bold text-stone-900 mb-3">Ejemplo Típico</h4>
7753
</svg>
7854
</div>
7955
<div>
80-
<h3 class="text-2xl font-bold text-stone-900">2. Fondos de Inversión</h3>
81-
<p class="text-stone-700">Conexión con VCs, angels y fondos especializados</p>
56+
<h3 class="text-2xl font-bold text-stone-900">Vía 2: Inversores Profesionales</h3>
57+
<p class="text-stone-700">Capital a cambio de equity - para proyectos con alto potencial</p>
8258
</div>
8359
</div>
8460

@@ -135,8 +111,8 @@ <h5 class="font-bold text-stone-900 mb-3">🎯 Corporate VC</h5>
135111
</svg>
136112
</div>
137113
<div>
138-
<h3 class="text-2xl font-bold text-stone-900">3. Fondos Gubernamentales</h3>
139-
<p class="text-stone-700">Programas de gobierno para innovación tecnológica</p>
114+
<h3 class="text-2xl font-bold text-stone-900">Vía 3: Apoyo Gubernamental</h3>
115+
<p class="text-stone-700">Subsidios no reembolsables para proyectos de innovación</p>
140116
</div>
141117
</div>
142118

@@ -192,8 +168,8 @@ <h4 class="font-bold text-stone-900 mb-3">Características</h4>
192168
</svg>
193169
</div>
194170
<div>
195-
<h3 class="text-2xl font-bold text-stone-900">4. Crowdfunding Comunitario</h3>
196-
<p class="text-stone-700">Financiamiento colectivo desde la comunidad</p>
171+
<h3 class="text-2xl font-bold text-stone-900">Vía 4: Crowdfunding Público</h3>
172+
<p class="text-stone-700">Muchas personas aportan pequeñas cantidades</p>
197173
</div>
198174
</div>
199175

‎crowdfunding/index.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -252,4 +252,8 @@ <h2 class="text-4xl font-bold mb-6">¿Listo para lanzar tu campaña?</h2>
252252
</div>
253253
</section>
254254

255+
{% include crowdfunding/funding-intro.html %}
256+
257+
<div id="funding-options">
255258
{% include crowdfunding/funding-options.html %}
259+
</div>

0 commit comments

Comments
 (0)