Wireframing - Angry Johnny Stangry Site

I’m currently building a website for a blues guitar player, Angry Johnny Stangry. I’d figure it be informative to document my process along the way, so here we go.

Wireframing is the first step - down below are 4 wireframe sketches I made this morning. Wireframes are great for figuring out how the content will look on the page. It’s important to start with wireframing before worrying about the visual aesthetics, because we need to know how the content will shape the design, first. Content is always king. I like to start with pen and paper.

The next step for me would be to check off the 3 I like and start building a digital wireframe version. I’ll either use Figma or Photoshop to build it out.