In July this year, I got an inquiry from ingenious food blogger and fellow vegetarian behind the blog Busy Veggie Family, Lavanya Tadinada. From the moment I read her brand & website inquiry form, I knew that we’re “a perfect fit”, because of the way she wrote her messages, which were organized and detailed. She had a clear vision for her new brand & website; she came prepared 😉
I had a feeling, that our collaboration would be a breeze and it turned out even better than I expected! I’m beyond excited to share brand & website design for Busy Veggie Family with you and walk you through the entire design process.
Below, you’ll find out more about Lavanya’s brand, her brand keywords, what package did she choose, what additional designs she picked, what was included in the package and what was the individualised solution for Busy Veggie Family
Before I show you each of the design elements of her new brand, I thought it would be great to show you her brand board showcasing all the brand identity elements:
All right, let’s dive into details!
Busy Veggie Family is a veggie blog for busy families. It is a vegetarian meal planning/food blog. Lavanya’s focuses on creating simple, healthy, easy and quick recipes to help make cooking easy. She wanted her brand to represent what she stands for – simplicity in everyday life. I want to inspire people to cook at home and eat healthy meals at home. Everyday. As her tagline says “eat more in than you eat out” – she helps families to eat simple (with fewer ingredients), easy and healthy meals at home.
Simple, Clear, Intuitive, Warm, Friendly, Relatable, Helpful, Actionable, Doable, Achievable
THE DESIGN PACKAGE
THE PACKAGE INCLUDED:
BRAND IDENTITY DESIGN:
- Logo design
- Alternative logo designs
- Submark designs
- Colour Palette
- Font Combinations
BRAND COLLATERALS, DESIGN ELEMENTS & WEBSITE DESIGN:
- Facebook branding
- Illustrations design
- Favicon, Badge & Pin it buttons design
- Pinterest branding
- Business cards design
- Blog post graphics templates design
- Long pin blog post graphics templates design
- Instagram post templates design
Website Design elements
- Blog categories icons
- Products images
- Profile image holders
- Website pages icons
Website design & development elements and features (custom coded)
- Convertkit forms styling
- Call to action buttons
- Back to top button
- Shop with affiliate links
- Blog post categories icons in sidebar
- Website pages icons on the recipe index
- Blog post categories icons on recipe index
- Collapsible nutrition information for blog posts
- Custom CSS styling to entire website
New brand & website design for Busy Veggie Family emphasise the simplicity and inspire Lavanya’s target audience to cook at home and fall in love with that. Her new brand identity and website are fun, yet modern and simple with a lot of white space and splash of vibrant pastel colours. Primary logo for Busy Veggie Family contains custom illustration with the veggies Lavanya usually uses in her simple recipes. Her new website is intuitive and contains a lot of call to actions to help navigate the site with the breeze.
Below you can see all the brand elements, collaterals, design elements, website elements and website pages I’ve designed for her:
BRAND DESIGN FOR BUSY VEGGIE FAMILY:
BRAND IDENTITY DESIGN:
1. LOGO DESIGN
The main logo for Busy Veggie Family represents the simplicity and inspired to cook healthy meals. It contains illustrations of the veggies Lavanya uses in her recipes. I used rounded sans serif font both for business name Busy Veggie Family and for tagline Eat more in than you eat out. The word Veggie is in the main brand colour and Busy and Family in the second main colour.
2. ALTERNATIVE LOGO DESIGNS
For the alternative logo designs, I removed the veggie illustration. In the first alternative logo there’s a tagline and in the second, it’s just business name. Because of the use of colour I mentioned in the logo design description, the alternative logos without illustration are still distinctive.
3. SUBMARK DESIGNS
I designed four submarks for BVF as I usually do for most of the brands. The first submark is the illustration form the primary logo with Busy Veggie Family text on the circle. The second submark is also with the illustration, but this time is bigger and there’s a circle outlined in blue. The third submark design has tomato illustration (which plays a main role in the logo) along with yellow circle outline. The last submark has Busy Veggie Family’s initials written in the same font as in the main logo and with Busy Veggie Family text on the circle.
4. COLOUR PALETTE
The colour palette for Busy Veggie Family was strongly inspired by one of my premade branding kits – The Lonely Bite. I did some changes to the colours and it drastically changed the look of the entire colour scheme. The colour palette for BVF was created with a thought of the vegetables and I kept it in vibrant pastel style.
BRAND COLLATERALS, DESIGN ELEMENTS & WEBSITE DESIGN FOR BUSY VEGGIE FAMILY:
5. FACEBOOK BRANDING DESIGN
The Facebook branding for Lavanya was inspired by Hints of Life Facebook Branding because we both wanted to emphasise the blog category icons (about which I’ll talk more about below) representing five categories: basic, bowls, soups, salads and sandwiches. For the profile picture, I picked the badge design which is a variation of the first submark. You can see BVF’s Facebook branding by clicking here
6. ILLUSTRATIONS DESIGN
For the illustrations design, I took apart the main logo illustration and added circle outline around it. The illustrations are used in the Pinterest branding, custom board covers to be exact and I’ll show you that below.
7. FAVICON, BADGE & PIN IT BUTTONS DESIGN
For the favicon design, again I used the main illustration, this time without circle outline. As I’ve mentioned, I designed a badge design which you can see in the Facebook branding, blog post graphics templates (below) and in the website footer. For the pin it buttons, we couldn’t decide on one so I created two custom pin it buttons which Lavanya can use. The first pin it button is a circle with the Pin It text written in the secondary brand font. The second pin it button is the third submark with the Pin It on it
8. PINTEREST BRANDING
As I’ve mentioned, for the custom board covers for Pinterest, I utilized the illustrations to give the boards more “branded feel”. The first board for Lavanya’s blog content has the main illustration included to make it special and stand out. The other Pinterest board covers have just one veggie illustration. You can see BVF’s Pinterest branding by clicking here
9. BUSINESS CARDS DESIGN
In addition to the brand & website design package, I’ve designed double-sided business cards for Busy Veggie Family. The front of the business card has the main logo and website address and the back has Lavanya’s name, business name, email address and website address. There’s also the main BVF illustration there, but it’s more transparent, so the business card isn’t busy.
10. BLOG POST GRAPHIC TEMPLATES DESIGN
I absolutely love creating blog post graphics templates! My main goal for the blog post graphics was to make them Pinterest friendly (as I always do with my branding clients) and put a lot of emphasis on the recipes images.
For the first graphic, I took one of the delicious-looking photos of one of Lavanya’s recipes, added an outline, colour boxes and badge design. For the second one (which Lavanya’s is currently using as her main blog post graphic template) there’s a photo background with black overlay, blog post title, URL and badge (the colours vary). The third blog post template is for round up or tips post and it has a solid background with an outline, badge, blog post title and URL.
11. LONG PIN BLOG POST GRAPHIC TEMPLATES DESIGN
Once we finalized the brand & website design, I additionally designed one long pin blog post graphics template for Busy Veggie Family. On the image below, you can see two of the variation of this one template, because I couldn’t decide which I like best.
The Long Pin template is a bit similar to the first regular blog post graphics template, but it has two recipe images and the badge is on the right. Again, I wanted to highlight the photography, which is inviting and fits the brand colours perfectly!
12. INSTAGRAM POST TEMPLATES DESIGN
The Instagram post templates are the square versions of the blog post graphics templates, but the third template instead of being for round-up posts is for the quote Instagram posts.
13. BLOG CATEGORIES ICONS
I’m a huge fan of illustrated icons, so you might guess that these are my favourite aspects of Busy Veggie Family brand & website (along with the website pages icons). As I’ve mentioned above, the illustrations represent five categories: basic, bowls, soups, salads and sandwiches.
The icon for the basics represents salad dressings, the icons for the bowls is a rice bowl with colourful veggies, for the soups, it’s a yellow soup with green garnish, the salads icons is again full of veggies and chickpeas and for sandwiches is a Panini with pesto, tomatoes and cheese
14. PRODUCT IMAGES
I’ll talk more about it when we’ll discuss a WordPress website design for Busy Veggie Family. I designed product images for the Amazon affiliate products, along with the photo, product name and buy now button. You can see how the products look like in action here
15. PROFILE IMAGE HOLDERS
The profile image holders are another fun addition to the brand design for Busy Veggie Family. They have rectangular or circle outline (just like submarks and illustrations) and have the main illustration on the right. You can see them in action in the BVF sidebar and on the about page.
16. WEBSITE PAGES ICONS
The website pages icons were originally designed for the Start Here page, but we decided to move them into the Recipe index page. The first icon represents the about page and it’s an avatar of Lavanya. The second illustration represents a cookbook, so the blog full of simple and healthy recipes. The third one is a blender inspired by Vitamix and it’s for the shop page.
WORDPRESS WEBSITE DESIGN FOR BUSY VEGGIE FAMILY
The website for Busy Veggie Family is simple, easy to navigate and intuitive. Since the brand colours are vibrant I use them intentionally and utilized a lot of white space so Lavanya’s recipes images stand out. The entire website is minimalistic with a pop of colour and it represents the main value of BVF – simplicity.
The main component of the Busy Veggie Family website is a home page which is a blog, showing all of the recent posts with a featured image, excerpt and read more button. On the right, you can see the sidebar (which is set up on every page) with Lavanya’s bio, social media icons, search box, popular post widget and Convertkit sign up form. There were also blog post categories icons, but we’ll add them later on once Lavanya adds more content.
The Recipe index page has definitely the most custom coding included since it’s a widgetized page, I couldn’t add the elements I wanted without the code. On the top, you can see the categories drop-down and search box. Then, I added custom coded blog post categories icons. The blog posts listed under each category are in the rows of three and below there are website pages icons linking to about, blog and shop pages.
As I’ve mentioned, I designed an Amazon affiliate shop for Lavanya with the products she uses and recommends. On the Shop page, you can see a section with a short description and the product images I’ve designed for her. Since it’s not a regular shop, I developed it without e-commerce plugin like WooCommerce and I used WordPress image galleries to create the look of the shop.
WEBSITE DESIGN & DEVELOPMENT ELEMENTS AND FEATURES (CUSTOM CODED) FOR BUSY VEGGIE FAMILY
As I always, I wanted to add a lot of customization to the website design to make it unique and one of the kind. The best way to do it is to style elements with custom CSS and add features like back to the top button or custom coded blog post categories icons to the recipe index
22. CONVERTKIT FORMS STYLING
For the sidebar, we picked a Naked Convertkit form, but unfortunately, it didn’t have a First Name which Lavanya wanted to have, so I added custom HTML to add it there. The form looked basics and wasn’t on brand, so I custom coded it with the CSS to incorporate Busy Veggie Family’s brand fonts, colours and style to fit it to the rest of the website design. The second form for the Start Here page is also custom styled with the brand fonts, colours and the feel of Busy Veggie Family.
23. CALL TO ACTION BUTTONS
The WordPress theme Lavanya picked didn’t have a call to action buttons build in beside the read more button, so I custom coded the rounded button which you can see in the sidebar and start here page. The button is mobile responsive and it’s not an image – it’s styled with CSS and because of that, it won’t get blurry.
24. BACK TO TOP BUTTON
I also added a back to top feature, so when someone reads a long blog post they can click on it and it’ll jump to the top of the website. You can see it in action on the GIF below.
25. COLLAPSIBLE NUTRITION INFORMATION FOR BLOG POSTS
As I said, there was a lot of custom coding including CSS styling, custom HTML and jQuery to entire Busy Veggie Family website, so it’s custom and tailored to the new brand identity. Thanks to the media queries, the WordPress website is mobile friendly and it’s responsive on any device. I’m so happy with the way both brand and website turned out and Lavanya was absolutely the dream client to work with 😉
The cherry on the top, a lovely testimonial from Lavanya:
BUSY VEGGIE FAMILY
“This is the first time I worked with any brand and logo designer and I must say I am dazzled by Adrianna and her professionalism. Her commitment to bringing the client’s vision to life is exemplary. My logo, brand and website have turned out exactly as I had envisioned (actually, more beautiful!) She was so receptive and in-tune with my vision. I was also completely blown away by how organized she was throughout the engagement. I thoroughly enjoyed working with her and look forward to working with her again in the near future!”
By the way, if you’re looking for someone to help you create a brand identity that feels like you and functional, converting website take a look at my brand & website design package by clicking on the image below