AS
Back to work

Averix Global Tech — Website

Full-service digital and software studio marketing site

Astro 7Tailwind CSS v4GSAPNetlify
Astro static-firstView Transitions APINetlify SSR Form

The problem

Averix needed a blazing fast, visually impressive marketing site to showcase their services, case studies, and studio story. It had to be SEO-optimized, highly interactive, and maintainable.

Key decision

Astro 7 was chosen for its static-first, zero-JS-by-default architecture, providing immediate load times. Tailwind v4 was used with custom @theme tokens for a strict design system, and animations were powered by CSS scroll-driven animations, View Transitions, and GSAP.

How it works

Static pages are generated at build time, with a hybrid SSR endpoint (`@astrojs/netlify`) handling the contact form submission and integrating with Resend and Google Sheets webhooks. The design system leverages brand colors (brand-royal, azure) and complex timing easing tokens.

Results

A highly performant marketing site with seamless page transitions and rich scroll animations. Form submissions are validated and piped directly into the company's CRM/email systems.

What went wrong

Nothing went wrong technically, but we spent three days arguing over whether the brand blue should be 'royal blue' or 'slightly more royal blue'. Design bikeshedding is the ultimate developer latency.