Proyecto: "POPH! Snacks"
Desarrollo Web UX/UI + Creación de Contenidos
Visualización 3D (Packaging & Producto) + Video 3D
Visualización 3D (Packaging & Producto) + Video 3D
Contexto
POPH! Es una nueva marca de snacks (pochoclos, nachos, papas fritas, conitos 3D, maní japonés).
Uno de los grandes desafíos que tenía con este proyecto, es que lo necesitaban con urgencia (para completarlo en solo dos semanas), por otro lado es que como la marca aún no lanzó sus productos, no los tiene disponibles para hacer los contenidos tanto para la Web como para uso general como RRSS, publicidades, cartelería, etc, por lo que era imperativo empezar con el desarrollo realista de los empaques en 3D
El tercer desafío fue unificar la familia de productos en una experiencia digital clara, atractiva y fácil de navegar, sosteniendo un tono emocional (“momentos”) y habilitando dos acciones clave: Ver productos y contactar/distribuir. Dentro de los requerimientos que nos había indicado el enlace comercial con la empresa.
POPH! Es una nueva marca de snacks (pochoclos, nachos, papas fritas, conitos 3D, maní japonés).
Uno de los grandes desafíos que tenía con este proyecto, es que lo necesitaban con urgencia (para completarlo en solo dos semanas), por otro lado es que como la marca aún no lanzó sus productos, no los tiene disponibles para hacer los contenidos tanto para la Web como para uso general como RRSS, publicidades, cartelería, etc, por lo que era imperativo empezar con el desarrollo realista de los empaques en 3D
El tercer desafío fue unificar la familia de productos en una experiencia digital clara, atractiva y fácil de navegar, sosteniendo un tono emocional (“momentos”) y habilitando dos acciones clave: Ver productos y contactar/distribuir. Dentro de los requerimientos que nos había indicado el enlace comercial con la empresa.
Objetivo
Crear contenidos
Diseñar y desarrollar un sitio que presente a POPH! con foco en:
Crear contenidos
Diseñar y desarrollar un sitio que presente a POPH! con foco en:
- Descubrimiento del portfolio (familia + sabores)
- Construcción de marca (momentos de consumo)
- Conversión a contacto / distribución (CTA claros)
Entregables
- UX/UI + prototipado
- Desarrollo web responsive
- Dirección y creación de contenidos
- Renders 3D de packaging para usar de foto producto (assets para web y RRSS)
- Video promocional 3D para Nachos (pieza audiovisual)
Visualización 3D de Packaging y producto (Foto Producto Virtual)
Creación de contenidos visuales
Desarrollé visualización 3D de packaging y packshots listos para web y comunicación en redes sociales, flyers, cartelería, catálogos, etc.
Esto permitió presentar la “familia POPH!” de forma ordenada, atractiva y uniforme entre categorías.
El desarrollo se hizo completamente en Blender, modelando una bolsa de snack y luego adaptando las texturas de cada producto, además se buscó crear una iluminación HDRI tipo estudio fotográfico, para que los renders sean más realistas
Esto permitió presentar la “familia POPH!” de forma ordenada, atractiva y uniforme entre categorías.
El desarrollo se hizo completamente en Blender, modelando una bolsa de snack y luego adaptando las texturas de cada producto, además se buscó crear una iluminación HDRI tipo estudio fotográfico, para que los renders sean más realistas
Contenidos para Redes Sociales
Además se utilizó Inteligencia Artificial y Photoshop, para poner estas fotos de producto virtuales de los packagings en 3D en contenidos de RRSS de situaciones de uso.
Video promocional 3D — Nachos
Como pieza de campaña y refuerzo de producto, se había solicitado la realización de un video 3D promocional de Nachos, pensado para ser exhibido tanto en la Web como en Redes Sociales y eventualmente en pantallas, sea en la fábrica o en Puntos de venta.
Se utilizó el modelo previamente modelado en Blender, y se lo animó, con diferentes efectos. Como parte de este video iba a mostrar Nachos, se modelaron Nachos en 3D para que los efectos sean más realistas y efectivos.
Se utilizó el modelo previamente modelado en Blender, y se lo animó, con diferentes efectos. Como parte de este video iba a mostrar Nachos, se modelaron Nachos en 3D para que los efectos sean más realistas y efectivos.
Desarrollo Web
Arquitectura + UX
Estrategia de navegación, la arquitectura prioriza:
- Acceso rápido a Productos
- Storytelling de marca (razones + momentos)
- Valor agregado con “Curiosidades”
- Sección "Social" con contenido de Redes Sociales
- Contacto/Distribuidor visible en header y cierre
Contenido modular
El home se estructura en bloques cortos y visuales (claims + carruseles + momentos), pensado para scroll rápido y mobile-first.
El home se estructura en bloques cortos y visuales (claims + carruseles + momentos), pensado para scroll rápido y mobile-first.
UI & Look and Feel
Dirección visual
Lenguaje “snackable”: Titulares grandes, bloques cortos, alto peso visual de producto y una presencia constante de marca.
Lenguaje “snackable”: Titulares grandes, bloques cortos, alto peso visual de producto y una presencia constante de marca.
- La web debe incorporar con claims aportaos por el enlace comercial de la empresa como “El snack absoluto” y módulos de “Momentos” para asociar consumo con situaciones cotidianas.
Componentes clave:
- Hero con propuesta y CTA (“Ver sabores”)
- Carrusel de familia de productos (descubrimiento rápido)
- Cards/tiles de momentos + hashtags como refuerzo social
- Footer con CTA comercial y datos de contacto
Desarrollo
Implementé el sitio con enfoque responsive, optimizando la carga de assets visuales (packshots y composiciones) y asegurando consistencia de componentes en mobile/desktop. El objetivo fue mantener una experiencia fluida en scroll y una navegación directa hacia productos y contacto.
Tecnologías utilizadas:
- Html y Css (estructura)
- JSON (carga de Productos)
- TailWind (framework Styles)
- JSON (carga de Productos)
- TailWind (framework Styles)
El sitio web estará próximamente fuera de servicio por cuestiones de la empresa fabricante, pero se puede acceder a una versión alojada en mi servidor:
