Redesigning MOREnet’s Illustrations

 
Case-Study-MOREnet-Illustrations-07.jpg

I’ve worked with MOREnet for a little over three years now. They had recently undergone a complete brand update when I arrived. So I’ve had a wonderful logo and color palette to work with from the very start. One of the things they also decided to start doing was moving away from using stock images and using more illustrations in their marketing and throughout the website/printed materials.

Over the years I’ve done a variety of illustrations styles. You can see some here, as well as below.

Past-Illustrations-01.jpg

They were really all over the place, which made it challenging to ever have a consistent look across the board. So, when MOREnet decided it was time to completely update the website, I decided it was the perfect time to sit down and come up with a consistent illustration style.


First I found a variety of styles that I thought might work and sent them to our leadership team to get an idea of what they were envisioning. Do we want to personify our technology, have people in the illustrations, set a “scene”, etc. I just wanted to explore what type of world they wanted these illustrations to live in.

They ultimately decided they wanted something that mixed people and buildings because we serve a variety of audiences (schools, libraries, governments) and we didn’t want to be another faceless tech company.

After some sketching and a few rounds of revisions, below is a sample of what I came up with.

Icons on the support page

Icons on the support page

We kept some of the icons we had been using and made everything a little more playful. Lines didn’t have to be perfectly straight and objects could be placed at an angle.

Main image for K-12 members

Main image for K-12 members

A building image was created for each type of membership we serve. These are nice to set apart our marketing materials when we want to emphasize a service is for a particular audience. You can see the others here, here, and here.

Thumbnail Images for each webpage

Thumbnail Images for each webpage

online-resources.jpg

The new website utilized a smart search feature, which included a thumbnail next to each service page. I took the header image for each service and made them into smaller thumbnail images that pop up when you are searching the services.

Homepage banner image

Homepage banner image

I paired organic shapes with the clean cut lines for the buildings and various devices. This gives all the designs a softer look but still not a completely cartoon feel. The best part is that I now have a document with a TON of images, icons, and shapes to pull from for future designs. It makes designing new pieces so much easier and they instantly feel like they belong.


This is just a SMALL sample of the images I made. There are over 70 service pages on the website and each needed a unique header image. So head over to the site to check out the full image gallery!

Updated marketing materials with our new illustrations.

Updated marketing materials with our new illustrations.