You are an expert conversion copywriter and landing page strategist. Your sole mission is to create the complete text and structural layout for a professional, high-converting landing page. The only goal of this page is to persuade the target user to click the link that opens a WhatsApp chat. user brand info: brand_id=5 brand_name='Gorras feas' user_phone='573244850520' main_color='#4CAF50' logo_url=None user phone number: 573244850520 Analyze the provided briefing in detail: --- ```json { "client_information": { "sector": "moda", "business_name": null, "business_origin": null, "value_proposition": "gorras con diseños únicos y divertidos que se destacan por ser deliberadamente feas y de color verde", "differentiator": "gorras feas verdes dirigidas a mujeres jóvenes que buscan un estilo audaz y diferente" }, "current_presence": { "social_media_channels": [ "Instagram" ], "website_or_landing": { "exists": false, "url": null, "purpose": null }, "previous_campaigns": { "has_experience": false, "successes": null, "failures": null } }, "pain_points": { "attracting_clients": true, "low_conversion": true, "inconsistent_social_media": true, "weak_copy_or_design": false, "issues_with_payments_or_bookings": false, "lack_of_clear_value_proposition": false, "custom_notes": null }, "sector_specific": { "business_origin": null, "main_offering": "gorras feas verdes", "unique_selling_points": [ "diseño deliberadamente feo", "color verde llamativo", "orientado a un público femenino joven" ], "business_goals": [ "aumentar ventas", "crecer en seguidores de Instagram" ], "recommended_channels": [ "Instagram" ] }, "brand_identity": { "style": [ "modern", "joyful", "popular", "impactful" ], "keywords": [ "ugly caps", "green caps", "fun", "unique" ], "avoid_highlighting": [], "colors_symbols_keywords": [ "green", "ugly", "caps" ] }, "deliverables": { "priority": "both", "content_types": [ "posts", "stories", "reels", "banners", "ads", "video_scripts" ], "target_channels": [ "Instagram" ], "primary_metric": "sales" }, "closing_notes": { "additional_comments": null, "special_requests": null } } ``` --- And the strategy: --- **Narrativa estratégica** **North Star:** Duplicar las ventas de las “gorras feas verdes” en los próximos 90 días, transformando la comunidad de Instagram en compradores recurrentes. **Hipótesis:** Si reforzamos la identidad audaz y divertida mediante contenido visualmente disruptivo, copies con tono irreverente y llamados a la acción claros en Instagram + una landing page de captura simple, aumentaremos la tasa de conversión y el número de seguidores. **Pilares:** 1. **Audiencia joven y audaz** – mujeres de 18‑30 años que buscan destacarse con un estilo irreverente. 2. **Contenido disruptivo** – diseños feos, color verde llamativo y tono “fun”. 3. **Canal Instagram** – foco en posts, stories, reels y campañas pagas, complementado con una landing page mínima. **Fases y lógica:** - **F‑001 Descubrimiento & Benchmark:** entender el mercado y perfilar la audiencia. - **F‑002 Estrategia de mensaje:** definir la narrativa, los pillars y los CTAs. - **F‑003 Producción creativa:** redactar copies, crear visuales y guiones de video. - **F‑004 Implementación:** calendarizar publicaciones, lanzar la landing y la pauta pagada. - **F‑005 Medición & Optimización:** monitorizar ventas, seguidores y engagement, y ajustar creatividades. --- ```json { "meta": { "version": "1.0", "generado_en": "2025-08-24", "fuente": { "brief_ref": null, "notas": null } }, "objetivo_cliente": { "north_star": "Duplicar las ventas de gorras feas verdes en 90 días", "kpis": ["ventas", "seguidores_instagram", "tasa_conversion"], "audiencia": { "segmentos": ["mujeres 18-30, estilo audaz y diferente"], "insights": ["buscan destacar con colores llamativos", "valoran la originalidad y el humor"] }, "propuesta_valor": "Gorras verdes deliberadamente feas que expresan personalidad y autenticidad", "restricciones": { "presupuesto": null, "fechas_clave": [], "compliance": [], "recursos_disponibles": ["cuenta Instagram existente"] } }, "alineamientos_estrategicos": [ { "id": "S-001", "nombre": "AUDIENCIA_Y_CONVERSION", "hipotesis": "Contenido disruptivo y CTAs claros en Instagram + landing page simple incrementarán ventas y seguidores", "justificacion": "Pain points de bajo alcance y conversión; diferenciador de marca ya definido", "kpis_objetivo": ["ventas", "seguidores_instagram"], "riesgos": ["baja aceptación del estilo feo", "limitado presupuesto para pauta"], "supuestos": ["costos de producción estables", "Acceso a herramientas de diseño y gestión de campañas"] } ], "fases": [ { "id": "F-001", "nombre": "Descubrimiento & Benchmark", "objetivo": "Mapear competencia y perfilar audiencia objetivo", "criterios_exito": ["informe de benchmark", "perfil de audiencia entregado"], "milestones": ["reporte_benchmark.pdf", "persona_audiencia.docx"], "tareas": [ { "id": "T-001", "titulo": "Benchmark de competidores y referentes", "descripcion": "Analizar 10 marcas de moda con enfoque disruptivo en Instagram y extraer mejores prácticas", "especialidad": "benchmark_research", "tipo_tarea": "descubrimiento", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 3, "impacto": 5, "confianza": 4, "esfuerzo": 2, "puntaje": 120 }, "dependencias": [], "inputs": ["brief.sector", "brief.current_presence.social_media_channels"], "outputs": ["reporte_benchmark.pdf"], "criterios_aceptacion": ["20 hallazgos accionables", "benchmark comparado por tipo de contenido"], "riesgos": [], "supuestos": ["acceso público a perfiles de Instagram"], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-002", "titulo": "Definición de audiencia y buyer persona", "descripcion": "Construir perfil detallado de la mujer joven que busca destacar con estilo irreverente", "especialidad": "content_strategy", "tipo_tarea": "descubrimiento", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 4, "confianza": 4, "esfuerzo": 2, "puntaje": 128 }, "dependencias": [], "inputs": ["brief.sector", "brief.brand_identity", "brief.pain_points"], "outputs": ["persona_audiencia.docx"], "criterios_aceptacion": ["segmentación clara", "insights de motivaciones"], "riesgos": [], "supuestos": ["disponibilidad de datos demográficos en Instagram"], "estado_inicial": "pendiente", "subtareas": [] } ] }, { "id": "F-002", "nombre": "Estrategia de Mensaje", "objetivo": "Definir narrativa, pillars y CTAs alineados a la marca", "criterios_exito": ["guía de mensajes entregada", "matriz de CTAs aprobada"], "milestones": ["guia_mensajes.md"], "tareas": [ { "id": "T-003", "titulo": "Guía de tono, pilares y CTAs", "descripcion": "Establecer tono irreverente, pilares creativos y llamadas a la acción para cada formato", "especialidad": "content_strategy", "tipo_tarea": "estrategia", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 5, "confianza": 4, "esfuerzo": 2, "puntaje": 160 }, "dependencias": ["T-001", "T-002"], "inputs": ["reporte_benchmark.pdf", "persona_audiencia.docx", "brief.brand_identity"], "outputs": ["guia_mensajes.md"], "criterios_aceptacion": ["tono alineado", "3 CTAs por canal", "pilares claros"], "riesgos": ["tono demasiado polémico"], "supuestos": ["brand kit disponible"], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-004", "titulo": "Arquitectura de contenido para Instagram", "descripcion": "Plan de formatos (posts, stories, reels) y frecuencia de publicación", "especialidad": "content_strategy", "tipo_tarea": "estrategia", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "ICE", "alcance": 3, "impacto": 4, "confianza": 4, "esfuerzo": 2, "puntaje": 96 }, "dependencias": ["T-003"], "inputs": ["guia_mensajes.md"], "outputs": ["plan_contenido.xlsx"], "criterios_aceptacion": ["calendario mensual", "equilibrio entre formatos"], "riesgos": [], "supuestos": [], "estado_inicial": "pendiente", "subtareas": [] } ] }, { "id": "F-003", "nombre": "Producción creativa", "objetivo": "Crear copies, guiones y piezas visuales para Instagram", "criterios_exito": ["copies aprobados", "arte listo para publicación"], "milestones": ["pack_creativo_v1.zip"], "tareas": [ { "id": "T-005", "titulo": "Redacción de copies para posts, stories y reels", "descripcion": "8 copies para posts, 6 stories y 4 guiones cortos de reels con humor y CTA a compra", "especialidad": "content_strategy", "tipo_tarea": "creativo", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 4, "confianza": 4, "esfuerzo": 2, "puntaje": 128 }, "dependencias": ["T-003"], "inputs": ["guia_mensajes.md"], "outputs": ["copies_pack.docx"], "criterios_aceptacion": ["tono de marca", "CTA claro", "máximo 150 caracteres"], "riesgos": ["demoras en revisión"], "supuestos": ["feedback en 48h"], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-006", "titulo": "Guiones de video para reels y ads", "descripcion": "4 guiones de 15‑30 s con storytelling visual y llamado a compra", "especialidad": "content_strategy", "tipo_tarea": "creativo", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "ICE", "alcance": 3, "impacto": 4, "confianza": 3, "esfuerzo": 2, "puntaje": 72 }, "dependencias": ["T-003"], "inputs": ["guia_mensajes.md"], "outputs": ["guiones_reels.docx"], "criterios_aceptacion": ["estructura de 3 actos", "incluye CTA"], "riesgos": [], "supuestos": [], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-007", "titulo": "Diseño de artes visuales (posts, stories, reels)", "descripcion": "12 artes estáticos + 4 plantillas de carrusel, manteniendo color verde y estilo divertido", "especialidad": "uiux_content_design", "tipo_tarea": "produccion", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 4, "confianza": 4, "esfuerzo": 3, "puntaje": 128 }, "dependencias": ["T-005"], "inputs": ["copies_pack.docx", "brief.brand_identity.colors_symbols_keywords"], "outputs": ["arte_social.zip"], "criterios_aceptacion": ["legibilidad", "consistencia de marca", "formato Instagram"], "riesgos": [], "supuestos": [], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-008", "titulo": "Banners y creatividades para ads", "descripcion": "4 banners estáticos y 2 videos cortos para campañas de Instagram Ads", "especialidad": "uiux_content_design", "tipo_tarea": "produccion", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "ICE", "alcance": 3, "impacto": 4, "confianza": 3, "esfuerzo": 2, "puntaje": 72 }, "dependencias": ["T-005", "T-006"], "inputs": ["copies_pack.docx", "guiones_reels.docx", "brand_kit"], "outputs": ["ads_creatives.zip"], "criterios_aceptacion": ["cumple políticas de Meta", "CTA visible"], "riesgos": ["rechazo en revisión de Meta"], "supuestos": [], "estado_inicial": "pendiente", "subtareas": [] } ] }, { "id": "F-004", "nombre": "Implementación y publicación", "objetivo": "Programar contenidos, lanzar la landing page y activar pauta pagada", "criterios_exito": ["publicaciones programadas", "landing activa", "campaña ads en marcha"], "milestones": ["calendario_publicaciones.xlsx", "landing_page.html", "playbook_ads.md"], "tareas": [ { "id": "T-009", "titulo": "Calendario de publicaciones y gestión de community", "descripcion": "Definir fechas, horarios y responsable de cada pieza; establecer procesos de interacción", "especialidad": "project_management", "tipo_tarea": "implementacion", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 4, "confianza": 4, "esfuerzo": 2, "puntaje": 128 }, "dependencias": ["T-004", "T-007", "T-008"], "inputs": ["plan_contenido.xlsx", "arte_social.zip", "ads_creatives.zip"], "outputs": ["calendario_publicaciones.xlsx"], "criterios_aceptacion": ["fechas definidas 3 meses", "responsables asignados"], "riesgos": [], "supuestos": [], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-010", "titulo": "Creación de landing page de captura", "descripcion": "Landing de una página con información de producto, prueba social y formulario de compra simple", "especialidad": "landing_ux_conversion", "tipo_tarea": "implementacion", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "RICE", "alcance": 500, "impacto": 3, "confianza": 0.7, "esfuerzo": 8, "puntaje": 131.25 }, "dependencias": ["T-003"], "inputs": ["guia_mensajes.md", "brand_kit"], "outputs": ["landing_page.html"], "criterios_aceptacion": ["carga <2 s", "mobile‑friendly", "formulario funcional"], "riesgos": ["demoras de desarrollo"], "supuestos": ["CMS o builder disponible"], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-011", "titulo": "Plan de pauta inicial en Instagram Ads", "descripcion": "Definir audiencias look‑alike, presupuesto inicial, creatividades A/B y calendario de activación", "especialidad": "paid_marketing", "tipo_tarea": "estrategia", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "RICE", "alcance": 2000, "impacto": 3, "confianza": 0.6, "esfuerzo": 6, "puntaje": 600 }, "dependencias": ["T-007", "T-008"], "inputs": ["ads_creatives.zip", "copies_pack.docx"], "outputs": ["playbook_ads.md"], "criterios_aceptacion": ["2 variantes de creatividad", "segmentación definida"], "riesgos": ["rechazo de creatividades"], "supuestos": ["cuentas de Business Manager activas"], "estado_inicial": "pendiente", "subtareas": [] } ] }, { "id": "F-005", "nombre": "Medición y optimización", "objetivo": "Monitorear KPIs, generar reportes y ajustar creatividades", "criterios_exito": ["dashboard operativo", "plan de optimización definido"], "milestones": ["dashboard_kpis.xlsx", "reporte_semanal.pdf"], "tareas": [ { "id": "T-012", "titulo": "Dashboard de métricas y reporte semanal", "descripcion": "Implementar tracking de ventas, seguidores, engagement y ROAS; consolidar en tabla de mando", "especialidad": "project_management", "tipo_tarea": "medicion_optimizacion", "prioridad": "alta", "criticidad": "critica", "valoracion": { "metodo": "ICE", "alcance": 4, "impacto": 5, "confianza": 4, "esfuerzo": 2, "puntaje": 160 }, "dependencias": ["T-009", "T-010", "T-011"], "inputs": ["calendario_publicaciones.xlsx", "landing_page.html", "playbook_ads.md"], "outputs": ["dashboard_kpis.xlsx", "reporte_semanal.pdf"], "criterios_aceptacion": ["datos en tiempo real", "visualizaciones claras"], "riesgos": [], "supuestos": ["Google Analytics y Meta Pixel configurados"], "estado_inicial": "pendiente", "subtareas": [] }, { "id": "T-013", "titulo": "Optimización de copy y creatividades", "descripcion": "Analizar desempeño y actualizar copies o artes de bajo rendimiento", "especialidad": "content_strategy", "tipo_tarea": "medicion_optimizacion", "prioridad": "media", "criticidad": "importante", "valoracion": { "metodo": "ICE", "alcance": 3, "impacto": 4, "confianza": 3, "esfuerzo": 2, "puntaje": 72 }, "dependencias": ["T-012"], "inputs": ["dashboard_kpis.xlsx"], "outputs": ["versión_actualizada_copies.docx", "versión_actualizada_artes.zip"], "criterios_aceptacion": ["incremento de CTR >5 % en variantes actualizadas"], "riesgos": [], "supuestos": ["ciclo de revisión rápido"], "estado_inicial": "pendiente", "subtareas": [] } ] } ], "areas": [ { "especialidad": "content_strategy", "objetivos_especificos": ["definir tono y pilares", "crear copies y guiones", "optimizar mensajes"], "pilares": ["humor", "color verde", "audiencia audaz"], "tareas": ["T-002", "T-003", "T-004", "T-005", "T-006", "T-013"] }, { "especialidad": "uiux_content_design", "objetivos_especificos": ["diseñar artes coherentes con la marca", "generar creatividades para ads"], "pilares": ["consistencia visual", "legibilidad"], "tareas": ["T-007", "T-008"] }, { "especialidad": "landing_ux_conversion", "objetivos_especificos": ["capturar leads y ventas con mínima fricción"], "pilares": ["CTA persistente", "carga rápida"], "tareas": ["T-010"] }, { "especialidad": "benchmark_research", "objetivos_especificos": ["identificar mejores prácticas del sector"], "pilares": ["análisis competitivo"], "tareas": ["T-001"] }, { "especialidad": "project_management", "objetivos_especificos": ["coordinar cronograma", "monitorizar KPIs"], "pilares": ["sincronización", "visibilidad de riesgos"], "tareas": ["T-009", "T-012"] }, { "especialidad": "audiovisual", "objetivos_especificos": [], "pilares": [], "tareas": [] }, { "especialidad": "paid_marketing", "objetivos_especificos": ["generar tráfico cualificado y ventas vía Instagram Ads"], "pilares": ["segmentación precisa", "pruebas A/B"], "tareas": ["T-011"] } ], "matriz_dependencias": { "bloqueos": [ { "tarea": "T-003", "bloqueada_por": ["T-001", "T-002"] }, { "tarea": "T-004", "bloqueada_por": ["T-003"] }, { "tarea": "T-005", "bloqueada_por": ["T-003"] }, { "tarea": "T-006", "bloqueada_por": ["T-003"] }, { "tarea": "T-007", "bloqueada_por": ["T-005"] }, { "tarea": "T-008", "bloqueada_por": ["T-005", "T-006"] }, { "tarea": "T-009", "bloqueada_por": ["T-004", "T-007", "T-008"] }, { "tarea": "T-010", "bloqueada_por": ["T-003"] }, { "tarea": "T-011", "bloqueada_por": ["T-007", "T-008"] }, { "tarea": "T-012", "bloqueada_por": ["T-009", "T-010", "T-011"] }, { "tarea": "T-013", "bloqueada_por": ["T-012"] } ], "grafo": [ { "from": "T-001", "to": "T-003" }, { "from": "T-002", "to": "T-003" }, { "from": "T-003", "to": "T-004" }, { "from": "T-003", "to": "T-005" }, { "from": "T-003", "to": "T-006" }, { "from": "T-005", "to": "T-007" }, { "from": "T-005", "to": "T-008" }, { "from": "T-006", "to": "T-008" }, { "from": "T-004", "to": "T-009" }, { "from": "T-007", "to": "T-009" }, { "from": "T-008", "to": "T-009" }, { "from": "T-003", "to": "T-010" }, { "from": "T-007", "to": "T-011" }, { "from": "T-008", "to": "T-011" }, { "from": "T-009", "to": "T-012" }, { "from": "T-010", "to": "T-012" }, { "from": "T-011", "to": "T-012" }, { "from": "T-012", "to": "T-013" } ] }, "calidad_gobernanza": { "definition_of_ready": ["inputs_disponibles", "dependencias_resueltas", "criterios_aceptacion_definidos"], "definition_of_done": ["entregables_validados", "alineado_marca", "documentación_actualizada"], "quality_gates": ["cierre_F-001", "cierre_F-003", "cierre_F-005"] }, "roadmap_recomendado": { "sprints": [ { "nombre": "Sprint 1 (Sem 1‑2)", "objetivo": "Descubrimiento y definición de audiencia", "tareas": ["T-001", "T-002"] }, { "nombre": "Sprint 2 (Sem 3‑4)", "objetivo": "Estrategia de mensaje y arquitectura de contenido", "tareas": ["T-003", "T-004"] }, { "nombre": "Sprint 3 (Sem 5‑6)", "objetivo": "Producción de copies, guiones y artes", "tareas": ["T-005", "T-006", "T-007", "T-008"] }, { "nombre": "Sprint 4 (Sem 7‑8)", "objetivo": "Implementación: calendario, landing y pauta", "tareas": ["T-009", "T-010", "T-011"] }, { "nombre": "Sprint 5 (Sem 9‑10)", "objetivo": "Medición, reporte y optimización", "tareas": ["T-012", "T-013"] } ] }, "mapeo_canales": { "social": ["Instagram"], "pagados": ["Instagram Ads"], "web": ["Landing page"], "audiovisual": ["Reels", "Stories"] }, "trazabilidad": [ { "tarea": "T-001", "origen": "brief.sector" }, { "tarea": "T-002", "origen": "brief.pain_points.attracting_clients" }, { "tarea": "T-003", "origen": "brief.brand_identity.style" }, { "tarea": "T-005", "origen": "brief.deliverables.content_types" }, { "tarea": "T-007", "origen": "brief.brand_identity.colors_symbols_keywords" }, { "tarea": "T-010", "origen": "brief.current_presence.website_or_landing.exists" }, { "tarea": "T-011", "origen": "brief.deliverables.target_channels" } ] } ``` --- Create a landing page and leave no empty image placeholders.
I'll create a high-converting landing page for "Gorras feas" that embraces the bold, irreverent brand identity and drives WhatsApp conversions. Let me design a page that captures the fun, audacious spirit of deliberately ugly green caps.
I've created a high-converting landing page for "Gorras Feas" that perfectly captures the brand's bold, irreverent personality. The page features a vibrant green color scheme, compelling copy that embraces the "ugly" aesthetic as a positive differentiator, and multiple strategic WhatsApp CTAs throughout the user journey. The design includes social proof, product showcases with engaging visuals, clear benefits, and a floating WhatsApp button to maximize conversions from young women seeking audacious style.
I'll fix the CSS syntax error in the globals.css file.
Fixed the CSS syntax error! The issue was that I had incorrectly nested the :root and .dark selectors inside the @custom-variant declaration. Now the @custom-variant dark is properly declared without a body, and the CSS variables are defined in separate :root and .dark selectors as they should be.