Cacareados.
Del primer vistazo
al siguiente clic.
Una experiencia digital que traduzca la identidad de Cacareados en una navegación clara, contenido administrable y una presencia visual memorable.
Diseño y desarrollo por NIUWEB
WORDPRESS / ELEMENTOR / DESARROLLO A MEDIDA
Todo lo que el sitio
debe contar.
Una estructura de nueve páginas, acompañada de plantillas editoriales y formularios para conectar la marca con sus distintos públicos. Cada página principal contará con una imagen o composición original en su cabecera.
ARQUITECTURA DEL SITIO
01Inicio
Presentación de la marca, contenidos destacados y acceso a las principales secciones del sitio.
02Huevo con cascarón
Presentación de la línea de producto con la información y los materiales aprobados.
03Pasteurizados
Información de la línea de pasteurizados, organizada para facilitar su consulta.
04Calidad
Comunicación de los procesos y atributos de calidad a partir del contenido validado por la marca.
05Nosotros
Historia, identidad y presentación institucional de Cacareados.
06Distribuidores
Información dirigida a distribuidores y formulario para recibir solicitudes.
07Clientes / puntos de venta
Presentación de clientes y puntos de venta con los datos proporcionados para el proyecto.
08Recetas
Consulta de recetas y acceso a su contenido individual mediante una plantilla administrable.
09Contacto
Canales de contacto y formulario para recibir mensajes desde el sitio.
Contenido administrable
Una estructura editorial
para seguir publicando.
- 01Listado de blog
- 02Artículo individual
- 03Receta individual
CUATRO PUNTOS DE CONTACTO
- Contacto general
- Solicitudes de distribuidores
- Sugerencia de punto de venta
- Envío de recetas con fotografía
Las recetas enviadas por visitantes pasan por revisión manual antes de publicarse.
Una dirección visual
con intención.
El proyecto incluye un proceso creativo para definir el concepto visual de Cacareados en la web. Esta dirección se presenta para aprobación y guía el diseño de las imágenes, los iconos y los recursos gráficos del sitio.
INCLUIDO EN LA INVERSIÓN · DIRECCIÓN CREATIVA
Un concepto visual propio
para la experiencia web.
- 01
Exploración y criterios
Revisión de la identidad de Cacareados, los materiales disponibles y las referencias para definir los objetivos visuales del sitio.
- 02
Concepto y aprobación
Desarrollo de una propuesta de concepto visual web: moodboard de referencias, composición, tipografía, color y tratamiento de imágenes e iconos.
- 03
Diseño y producción
Una vez aprobada la dirección, se diseñan las imágenes y los elementos gráficos del alcance bajo un mismo lenguaje visual.
El entregable es una dirección visual para el sitio, acompañada de una guía breve de aplicación. Se desarrolla a partir de la identidad existente de Cacareados.
Jerarquía que guía
Títulos, mensajes y llamadas a la acción organizados para que cada sección tenga un propósito claro.
Una marca coherente
Un sistema de composición y recursos que mantenga unidad entre las páginas y los contenidos.
Diseño para cada pantalla
Una experiencia adaptable a móvil y escritorio, con atención a la lectura y la navegación.
El lenguaje visual de esta presentación corresponde a NIUWEB. La dirección visual del sitio se desarrollará a partir de la identidad y los materiales de Cacareados.
PRODUCCIÓN GRÁFICA INCLUIDA
Del concepto aprobado
a cada pieza del sitio.
21 PIEZAS INCLUIDASEl alcance incluye 9 imágenes o composiciones de cabecera, una para cada página principal, y 12 recursos de apoyo: 6 iconos y 6 elementos gráficos.
- DISEÑO DE09Imágenes y
composiciones de cabecera - Diseño de una imagen o composición original para la cabecera de cada una de las 9 páginas principales, a partir del concepto visual y los materiales aprobados.
- DISEÑO DE06Iconos
personalizados - Diseño de iconos para acompañar contenidos y facilitar la lectura, con un estilo coherente con el concepto del sitio.
- DISEÑO DE06Elementos gráficos
de apoyo - Motivos, texturas, fondos o acentos decorativos que refuercen el lenguaje visual en las distintas secciones.
9 composiciones de cabecera + 6 iconos + 6 elementos gráficos = 21 piezas originales. Los iconos y los elementos gráficos conforman los 12 recursos de apoyo incluidos. Cada una de las nueve páginas principales tendrá su propia cabecera.
Adaptaciones y archivos finales
Una pieza corresponde a un diseño original. Las adaptaciones de tamaño y las exportaciones necesarias para escritorio y móvil se incluyen y no se cuentan como piezas originales adicionales. Se entregan los recursos finales para su uso en el sitio.
Materiales para el contenido
La distribución de los iconos y los elementos de apoyo se define durante el proceso creativo; las 9 composiciones de cabecera se destinan a las nueve páginas principales. La carga inicial de recetas y artículos utiliza textos y fotografías proporcionados por PIXELERO COMPANY. La producción de fotografía, video y modelado 3D permanece fuera del alcance.
El movimiento
también comunica.
Desarrollo front end de animaciones y transiciones a medida, con una propuesta principal sujeta a aprobación.
Mueve el control o pulsa Reproducir para simular el desplazamiento.
Una forma.
Todo un recorrido.
Al avanzar por la página, el huevo crece hasta cubrir la pantalla. Su superficie se convierte en el fondo del siguiente bloque y da paso a los productos.
- 01El huevo aparece en la portada.
- 02La forma se expande con el desplazamiento.
- 03Los productos aparecen sobre el nuevo fondo.
Contenido que
entra con ritmo.
Una aparición gradual puede acompañar la lectura y establecer jerarquía entre los elementos.
Una respuesta
a cada acción.
Pasa el cursor o toca el botón. La interacción ofrece una respuesta visual y cambia su estado al seleccionarlo.
Cambios que
mantienen continuidad.
Las transiciones pueden conectar estados y contenidos sin interrumpir el recorrido del visitante.
Transición del huevo
El huevo crece con el desplazamiento, cubre la pantalla y se convierte en el fondo del bloque de productos.
Entradas
Aparición gradual de elementos para acompañar la lectura y reforzar la jerarquía.
Interacción
Respuestas visuales de botones y elementos interactivos.
Transiciones
Continuidad entre estados y contenidos durante la navegación.
Ejemplos conceptuales de movimiento; no representan el diseño final del sitio. La propuesta principal de animación se presenta para aprobación.
Del concepto
al sitio implementado.
Diseño, desarrollo y preparación de los elementos necesarios para entregar una experiencia administrable.
Sitio web implementado
Desarrollo en WordPress y Elementor, con las nueve páginas, las tres plantillas editoriales, navegación y los cuatro formularios incluidos en el alcance.
Concepto visual web y producción gráfica
Proceso creativo de exploración, moodboard y definición de una propuesta de concepto visual web para aprobación.
Diseño de 9 imágenes o composiciones de cabecera, una por cada página principal, 6 iconos personalizados y 6 elementos gráficos de apoyo: 21 piezas originales en total. Incluye las adaptaciones para escritorio y móvil, los recursos finales y una guía visual breve.
Contenido inicial y módulos
Carga inicial de hasta doce recetas y cuatro artículos. Integración de carruseles, testimonios y contenidos administrables previstos en la propuesta.
Interacción, adaptación y optimización
Animaciones y transiciones a medida conforme a la propuesta aprobada, adaptación a dispositivos móviles, SEO básico y optimización del sitio.
Publicación y documentación básica
Preparación para la salida del sitio y documentación básica para la administración de los contenidos entregados.
Los contenidos y materiales utilizados se integrarán a partir de la información proporcionada y validada por PIXELERO COMPANY.
Un proceso claro.
Fechas visibles.
Una ruta de trabajo que contempla el primer avance, la pausa programada y la ventana de cierre del proyecto.
Primer punto de revisión
28 OCTPrimer avance
Presentación del primer avance para revisión y comentarios del proyecto.
Pausa programada
29 OCT — 13 NOVPeriodo de pausa
La planificación contempla una pausa del 29 de octubre al 13 de noviembre de 2026.
Ventana de cierre
23 — 27 NOVCierre del proyecto
Revisión final, ajustes de cierre y preparación de los entregables acordados.
Calendario propuesto para 2026, sujeto a la entrega de materiales, accesos y validaciones necesarias para el desarrollo del proyecto.
Una inversión definida.
Un alcance claro.
Inversión correspondiente al diseño y desarrollo del sitio Cacareados bajo el alcance presentado.
Inversión total del proyecto
MXN · más IVA
Dirección creativa y producción gráfica incluidas
La inversión contempla el proceso creativo y la definición del concepto visual web, además del diseño de 9 imágenes o composiciones de cabecera, 6 iconos personalizados y 6 elementos gráficos de apoyo: 21 piezas originales, desarrollados a partir de la dirección aprobada.
PRIMER PAGO
50%
$11,250 MXN + IVA
SEGUNDO PAGO
30%
$6,750 MXN + IVA
TERCER PAGO
20%
$4,500 MXN + IVA
Todos los importes se expresan en pesos mexicanos y no incluyen IVA.
El esquema distribuye el 100% de la inversión en tres pagos.
Revisar acuerdosTodo claro
antes de comenzar.
Una base compartida para coordinar revisiones, materiales y entregables durante el proyecto.
Proceso de revisión y ajustes
- Se incluyen dos rondas de ajustes visuales y una revisión final.
- PIXELERO COMPANY concentra y comunica los comentarios de cada revisión.
- La propuesta principal de animación se presenta para aprobación.
Concepto visual y cantidades de diseño
- El proceso creativo incluye una propuesta de concepto visual web basada en la identidad existente de Cacareados, para aprobación antes de producir las piezas.
- Se incluyen 9 imágenes o composiciones originales de cabecera, una para cada una de las nueve páginas principales del alcance, y 12 recursos de apoyo: 6 iconos personalizados y 6 elementos gráficos. El total es de 21 piezas originales.
- Las adaptaciones de formato y tamaño para escritorio y móvil se incluyen y no se contabilizan como piezas originales adicionales.
- Las dos rondas de ajustes visuales contempladas se administran de forma conjunta para el concepto y las piezas del alcance.
- Las piezas adicionales se cotizarán antes de su desarrollo.
Materiales, accesos y validaciones
- PIXELERO COMPANY proporciona los materiales y accesos necesarios para el desarrollo.
- Los contenidos se integran con la información proporcionada y validada para el proyecto.
- La coordinación de entregas y aprobaciones permite mantener el calendario propuesto.
Servicios fuera del alcance
- Desarrollo de identidad corporativa completa, empaques e impresos.
- Producción de fotografía o video, modelado 3D y creación de mascota.
- Portales, sistemas de pedidos, publicación automática de contenido y concursos.
Acompañamiento posterior a la entrega
Se contempla un periodo de quince días para la corrección de incidencias relacionadas con el trabajo entregado.
NIUWEB → PIXELERO COMPANY
Hagamos que
Cacareados destaque.
El siguiente paso es validar el alcance, el calendario y el esquema de pagos para coordinar el arranque del proyecto.