Celia Brooks describes what she does on her business card with two words: Food Expert. Talking to her you will quickly find out that this is the truth. She is incredibly knowledgable about the food world. Not only does she have nine published cookbooks, but she has her own London food tour company called Gastrotours. She’s also the only person licensed to run tours at Borough Market. On top of this she does consulting for major food companies that seek her out specifically since she has her finger on the pulse of all the latest food trends in London.
That’s a lot for one person to manage. That’s how this project was born.
Celia’s services can be broken down into several different facets - Food tour guide, tv personality, food writer, consultant, journalist, public speaker, teacher and recipe developer.
It was important for her to include all of her services on her site. Once her business expands she understands that they might have to be split up into separate sites so people can focus on one service at a time instead of being overwhelmed with choices. This will also help with SEO/SEM.
I usually work directly with a team of UX designers to map out user personas but I was doing this as a freelance project on my own. Taking what I’ve learned over the last five years of working in an agile work environment I created several personas of people that could be looking for her various services.
Mapping out each user journey was key to creating a simple flow. It was imperative that information was easily accessible for anyone landing on any page. From redeeming a voucher, to hiring Celia for a consulting job everything was considered and mapped out.
I love the idea of Celia’s food tours as a theatrical performance. She brings together all of these different elements of tastes, knowledge and experiences. I wanted to mirror that kinetic energy on her new website with a layout that’s similar to a food magazine with a lot of overlapping elements.
I usually use one typeface with a a good selection of font variations, but since the overall look is more like a magazine spread it allowed me to be a bit more ample with my typography. I carefully crafted it so there was a good balance between the three typefaces.
In the process of creating custom icons for Celia Brooks I was looking for some special flair to help them have a life of their own and still be fun.
On her business card is says “Food expert.” - That period at the end helped me find what I was looking for. A punctuation that drives home the point. Time. Calendar. Mail. Period.
I created a custom small (36px x 36px) and large (48px x 60px) icon set depending on usage.
Originally there was going to be a shopping cart with voucher validation. Surprisingly there isn’t a very good out-of-the-box solution for this which meant building a custom shopping cart and CMS. That wasn’t within the budget restraints for this initial launch. For now we’re just linking to an external site called AnyRoad - not an ideal user experience. I hope in the future to revisit this because I have a killer shopping experience ready to implement in my user journey wireframes.
Here are issues found through user research that will be addressed in future iterations of the website.
Using our user research and Celia’s initial business plans we have a list of changes for future iterations: