Centinela

-

Centinela -

1. Desarrollo Frontend (GSAP + WebGL)

GSAP (GreenSock Animation Platform)
Es la librería de animación más utilizada en proyectos web de alto impacto. Permite animaciones fluidas, precisas y optimizadas para performance (mejor que CSS o librerías genéricas). Se usa en sitios de marcas como Apple, Nike o Spotify para lograr experiencias inmersivas.

Pantallas/Secciones a desarrollar:

Home: Scroll que controla video frame-by-frame (optimizado)

Aparador productos: grid/vitrina con animaciones custom

Vista producto: sliders full width con transiciones fluidas

Nuestro proceso: storytelling horizontal con scroll

Nuestra historia: sticky scroll + rueda rotativa sincronizada al scroll

Nuestros premios: efecto cursor máscara (blend mode sobre layer oscuro)

Recetas de bebidas: scroll full viewport con transiciones

Mapa: puntos interactivos + información emergente

Instagram feed: scroll horizontal animado con imágenes subiendo

Contacto: formulario simple / sección estática

$80,000 MXN

Sobre Sanity

Sanity es uno de los headless CMS más potentes y usados actualmente.

Permite personalizar esquemas de contenido según las necesidades del proyecto.

Tiene un editor en tiempo real, muy intuitivo para el cliente.

Integración nativa con frameworks modernos (Next.js, React, etc.).

Ofrece una API en tiempo real (cuando se actualiza algo en el CMS, se refleja inmediatamente en el frontend).

🔗 Sanity.io

Contenido editable desde el CMS:

Productos: nombre, descripción, imágenes, precios, categorías.

Recetas: título, pasos, ingredientes, imágenes.

Premios: nombre, descripciones, imágenes, condiciones de acceso.

Mapa interactivo: hotspots con nombre, ubicación y detalle informativo.

Secciones de texto: encabezados, descripciones y mensajes clave que se quieran ajustar sin necesidad de un desarrollador.

$45,000 MXN

2. Backend / CMS

El CMS (Content Management System) será el núcleo para administrar y actualizar la información del sitio sin necesidad de tocar código. Se implementará un Headless CMS (Sanity), lo que permitirá que el contenido sea totalmente editable, organizado y conectado dinámicamente con el frontend.

Inversión

La inversión estimada no incluye IVA. El costo contempla únicamente el desarrollo técnico descrito en esta propuesta; cualquier requerimiento adicional fuera del alcance se cotizará por separado.

1. Desarrollo Frontend (GSAP + WebGL)

Desarrollo de animaciones avanzadas, scroll storytelling, sliders personalizados, mapa interactivo y optimización responsive.

$80,000 MXN

2. Backend / CMS

Gestión editable de productos, recetas, premios, hotspots de mapa y secciones de texto utilizando Headless CMS Sanity,

$45,000 MXN

Total: $125,000 MXN

Proceso de Trabajo

El proceso de trabajo contempla una duración estimada de 6 semanas, sujeta a ajustes según el feedback. Durante el proyecto se realizarán 2 check-ins formales para revisar avances, validar entregables intermedios y asegurar que el desarrollo se mantenga alineado con la visión de Centinela. Además, se contempla un periodo de QA y ajustes finales para garantizar que el sitio entregue una experiencia fluida, optimizada y lista para escalar en el futuro.

Kick-off & setup (1 semana)

Revisión de diseño móvil (proporcionado por el cliente).

Definición de animaciones clave y arquitectura de contenido.

Desarrollo Frontend y CMS (4–5 semanas)

Implementación GSAP + WebGL.

Desarrollo de interacciones personalizadas.

Pruebas de performance (scroll, retina, responsive).

Configuración de Sanity.

Creación de colecciones: productos, recetas, premios, puntos de mapa.

Integración con frontend vía API.

QA & Ajustes finales (1 semana)

Testing en desktop, móvil y retina, optimización de velocidad y ajustes visuales finales.

Total: 6 semanas estimadas

Términos y Condiciones

Los términos de pago para este proyecto son el 50% por adelantado y el 50% a la entrega. El cronograma de entrega y revisión se establece una vez recibido el pago inicial.

La entrega no depende del lanzamiento del sitio del cliente y no se recomienda establecer una fecha de lanzamiento pública hasta que la entrega esté finalizada.

El cronograma del proyecto puede cambiar dependiendo de los cambios solicitados y la información recibida.

Las fechas de entrega pueden cambiar cuando se soliciten cambios, haya una revisión pendiente, los materiales necesarios no estén disponibles o, en algunos casos, debido a retrasos del equipo. Cualquier cambio en la fecha de entrega se notificará con anticipación.

  • Este acuerdo describe el alcance del proyecto que llevará a cabo Marcela Benavides. El alcance del proyecto es el definido en la propuesta de proyecto proporcionada y los documentos relacionados.

  • El cronograma del proyecto, como se especifica en la propuesta, depende de los comentarios oportunos del cliente, la entrega de contenido/material y la aprobación de los entregables.

    Cualquier cambio solicitado puede afectar el cronograma del proyecto y cualquier ajuste se comunicará.

  • El Cliente acepta realizar un depósito inicial como se describe en la propuesta del proyecto antes del comienzo del Proyecto.

    Los pagos adicionales, si corresponde, se especificarán en la propuesta y se pagarán según los hitos acordados.

    Todos los pagos se realizarán de acuerdo con los términos definidos en la propuesta.

  • El Cliente es responsable de proporcionar comentarios y aprobaciones y cualquier contenido o material necesario para el Proyecto.

    El Cliente designará un punto de contacto para una comunicación efectiva durante el Proyecto.

  • Cualquier cambio o revisión solicitado al alcance del proyecto debe documentarse por escrito y puede resultar en ajustes en el cronograma y el costo.

    Los cambios y revisiones están sujetos a cargos adicionales según lo acordado por ambas partes.

  • Ambas partes acuerdan mantener la confidencialidad de cualquier información sensible compartida durante el Proyecto.

    Marcela Benavides no divulgará información privada de sus clientes sin su consentimiento previo.

  • Cualquiera de las partes puede rescindir el acuerdo mediante notificación por escrito si la otra parte incumple alguno de los términos o no cumple con sus obligaciones.

    El pago inicial no es reembolsable. Sin excepciones.