Terras Miami

Rooftop bar in Little Havana, Miami

2025|UI/UX design, frontend development, and deployment

FrontendUI/UXDesign System

Overview

Modern web platform for a rooftop bar in Miami, marking a transition to design system workflows and modern frontend frameworks.

Highlights

01Transitioned from template-based to component-driven development
02Implemented semantic design tokens for flexible theming
03Designed full UI in Figma before development
04Built with modern React frameworks and utility-first CSS

Tech stack

AstroTypeScriptTailwind CSSshadcn/uiFigmaVercelJiraJira Service Desk

Detail

This project marked an important technical transition. Previous work relied mainly on WordPress and static HTML/CSS templates. With Terras, I moved toward modern frontend development and design system workflows.

The shift involved implementing semantic design tokens for fast theme changes, working with component libraries, and designing layouts in Figma before building them in code. This project established a more scalable design and development workflow compared to traditional template-based websites.