Working for Sarah Beeny

Ths is the first large scale design i created for a website.

All the elements of this website template are hand drawn, photographed as sketches and scanned. I then coloured them using some nice watercolor Photoshop brushes. I drew the elements separately and then made a “collage” to achieve some even sizing and balance.

The next step was choosing fonts and colours. It is always best to test things out by creating a font pack in a separate file with a white background. Don’t forget to choose similar shaped letters or they will look odd. I also added some nice bold buttons to create a little call-to-action functionality.


A Photo of the illustrator Archibald Butler

Sarah Beeny

Website illustration and animation techniques

View more
A Photo of the illustrator Archibald Butler

Sarah Beeny

Website illustration and animation techniques

View more

It was pure fun creating this

The brief was wild animation. The first of its kind I had received.
I managed to get this together and was happy with it.


Conclusion

This design made me realize my potential and my incline for this specialisation. It was a turning point for me! I hope one day I can bring it to life.

A web design illustration by Archibald Butler

Sarah Beeny

Website illustration and animation techniques

View more