Skip to content

Design and web development agency crafting branding, UI/UX, and websites for startups.

RoofPixel — screenshot 1 of 5
Role
Frontend Developer
Type
Landing page
Stack
  • 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.

On mobile

  • RoofPixel — mobile screenshot 1 of 3
  • RoofPixel — mobile screenshot 2 of 3
  • RoofPixel — mobile screenshot 3 of 3

Pages

Home
About
Projects
Skills
Blog

Projects

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

Actions

Copy emailmazagonzalez61@gmail.com
Send an email
Download CV
Play music
Ver en español

Social

GitHub(opens in a new tab)
LinkedIn(opens in a new tab)
Instagram(opens in a new tab)