So now that we know what we're going to design, we are ready to start sketching and designing your website. I usually start by creating a really simple sketch on paper just to mock really quickly what we're going to design. You can also use software such as Balsamiq to create your wireframes, but I prefer to start sketching on paper. So, grab a piece of paper and start sketching.
The page we're going to create will feature five visual blocks. These blocks are as follows:
Header: This is where we will put an avatar or logo to represent the designer as a brand and the menu
About: This is the about section with a text about you and a link to your resume
Projects: This is the section to feature your design work with thumbnails
Footer: This is a really small block by the end of the page with copyright and links for social networks
The following diagram is my rough sketch:
A hand-drawn layout