Mar 2026 - Abr 2026

Cereazúcar

Cereazúcar pantalla principal

Propuesta de sitio web para Cereazúcar — una empresa sin presencia digital. Exposición de productos y servicios, selección de artículos y cotización directa al correo de la empresa.

01EL CONTEXTO

Una empresa real, sin sitio web.

Cereazúcar es una empresa productora y distribuidora de cereales y granos. Tiene clientes, tiene productos — pero no tenía presencia en línea.

La propuesta: un sitio que hiciera lo que una empresa B2B necesita en su primera capa digital — mostrar quiénes son, qué ofrecen, y permitir que un cliente potencial solicite una cotización sin pasar por un correo genérico.

02EL DISEÑO

Industria con presencia.

Pantalla 1

Diseño creativo, con assets generados con IA.

Pantalla 1

Busca entre toda la variedad de productos.

Pantalla 1

Cotizador integrado al catálogo.

Pantalla 1
04DECISIONES DE PRODUCTO

El cotizador como centro.

El objetivo de negocio principal no es informar: es generar contacto comercial.

Seleccionar productos del catálogo y enviar la solicitud directamente al correo de Cereazúcar.

Es el contacto B2B: el cliente elige lo que le interesa, la empresa recibe la solicitud lista para responder.

Hero con identidad

Presentación de la empresa con fotografía de producto y posicionamiento claro. Quiénes son, qué hacen, por qué elegirlos.

Catálogo de productos

Secciones por categoría con imágenes, descripción y botón de "agregar a cotización". Sin precio visible — la cotización es el proceso.

Cotizador integrado

Los productos seleccionados se acumulan en un panel lateral. Al enviar, llega directamente al correo de Cereazúcar con el listado completo.

05NOTA SOBRE EL PROYECTO

Una propuesta que no se implementó.

Este fue un ejercicio de diseño y desarrollo propuesto a Cereazúcar. La empresa no contaba con sitio web y el proyecto quedó como concept — diseñado, prototipado y desarrollado, pero sin llegar a producción.

Lo incluyo porque muestra el proceso completo: identificar el problema de negocio, diseñar la solución en Figma, y construirla. A veces el trabajo bien hecho no llega a publicarse — y eso también es parte del oficio.

05STACK

Tecnologías usadas.

Next.jsTypeScriptTailwind CSSFigma
Siguiente proyectoMUVi