560 Brown Plaza

560 Brown Plaza is a commercial office building in the East Valley that needed a web presence to match the growing demand for flexible office space in the area. The goal wasn't to build something flashy — it was to get a professional, functional site live quickly and start pulling in real tenant inquiries. No month-long development cycles, no unnecessary complexity.

The site runs on Next.js 14, which gave us a solid foundation for performance and SEO without overcomplicating things. The App Router architecture means pages are served fast from the edge, which pays off both in user experience and in how search engines evaluate the site.

A lot of the early work was honestly just dealing with photos. The client had a solid library of property images, but they were heavy raw files that would've killed load times on anything less than a great connection. We converted everything to WebP and AVIF formats, which brought the total image weight down from around 1.3 MB to about 115 KB — roughly an 88% reduction — without any visible loss in quality. Combined with Next.js's built-in image optimization and lazy loading, the site consistently hits under 1.5 seconds for First Contentful Paint, even on mobile. That translates directly to near-perfect Lighthouse scores across performance, accessibility, and SEO categories, which gives it a real edge in local search rankings.

Speaking of SEO — it was baked in from day one. Clean semantic HTML5 structure, auto-generated sitemap and robots.txt, and properly configured Open Graph and meta tags for social sharing. Nothing exotic, just done right and done from the start rather than bolted on later.

For lead capture, we used the Resend API to route inquiries directly to the leasing team by email. It keeps the backend dead simple, removes a whole category of things that can break or need maintenance, and means every form submission lands in someone's inbox instantly rather than sitting in a database waiting to be checked.