Saltar al contenido
Desarrollo webConcepto académicoDiseño webThree.js2026Destacado

GitMug — Una web que hace destacar tu producto

Una experiencia de producto con identidad propia: diseño cuidado, presentación interactiva y un recorrido que invita a descubrirlo.

  • JavaScript
  • Tailwind CSS
  • HTML/CSS

Última actualización: 3 de octubre de 2026

Portada del proyecto GitMug — Una web que hace destacar tu producto

Contexto

  • Identidad visual propia: tipografía grande, contraste alto y un tono técnico que se reconoce.
  • Producto protagonista: visor 3D interactivo que se puede orbitar y reacciona al estado.
  • Recorrido que invita a explorar: características, cómo funciona, marca y presentación en un flujo claro.

Galería

1 / 4

Imagen 1 de 4 del proyecto GitMug — Una web que hace destacar tu producto

Contexto

Concepto académico de taza inteligente para desarrolladores (2.º DAW, ACT_RA1). La web presenta el producto con diseño, imágenes y experiencias interactivas. No es un producto comercial real y no está a la venta.

Contribución

Proyecto en equipo junto a Yoseth López. Esta ficha muestra la web como ejemplo de presentación de producto: diseño cuidado, visor 3D con Three.js, simulación de pantalla e-ink y recorrido responsive en móvil y escritorio. Las integraciones con GitHub, GitLab y Jira son conceptuales, sin conexiones reales.

Lo que se puede ver

  • Visor 3D orbitable con anillo LED que cambia según el estado
  • Simulación de pantalla e-ink y controles de estado del pipeline
  • Vídeo del producto con póster y carga diferida
  • Presentación de 10 diapositivas y página de marca con cartel
  • Formularios de reserva y contacto solo demostrativos, sin envíos

Demo interactiva: los formularios no envían datos ni registran reservas. Nada sale del navegador.

Tu producto también puede tener una presentación que invite a descubrirlo.

Hablemos de tu web