Brand & website design for Emily Hall from Oh My Foodie was probably one of the most optimistic & bright brands I’ve ever designed. It was definitely the one a bit out of my comfort zone (in terms of super bright and vibrant colours). I’m super excited to share the brand identity and website design for Oh My Foodie!
This post contains affiliate links marked with (*) for products I recommend. If you decide to make a purchase, I will earn a commission at no additional cost to you. Thank you for your support!
Below, you’ll find out more about Emily’s brand, her brand keywords. Take a look below, which brand collaterals did she choose. Then see the website pages design. Also, learn about the individualised solution for Oh My Foodie.
Before I show you each element of the brand & website design, let’s take a look at the brand board showcasing all the elements:
All right, let’s dive into details!
THE CLIENT
Emily Hall
THE BRAND
Oh My Foodie is a food blog focused on highlighting that eating healthy can be fun and delicious. Emily showcases her yummy recipes with amazing pictures. She shares the behind the scenes of the meal creation. For her brand and website design, I focused on creating an identity that would highlight the values of her recipes: natural, organic, optimistic and fresh.
BRAND KEYWORDS
Organic, Healthy, Clean, Optimistic, Peaceful, Natural, Friendly, Fresh, Inspiring, Vegetarian
THE DESIGN PACKAGE
THE PACKAGE INCLUDED:
BRAND IDENTITY DESIGN:
1. Logo design
2. Alternative logo designs
3. Submark designs
4. Colour Palette
Font Combinations
5. Pattern Design
6. Illustration Design
BRAND COLLATERALS DESIGN:
Social/Digital:
7. Email Signature Design
8. Twitter Branding
9. Blog Categories Icons
10. Blog Post Graphics
11. Pinterest Branding
12. Facebook Branding Design
+ WORDPRESS WEBSITE DESIGN
THE SOLUTION
The brand identity and WordPress website design for Oh My Foodie captured a playful, organic and easy way of sharing healthy recipes with her audience.
The custom header with brand pattern invites to look through her new, modern website. The main logo contains Emily’s favourite fruits which are pineapples and strawberries. The multi-coloured logo works really well even in black & white.
I showcased the playfulness of Emily’s brand via bright colours, bold pattern and simple icons, but kept the brand fonts simple and sleek. Her recipes are easy to find even if someone lands on her homepage and each of them has its own blog category.
BRAND & WEBSITE DESIGN FOR OH MY FOODIE
BRAND IDENTITY DESIGN:
1. LOGO DESIGN
Main logo design contains all of the primary colours of her brand identity which is yellow, light and dark green, light blue and pink. I put the emphasis on the word “Foodie!” which is bolder than the rest of the name. The logo is playful and works well even in black and white and with or without the fruity icons.
2. ALTERNATIVE LOGO DESIGNS
I’ve designed two alternative logos for Emily. For the first one, I took the first letters from the business name and the second one is a combination of the main logo, plus fun script font for the word “foodie!”
3. SUBMARK DESIGNS
Both pineapples and strawberries come up often on Oh My Foodie blog as part of smoothies, desserts or cocktails recipes, therefore they play an important role in her brand identity. So for the submark designs, I used both of the fruits and put them in the outlined circle.
4. COLOUR PALETTE
“Healthy, optimistic, fresh” – when I heard those adjectives while asking for the brand keywords, I instantly thought of colours below. I added navy blue and black to tone down the colour scheme a bit.
5. PATTERN DESIGN
Emily’s core brand value is to celebrate each meal. She truly believes that “we are what we eat” and that healthy, meat-free diet, can improve our lives. It can help us appreciate nature more. Custom pattern design for Oh My Foodie represents all of Emily’s values.
6. ILLUSTRATION DESIGN
Besides the pineapple and strawberry illustrations, I also designed cherry and lemon one. These illustrations can be used as icons, watermarks or as elements for other brand collaterals she might have in the future.
BRAND COLLATERALS DESIGN FOR OH MY FOODIE
Social/Digital:
7. EMAIL SIGNATURE DESIGN
An email signature is another way to showcase yourself in other outlets than your website. The one for Oh My Foodie has Emily’s alternative logo, her pattern, all the important info and social media icons in her fun, brand colours.
8. TWITTER BRANDING DESIGN
For the Twitter branding, I designed a cover image featuring her primary logo with a tagline showing her name in a script font from the alternative logo. You can also see the pattern in the cover image, with a lower opacity. I used the same profile picture as on Facebook branding to maintain the brand consistency on other social media channels.
9. BLOG CATEGORIES ICONS
If I’d have to pick my favourite element of Oh My Foodie’s brand & website design, it would be this one! I’m in love with the blog categories icons I’ve designed for Emily.
They are a fun addition to her brand, but functional at the same time, so her readers can quickly look through the blog categories. You can find them in action on the WordPress website design below.
10. BLOG POST GRAPHICS
These days, Pinterest optimised (long, vertical images with text overlay) blog post graphics are crucial in order to drive traffic to a blog post from Pinterest.
I designed three different (yet cohesive) blog post graphics templates for Oh My Foodie. The first one has her second alternative logo, photo background with black overlay and for the text, I used her main font and to accent some of the words in the blog post – a script font.
The second template is featuring her pattern and she decided to use this graphic for round-up posts of her recipes she’s doing from time to time. The third one has a photo background, but this time, the photo is only partially covered by the yellow overlay.
Emily is familiar with AI*, so I set up each of the blog post graphic style as a template. Each of them is customizable, so she can open Adobe Illustrator* and simply change the colour overlay, photo background and the text in just a few minutes.
11. PINTEREST BRANDING DESIGN
After reading my post about custom board covers, Emily decided that she wanted to have the branded board covers for her own Pinterest profile. Each of the board covers has one of her brand colours and pineapple or strawberry illustrations.
12. FACEBOOK BRANDING DESIGN
For Emily’s Facebook business page, I used her main logo for the cover image, one of the alternative logos and pattern for the profile picture.
WORDPRESS WEBSITE DESIGN FOR OH MY FOODIE:
I’ve designed a responsive website for Oh My Foodie, using self-hosted WordPress on SiteGround*.
The site is easy to navigate and each of the five pages I designed, has a call to action to interest readers, keep them on the site longer. Or to take action, for example, download Emily’s free meal plan and then a subscriber is added to an email sequence where she pitches her recipes e-book in the last email.
For the website design, Emily wanted a custom header with the pattern, not simply the logo. Her main focus on the homepage is for her readers to click through to read the recipes, therefore I’ve designed a clickable homepage image which redirects to the recipes directory.
The homepage design contains her main logo and pattern, homepage image with a call to action, three images/buttons which are also a call to action, blog categories icons, and sign up form and blog slider.
On the blog page, there’s a list of the recent blog posts as well as the blog excerpt and a button to read more. Emily didn’t want to have a sidebar on a blog because she wanted to highlight the posts.
Now, let’s take a look at the brand board, all brand collaterals and website design for Oh My Foodie on one image and see how cohesive her brand & website looks like when placed together.
I’m super happy with how this brand and website design for Oh My Foodie turned out, especially how all the brand elements work together as a whole. I hope this post showed you why the brand is far more than just a logo Also, gave you an idea of what does it mean to have a cohesive branding and website.
If you feel like your current brand & website don’t have a killer first impression, don’t attract your ideal audience and don’t reflect you and your business – I’m here to help you out!
If you want to learn more about my brand & website design package I’ve worked on with Emily, just click the image below. If you’re ready to book this package, click here to fill the inquiry form to book brand & web design package
What do you think of the brand & website design for Oh My Foodie? Which design, website element or collateral of the brand & website is your favourite?
BRAND & WEBSITE DESIGN PACKAGE
Brand identity, five brand collaterals + WordPress website design
This Post Has 2 Comments
I love the email signature! I’ve been thinking about how I need one recently!
I’m glad to hear that, thank you so much! Email signature is a great way to add a bit of your brand identity to the emails 😉