DIY Landing Page: My Journey and Lessons Learned

Approaching my 5th year in business, I recently decided it was time to invest in a legitimate landing page. I began asking around to see how much it would cost me to have a web developer build a website for me – they wanted $600-$2,500. I’m so particular, this wouldn’t have even sufficed because I would’ve immediately had a million things I wanted to change, which would’ve cost me even more.

So I made the decision to do it myself. How hard can it be? Well, definitely not easy, but after nearly thirty hours of solid work, I had a beautiful, fully-functioning website that was customized exactly how I wanted it.

Now, some of you know, I’m highly organized and a little obsessive compulsive… I like things to be perfect, as much as possible within my control. I definitely have a perfectionist streak, and I spend more time than I care to admit perfecting things when I should just accept them as-is… but that’s just not in my nature.

Once my website was complete, I found a flaw in the sizing for the header on the Sustainability page which was built into the template. There was no way to resize the header (since it was hidden in the template) so I began making edits to the CSS – basically, the computer code for the website. I was messing around with essential building blocks for my website with no background, knowledge, or tutorial showing me how or what to do.

And, it figures, I broke the code, and didn’t posess the knowledge to fix it. I had to throw away my entire website (and 30 hours of hard work) and start from scratch.

Another 30 hours later, I’d done it – again – but the header issue was still causing a problem on mobile. The header for the Sustainability page (a crucial component of my brand, too important to just remove) was too large, and the “Y” was being dropped down on its own line. It looked TERRIBLE and drove my OCD absolutely bonkers.

I knew I had to fix it. I spent countless hours searching for tutorials to show me how to fix it; to no avail. I decided enough was enough. There was only one way around it – I was going to have to confront CSS again.

I moved very slowly and methodically, dissecting the code and not removing anything unless I was certain I could put it back exactly how I found it. And through a meticulous process of trial and error, I managed to fix the header issue – which even to this day amazes me, because if you understand computer coding, then you know it’s one thing to find and fix the code for a page, but it’s another thing entirely to find and fix the code for a template.

Now, when you go to my Sustainability page on mobile, you will see the header all on one line – as it should be 🙂

You guys have heard me talk about my 30’s being a powerhouse era for me. Well, with each passing day, I’m becoming more and more confident that I really can do anything. And I hope I inspire you to instill that same belief in yourself, too.

Sometimes, we hit roadblocks. Sometimes, we mess up and have to start from scratch. But if you remain persistent and consistent, you will always come out on top.