Una web a la altura de su investigación

Diseño web para ITUM, que investiga y desarrolla nuevas variedades de uva de mesa. Del brief a la web publicada en 3 semanas, en abril de 2026.

  • Diseño web
  • Sistema visual
  • Diseño UI
  • Maquetación responsive
Portada de itumgrapes.com, la web que diseñamos para ITUM: investigación en nuevas variedades de uva de mesa
  • 3 semanasdel brief a la web publicada
  • 6 marcascon su color, su racimo y su ficha
  • 100 %diseño a medida, sin plantillas
  • 5★en la reseña de Google del cliente

Del brief a la web en tres semanas

Un plazo corto no es excusa para una web de plantilla. ITUM tenía que transmitir rigor científico y, a la vez, lucir uno de los productos más fotogénicos del campo.

Plan del proyecto · abril de 2026

Una entrega cada semana

avance acumulado
  • Semana 1 · Sistema visual y arquitectura 33 %
  • Semana 2 · Diseño de cada plantilla y revisión con ITUM 67 %
  • Semana 3 · Maquetación, pruebas y web publicada 100 %
Revisión con el cliente antes de pasar a desarrollo Pruebas en todos los tamaños de pantalla antes de publicar
Nos han ayudado a realizar una gran mejora en nuestra página web, con muy buenas ideas y con una ejecución muy rápida. Han tardado nada. ¡Muy recomendable!
Kira PérezITUM · Reseña de Google
Marcas 6 marcas

Black Joy, Boomgrape, Coolgrape, Crispy Dreams, Crunchy Pop y Rose Caramel. Cada una con su color, su racimo y su ficha, dentro del mismo sistema.

Paleta

Tres familias de uva, tres colores

  • Morado profundo #6B2D8A
  • Lila suave #B388D9
  • Verde uva #A8C04C

Conviven en cada pantalla con una jerarquía clara

Sin atajos 100 %

diseño a medida: wireframes, diseño de cada plantilla y maquetación propia. Ninguna pantalla sale de una plantilla comprada.

Ciencia seria, uva que entra por los ojos

La uva es la protagonista de cada bloque y los datos técnicos están a un clic. Así entendemos el diseño web a medida: el producto manda y el diseño lo ordena.

Portada: investigación y producto

Titular claro, racimos a pantalla completa y el carrusel de marcas a la derecha. Contacto y marcas, a un clic.

Ficha de la variedad Coolgrape en itumgrapes.com, con su racimo y sus datos de textura, sabor y tipo

Una ficha por variedad

Coolgrape con su color, su racimo y sus datos: textura, sabor y tipo.

Globo interactivo de itumgrapes.com con los países donde está ITUM

Presencia en el mundo

Un globo que se gira con el ratón para ver en qué países está ITUM.

Calendario de cosecha de itumgrapes.com con cada variedad de junio a diciembre

Calendario de cosecha

Todas las variedades en una sola vista, de junio a diciembre, con el color de su familia. Lo que un comprador necesita saber, de un vistazo.

01 · Diseño UI

Plantillas con personalidad

Wireframes y diseño de cada plantilla, con una rejilla que deja a la uva ser la protagonista de cada bloque.

02 · Microinteracciones

Movimiento con intención

Transiciones y estados al pasar el ratón cuidados uno a uno. Nada gratuito: todo al servicio de la marca.

03 · Responsive

El mismo cuidado en el móvil

Pensada para el móvil desde el diseño: las interacciones se adaptan al toque y las imágenes se sirven al tamaño justo.

Comunicar ciencia sin perder el atractivo

ITUM estudia y registra variedades que llegarán al supermercado dentro de años. Su web tenía que explicar ese trabajo técnico de forma inmediata y visual. Y había tres semanas, del brief al lanzamiento.

  1. Sistema visual

    Semana 1. Análisis del brief y del sector, paleta de tres colores, tipografías, rejilla y arquitectura de cada plantilla.

  2. Diseño pantalla a pantalla

    Semana 2. Diseño de cada plantilla, microinteracciones prototipadas y versión móvil completa. Revisión con ITUM antes de maquetar.

  3. Desarrollo y lanzamiento

    Semana 3. Maquetación fiel al diseño, pruebas en todos los tamaños de pantalla y web publicada.

¿Tu producto es serio? Que tu web esté a la altura

Diseñamos webs a medida para empresas técnicas, agroalimentarias y de I+D: rigor en el contenido, cuidado en cada pantalla y plazos que se cumplen.

Ver todos los casos de éxito