In year 2007, when Vodafone NZ decided it was time to relook and rework their website they wanted to give Vodafone NZ a new look and feel. They required some fresh ideas and really wanted their website to work for their audiences - to create a space where their audience can easily obtain necessary information, and a space where they can have great experience while browsing through it. In brief, they need something that will work for them in the online world.
A good website not only serves as a online face for the company such as Vodafone, but it can become a a good portal to deliver necessary information to the customer, and receive feedback. As a result, a strong site with well-thought usability and user experience is needed and it was necessary to create some personality for this website, yet still follow the strict guidelines of their brand. One of the solutions was adding icons illustration onto the site to soften the corporate image of Vodafone - we are talking hundreds of icons, illustrations and infographics.
After a few production meetings with the team and clients, Simon decided illustration and Icons design would be one of the features that will create a point of difference for the Vodafone site. He has assigned this task to Mark based on his ability and background in illustration.
In the early stage, Mark was excited with the challenge but felt tremendous pressure at the same time. His research and study has taught him that visual or image would encourage user retention, and good icons or illustration can express more than a thousand words. On the other hand, an icon seemed like a simple application but the result could be a disaster - a successful icon is a simple graphic that is able to communicate message loud and clear; a failure icon can be simply be ambiguous and misleading.
In order to create successful icon illustration, Mark have been through hours of research during after hours. He browsed through hundred or even thousands of icons that were on Google, and analysed what the key elements would make a successful icon. On top of that, it was also important to look into colour theory to understand how colour could influence users while keeping in mind what colour(s) need to be used based on the strict guidelines of Vodafone.
Hours of research and experimentation were spent on this project, as well as hours of collaboration between Mark and the colleagues, and lots of guidance from Simon. Finally, Mark and team have figured out a good formula in icon creation.
Below is an example of showing the experimentation and evolution of icon for Vodafone NZ business site:
In Icon creation constantly one would face a challenge of "trial and error". One of the biggest mistakes is over-communicating through icon. As a result, user testing on icons was something that will be important if your design has large amounts of icons. In the process of creating icons for Vodafone, Mark always presented his icon creations to his boss and his colleague. This has enabled Mark to ensure his work was on the right path.
The end result of this journey was marvellous. Mark had created hundreds of icons and infographic throughout this process. There were ups and downs that Mark faced in the process, but the final learning outcomes were great. Mark evolved to be a designer with an ability to create well-crafted icons that would communicate effectively.
As for the Vodafone web redesign project, these icons have been added a flair and personality for the site. Frontend was pleased with the result, and clients were happy with what Frontend Design managed to achieve. Even though the Vodafone site have gone through with another round of international-wide redesign since then, you will still able to find some of the icons that were created by Mark somewhere on the website.
Lastly, whenever Mark is creating a web project, icons design / illustration is always one of a tools that he is happy to recommend to all his clients.
Below is the collective showcase of some of the icons and infographic that Mark had created for Vodafone:
These couple sets of infographic were aimed at illustrating Vodafone's business package deals. Mark needed to use simple infographics to demonstrate how this deal will benefit the business users and present the complicated "free to call" and "cost to call" in a simple diagram.
Both of these examples were a good demonstration on how infographic can work better than a thousand words, provided it's done correctly.
This is the curated showcase of some of Mark's icon creation for Vodafone. They are divided mainly into two groups - icons with purple belonged to the Vodafone business site, and the rest belonged to the Vodafone personal site.
The colour that Mark chose for the personal site was primarily based on sky blue and golden yellow. Yellow is a colour that will make people feel happier, and blue is the color that provides a feeling of trust and calmness. Mark believed this will keep visitors to the site in a calmer and happier mood while they browsed through all the information.
As for business site icons, Mark employed purple and turquoise as the main colour choice. Firstly to differentiate this set of icons from personal site. Secondly, purple is the color that represents royalty. Mark hoped that this will give Vodafone business site a much more grand and elegant personality, thus to increase the level of trust of their business users toward Vodafone.
A website for Southern Skies Ltd - an Auckland-based environmental consultancy.
I had designed the graphic for seven racing yachts that compete around the world.
This was a pro-bono project to create a series of book covers for the Negev BTI bible school.
Drop us a message -- firstname.lastname@example.org
give us a call -- +64 (21) 107 1600
mark & co is the trading name of e.i. Studio Ltd (experimental . implementation) | © 2012 mark & co (aka e.i. studio ltd). All Rights Reserved.