Saltar al contenido

Agencia de diseño y desarrollo web que crea branding, UI/UX y sitios web para startups.

RoofPixel — captura 1 de 5
Rol
Desarrollador frontend
Tipo
Landing page
Tecnologías
  • Astro
  • React
  • Tailwind

The challenge

RoofPixel sells design and development to founders, so its own site is the first thing a client judges. It had to feel premium in the first few seconds, explain a fixed-price offer with no fine print, and turn a visit into a lead without a sales call.

What I built

  • Static first, animated where it counts. I built it with Astro and used React islands only for the pieces that move, so the rest of the page ships as plain HTML and loads fast on any phone.
  • One site, two languages. English and Spanish live under /en and /es, and visitors land on the one that matches their browser.
  • A brief instead of a contact form. Clients pick what they need and their budget from chips, so every lead arrives already qualified.
  • Mobile as a first-class layout. Big type, cards and the pricing block are redesigned for small screens, not just stacked.

En móvil

  • RoofPixel — captura móvil 1 de 3
  • RoofPixel — captura móvil 2 de 3
  • RoofPixel — captura móvil 3 de 3

Páginas

Inicio
Sobre mí
Proyectos
Habilidades
Blog

Proyectos

RoofPixelAstro · React · Tailwind
EFY FinanceLaravel · Livewire · Tailwind
CBIAstro · React · Tailwind
REAL Skin VascAstro · Tailwind
CEAR InternalAstro · React · Tailwind
Spoti-MeAstro · React · Tailwind
KivoWordPress · WooCommerce · Elementor

Blog

Morphing cards: shared element transitions in AstroSep 25, 2026
Behind the scenes of this portfolioSep 24, 2026

Acciones

Copiar correomazagonzalez61@gmail.com
Enviar un correo
Descargar CV
Reproducir música
View in English

Redes

GitHub(se abre en una pestaña nueva)
LinkedIn(se abre en una pestaña nueva)
Instagram(se abre en una pestaña nueva)