How I Helped High Plains Overhead Doors Launch a New Site Using HTML, CSS, and JS

How I Helped High Plains Overhead Doors Launch a New Site Using HTML, CSS, and JS

I recently wrapped up a freelance web project for a great local business: High Plains Overhead Doors. Check out the final product here: http://highplainsoverheaddoors.com/

They specialize in garage door installations, and I was excited to help them build a clean, responsive site they could be proud to send clients to. Here’s the breakdown of how this project went:

The Ask / Client Goal

The client wanted something simple, easy to navigate, and clean without the bulk of WordPress or complex builders. Just a fast-loading site that looks professional across devices. In addition to SEO to help potential clients in their geographic area find them and their garage door installation services in Wray, Colorado. They also didn’t want to “touch” this website and wanted it to be able to take potential client email and phone numbers and have it routed to their personal email.

My Approach

I chose to build this site from scratch using only HTML, CSS, and vanilla JavaScript. No frameworks, no CMS, just clean code optimized for speed and clarity. I used semantic HTML, mobile-first styling, and ensured good accessibility practices throughout. I already had a template available so I wasn’t completely coding from scratch. Why I didn’t go with a CMS like WordPress: I knew this client didn’t want to touch this site and wanted a “set it and forget it” set up, also was working with their budget. By coding it from scratch and using Netlify to host this was an easier option.

Key Features

Fully responsive layout Easy-to-update structure in case for future additions Clear CTA buttons and service descriptions Simple contact link for mobile-first interaction Fast load time and clean codebase for SEO Form intake that instantly notifies their email on new clients

Lessons Learned from this Build

I already loved Netlify but really loved it with their easy form attribute. I also liked that I didn’t have to do a bunch of extra steps to simply have the form notify an email because Netlify did all that hard work for me. As usual I think anytime I code I run into some sort of CSS error. This time it was the nav bar and not being able to have it function correctly when it was in mobile screen mode. I ended up having to “console.log” my way through it to figure out I had the function all wrong. Also really loved that cursor IDE came to the rescue when I was getting lost with the console.logs even though it did hallucinate because it’s A.I. I do enjoy using it to make more helpful console.logs to help me understand why things didn’t go my way.

Shoutout + Link

Huge shoutout to the team at High Plains Overhead Doors for being great collaborators and trusting me with their brand presence. If you're in the market for a reliable garage door installation, check them out!

Final Thoughts / Freelancer Habit

I'm getting into the habit of documenting each freelance project here on my blog. It’s a great way to reflect, share tips, and shout out amazing clients. If you’re a business owner looking for a lightweight, custom-coded website or mobile app without the fuss let’s talk! I can be contacted directly at: http://agfluence.com/

Looking for more farm, horse, passive income, and tech insights from a farmer-turned-software engineer?

You’ll find me most active on Twitter and Medium, but if you’d like to connect on other social media platforms or discover more about my diverse interests, feel free to explore all of my links here!

https://stan.store/marciacripps