Terras Miami
Rooftop bar en Little Havana, Miami
Resumen
Plataforma web moderna para un rooftop bar en Miami, marcando una transición hacia flujos de design system y frameworks frontend modernos.
Aspectos clave
- 01Transición de desarrollo basado en plantillas a orientado a componentes
- 02Implementación de tokens de diseño semánticos para theming flexible
- 03Uso de componentes en Figma y bloques personalizados para acelerar el paso a desarrollo
- 04Construido con frameworks React modernos y CSS utility-first
Stack tecnológico
Detalle
Este proyecto marcó una transición técnica importante. El trabajo anterior se basaba principalmente en WordPress y plantillas estáticas HTML/CSS. Con Terras, me moví hacia desarrollo frontend moderno y flujos de design system.
El cambio implicó implementar tokens de diseño semánticos para cambios de tema rápidos, trabajar con una librería de componentes y preparar en Figma conjuntos de componentes con el branding de la marca y algunos bloques personalizados, en lugar de diseñar cada pantalla completa allí desde el principio. Después, las variables de tema se trasladaban a la configuración de Tailwind, lo que permitía validar el sistema visual en Figma y pasar rápido a desarrollo. Este proyecto estableció un flujo de diseño y desarrollo más escalable comparado con sitios basados en plantillas tradicionales.