Portfolio
Designing my portfolio was the most daunting task for me as I have not yet discovered my own personal style or brand. In my head I believed I would struggle to come up with my colour palettes and house style but when starting to design the front cover, I came to the final product quickly.
For a while I have been experimenting with different logo designs. Last year I designed a simple linear “HMA” logo with the three letters combined to make an abstract shape. I used this logo for my first year portfolio and instagram account for a long time and while I still like this design, I believed it wasn’t the best quality. From what I’ve gathered over the past couple of years, my style is more towards the minimalistic side as I like line drawings, shapes and simple features.
At the start of my second year at university, we were asked to design 100 personal logos in order to get our creative minds working again. Looking back at those designs, I tried redesigning them on illustrator and sketchbook pro just to experiment with new logo designs. One which many of my peers said they liked at the time was a circular logo with my initials in a rounded shape. When trying to design these through the correct software’s, I quickly realised I wasn’t fond of the overall look of the logo as I didn’t feel accurately represented.
After this I went back to my original logo and began experimenting with its colouring as I thought adding some defining colour to it would improve the logo slightly. This worked as I did prefer them with colour but I still wasn’t set on using it for my portfolio.
Once again I returned to my 100 logo designs and found another which I wanted to experiment with. This design had two rectangles on each side to represent the shape of the “H”, and then a square in between with an “A” inside to incorporate my last initial and the bridge of the “H”. This design was interesting and quirky but didn’t display my initials very clearly and looked odd. Therefore, in the end I abandoned this design also.
Finally, I took a look at the different handwritten typefaces on illustrator to see if any of them would spark some ideas. I found a typeface called “Neonoir” which was a smooth linear but edged design which I really liked. I decided to try combining my initials together into a square shape in order to keep the design professional and simple. But the letters were too spaced out, and when they were brought closer together they would overlap and interfere with each other. To fix this I placed the letters into photoshop and edited them to combine and appear cleaner. This worked and appeared so much better as they now looked purposely combined and as if I had drawn it myself. Due to the fact that it was linear and hand drawn, I definitely felt that it represents me and my personal style, which is why I selected it as my final logo. Before adding it to my portfolio, I created a few versions in different colours in order to have some variety.
For my portfolio, I wanted a gender neutral colour palette as I feel my designs are usually directed towards all genders, but I didn’t want to select colours that I didn’t like. Therefore, I chose pink and navy as my main colours as they represent both masculine and feminine qualities while still being complimentary to each other. Using white as an extra colour worked well also as it stands out clearly with both navy and pink. To start, I used my logo as a guide of what features would be applied around it. It took me a while to figure out the layout I wanted but I got there eventually. I used examples given by the university and pinterest to help inspire my layout choices as I wanted my work to appear as professional as possible.
For the layout, I selected 3 columns as I wanted to dedicate a third of the page to text and the rest would be dedicated to images. On my first page/cover, I decided to create a blocky design with outlined details as it appears simple and modern. Due to the fact that I wanted my information, logo and name to be clear and legible, I wanted the background to be plain colour. For my typeface I used ‘Arial Black’ as I wanted a bold and thick type to match the rest of the blocky design.
I designed my second page to be an index page in order to make it quick and easy for viewers to reach/find the work they wish to see (without having to scroll through the entire portfolio). The layout for this page was all set centrally as I believed this would make the structure appear more even. To start the index page I decided to add a message where I introduce myself and welcome them to my portfolio. On the bottom of every page I included my logo along with left and right arrows. I did this as the portfolio is interactive and it will allow the reader to go back and forth from each page as the arrows work as buttons. Along with this, I hyperlinked my logo to take the reader to the index page when selected.
For my main pages, I aligned all of the text to the left as the left column would be dedicated to the information. I used ‘Avenir Next Medium’ as my main text typeface and ‘Neonoir’ as my titles. I chose ‘Avenir Next’ as the main text as it is a simple and clear typeface, which will allow easy reading for the viewers. Underneath each title, I described the type of project and the year as these are important factors for employers to consider when reviewing my work. Also under the titles, I included an extended pink line to incorporate a feature of my linear style and to tie in the colour palette. This line also leads the eye into the direction of the imagery as it continues outside of the borders. The right half of my pages are dedicated to the images of my work as I wanted extra room for images to be larger and spaced out. Each project includes two pages of work, except for ‘Penguin’ and ‘Space is the Animated Place’ which have one page each as I did not have as many outcomes to display.
Finally, my last page is an exact copy of my first page except for the text as I wanted them to mirror each other like a book cover would. The text directs the reader to my social medias, contact information and wordpress.
CV
Due to the fact that I wanted my portfolio and CV to appear similar and in my own style, I ensured that both included similar imagery and colour palette. It also displays similar features, such as my outlined border. To inspire my layout, I used examples supplied by the university and pinterest, where I found many interesting and professional designs to help me.
(*I have blocked out my phone number in this image using a purple box for privacy purposes*)
Website
Just as I did in my portfolio and CV, I kept to the same colour palette and imagery style in order to have a cohesive personal brand. I decided to create my website on ‘Adobe Portfolio’ as I have never attempted to start a website before and I wanted to use a software that was easy to navigate. I began by selecting a template which I found the most suited to my style, which I was then able to edit and incorporate my own imagery and colour palette. I chose a similar typeface as the one ‘Avenir’ was unavailable, but the typeface I used still matched my style as it was bold and blocky.
For my cover photo, I was unsure what to use to start as having just a block colour seemed a bit too simple for a website. Instead I wanted to include something personal, in order to allow viewers to feel welcome and as if they can get to know me better. To achieve this, I illustrated a linear image of myself by using ‘Sketchbook pro’ on my ipad. This style of drawing has appeared in my work a lot this year and I felt as though it represented my personal style perfectly. Due to the fact that there was so much extra space around the illustration of me, I decided to incorporate some botanical imagery in the background to add some depth and pattern. I have always been drawn towards floral and botanical imagery, which is why I felt it was necessary to add. This made the image much more interesting and suited to my personal brand. When testing it out on the website, it didn’t work well with my title as the typeface was in a hand-drawn style also, which meant it didn’t stand out enough or appear legible. To overcome this, I went back to my illustration and filled in some of the imagery with colour, as I believed a block colour would be a better background in order to see the text. This worked well in the end as my title was much more legible than before and even made the imagery of me stand out better than before.
Along with my website, this year I created an instagram account ‘@hma_designss’ in order to give my work a social media presence. So far I have posted images of my ‘Branding’ and ‘Penguin’ designs and I intend on continue posting more of my university projects and personal work. Recently I’ve also included a link to my website on my bio in order to promote viewers to take a look.