How to design and code a product landing page – part 2

Welcome to part 2 of my new screencast series titled “How to design and code a product landing page”. If you missed part 1 be sure to watch it first so you don’t miss a beat! I don’t have an anticipated post schedule but I am trying to author these at a more rapid rate going forward. This means there will be a lot of similar blog posts on the site for a bit but never fear I’ll start to mix in different types of content as time progresses.

This video continues from where we left off in part 1 of the screencast series. I finish designing the header and move down the page to a mission section as well as a “why buy H2OH drink” section. These all have basic content with a modern design to support it.

Audio issues

As I noted in part 2, I had audio issues which lead me to record about an hour worth of time showing only the video. To fix this I essentially rebuild what I first set out to design for the product landing page. I really apologize for the hiccup but as you’ll see I was able to practically recreate the design.

The general equalization of the audio is also not where I’d like it to be. Luckily in the next few videos, I got a new mic to make the entire process much smoother.

The Series So Far