Caroline came to me with a desire to build a simple website to quickly showcase herself to potential customers.
She also wanted some company branding, including a logo, an invoice template, and business cards. She had a clear idea of the logo she wanted and also a meaningful picture she had commissioned purposely for the website.
At first glance it was quite difficult to fit the images she insisted upon while maintaining a clear, professional identity.
I started with the logo first. The original drawing is below and left - unedited. I needed to add the company name to the logo and in my experience having text and a circular image together is extremely difficult to get a good balance. So, in the end, I settled on the text being morphed into the circular image. Caroline was delighted with the outcome.
Next, I had to work with the custom image she provided - there was only one way I could use this image with any sense of purpose and reason - and that was to use it as a banner image. Original below and top - unedited. At first, my main difficulty was the image was quite dark and did not set a positive tone to the beginning of the website. I also needed to somehow draw out the branding colors from the image as well.
So I lightened the image and edited the water area as I felt the original made the water look a little dirty. I then cropped the image to be a 16:9 ratio, which is much more appealing on the eyes. I also used the image as a background with a parallax effect. This further tied the image into the website, without it being obtrusive.
From the image, I drew out a nice green color for the site, which was both neutral yet professional. A very fitting color for a freelance writer. Lastly, I had to pick a font. By this point, I had a good idea of what I was looking for - Oswald. As soon as I added it to the titles on the page it brought everything together perfectly.
Website scores after various tests
View live project here