Litehouse.co - Performance focused agency website revamp

Muhammed Althaf

0

Web Designer

Web Developer

Astro

Svelte

Tailwind CSS

Overview
Litehouse is a web design agency based in Bend, Oregon. They've been in business since 2007 and used to focus mostly on local businesses. I had worked with the founder Zack before, and he reached out for revamping their existing website with a modern appeal.
Litehouse before/after
Litehouse before/after

Technology

Since the client wanted a fast website, Astro was chosen as framework of choice. Svelte was used where it was called for, and styling was done with Tailwind.
Since this was a simple static website, we found Tina CMS perfect for our use case. The content was stored inside the project repo itself in markdown or mdx files.
For hosting, Vercel was the obvious choice. We used vercel functions and mailgun to handle form submissions as well.

Performance

Pagespeed was an important concern.
Out of the box, the combination of Astro, Svelte and Vercel gave good performance by themselves, but we used imageKit as the image cdn and lazy loaded below the fold images to improve the pagespeed score.
Litehouse.co pagespeed report
Litehouse.co pagespeed report
Like this project
0

Website revamp of Litehouse, an Oregon based web development agency since 2007.

Likes

0

Views

3

Tags

Web Designer

Web Developer

Astro

Svelte

Tailwind CSS

Muhammed Althaf

Full-stack developer

Supertweak - dev tool Chrome extension for Tailwind developers
Supertweak - dev tool Chrome extension for Tailwind developers
Peloton - helping students improve with project based learning
Peloton - helping students improve with project based learning
JTR Holidays - Rebuilding travel booking frontend from scratch
JTR Holidays - Rebuilding travel booking frontend from scratch
SaveToFigma - Figma plugin to collect design inspiration
SaveToFigma - Figma plugin to collect design inspiration