I began sketching the layout of my portfolio website. I knew that I wanted the initial opening page to place a sole emphasis on my work and make it stand out.
I sketched a couple of different ways in which my work would be showcased on the home page. I decided that I didn’t really want any crazy graphics or interactions as I wasn’t sure at this stage what way I would code the website - either myself or with a no code tool. I also didn’t want to overcook the website as I feel a portfolio website should be direct and to the point in my opinion.
I settled on this idea of having four of my projects in the opening page of the website. Each of them will have a hero image of sorts. The interaction I decided to run with was that when you hover the cursor over the image, it reveals the title and these are clickable to view the case study.
<aside> ⭐ REFLECTION: I felt this was a very effective and simple way of showcasing my work. I didn’t want there to be many steps in the user journey of this website, rather one or two clicks to view each project. I feel this will be successful in making it easy for recruiters to navigate the website.
</aside>
I sketched out what way I would like the ‘about me’ page to look. I feel that this is a very important part of the portfolio website as it ensures the employers feel like they are able to get a sense of me as a person, an equally important point to consider when hiring someone. I liked the idea of having a couple of pictures which give an insight into my life, with the photos layered on top of each other to give the feel of a scrap book.
I was inspired by morse code to create my logo and word mark. I wanted it to be a simple graphic which could be reduced to smaller sizes and still be successful. I initially tried using ‘ADAM’ in morse code however there were too many elements for it to be a streamlined logo. I tried just using ‘A’ in morse code which worked a lot more effectively. I then combined that symbol with my name which turned out to be very effective.