Let's Build: A Consultancy Website

Coding an Instagram Photo Feed

Part 26 of my Let's Build: A Consultancy Website series continues on the About page.

The existing design utilizes placeholder i...

Coding the About page (Continued)

Part 25 of my Let's Build: A Consultancy Website series continues on the About page.

The design calls for a brief call to ac...

Coding the About page

In part 24 of my Let's Build series I walk you through the initial phases of coding the About page design. We leave the home page for now but...

Coding the Footer

In part 23 I round out the home page design and spend time coding the footer.

To make this a global component I needed to make sure it's a sni...

Coding the home page call to action and global CTA

Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global...

Coding the Process Section.

In part 21 I continue coding the home page by starting the process section of our design. This section is a little more complex than mo...

Coding The Home Page Brand Strategy Section

In Part 20 of my Let's Build: A Consultancy Website series I walk you through finishing some last-minute tweaks of ou...

Revisiting the primary navigation

In Part 18 we styled just about all of the home page header. In part 19, I revisited the primary navigation which I completely fo...

Completing the Home Page Header Styles

Part 18 continues where we left on with styling the remaining content inside the header portion of the home page. I utilized...

Styling the home page header

Styling our home page header begins in part 17 of the Let's Build: A Consultancy Website series.

The beginning of a pattern em...

In part 16 I optimize our theme for development. Kirby comes with a starter kit preinstalled to show you functionality which I really like.

Laying the Foundation...

Part 15 walks you through my process of preparing assets for a typical website. In this video, I walk you through slicing and exporting assets from Affinity Designer.

...