Earlier this year, I got an inquiry from Beth Watson, who was looking to rebrand her blog & business from Beth Watson Design Studio to Creatively Beth. She had a blog on Blogger and she decided to change the business name and website platform. I couldn’t be more excited to work with another crafter (after Kingston Crafts and Scrap Me Quick Designs).
Today, I’m thrilled to share with you the brand & website design for Creatively Beth. Below, you’ll find out more about Beth’s brand, her brand keywords, what package did she choose, what was included in the package and what was the individualised solution for Creatively Beth.
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:
Before we dive into the brand & website redesign I worked on for Creatively Beth let’s take a look at how Beth’s website looked like before and how does it look now (drag the handle to see the change)
Creatively Beth Website Before & After Redesign:
All right, let’s dive into details!
THE CLIENT
THE BRAND
Creatively Beth is a brand that will provide people with an inspirational outlet to create original craft projects, DIY, home decor projects, kids craft projects and fun baked goods recipes. With an emphasis on reusing and upcycling traditional materials and using them in unconventional ways. Beth works with manufacturers such as Tombow USA, Kunin Group Felt, DecoArt, Clearsnap and Walnut Hollow.
Beth’s target audience is crafty ladies (and men) who want to learn how to create original pieces of crafty artwork for their family, friends and homes that will become cherished keepsakes.
BRAND KEYWORDS
Creative, Inspirational, Influential, Engaging, Friendly, Resourceful, Responsible, Fun, Down-to-Earth, Passionate
THE DESIGN PACKAGE
Brand & Website Design Package + transferring blog from Blogger to WordPress
THE PACKAGE INCLUDED:
BRAND IDENTITY DESIGN:
1. Logo design
2. Alternative logo designs
3. Submark designs
4. Colour Palette
Font Combinations
5. Watercolour Textures & Shapes
6. Blog Signatures, Text Dividers, Pin It Button, Image Holder, Favicon
BRAND COLLATERALS DESIGN:
Social/Digital:
7. Blog Categories Icons
8. Blog Post Graphics
9. Square Post Graphics
10. Email Signature Design
Social/Digital:
11. Business Cards Design
WORDPRESS WEBSITE DESIGN
12. Home Page Design
13. Blog Page Design
14. About Page Design
15. Contact Page Design
16. Blog Category Archives
17. Legal Page Design
1. Logo design
One of the reasons for Beth to change her business name from BW Design Studio to Creatively Beth was to make her brand appear less formal and to highlight the versatility of the craft projects she’s creating. Therefore, the main logo design for Creatively Beth features sans-serif font with a script font (my favourite combo!).
I decided to use three colours in the primary logo – purple for the word Creatively, teal for Beth (for the first name to stand out, since it’s a personal brand) and dark grey for tagline DIY – Home Décor & More.
2. Alternative logo designs
I designed three alternative logos for Creatively Beth – the first one features a watercolour swoosh (more about it in point 5) and the main logo in white colour. For the second alternative logo, I used the sans-serif font that you can see in the tagline. And the third alternate logo is a different colour variation of the primary one, but using the brighter part of a colour palette (point 4), so grass green and vibrant blue.
3. Submark designs
I used another watercolour texture and shape in the first submark design for Beth. I also emphasised her first name (since she’s the “face” of her brand) and put in in the centre of the submark.
The second submark (my personal favourite), includes Creatively Beth initials with a use of negative space between the letters. The second submark (as well as the fourth one) includes a little hearts, that represents Beth’s love for crafts.
The third submark (which I used for the website favicon) features a brush and the fourth one (used in the footer of Beth’s website) includes a pencil, brush and Tombow marker.
4. Colour Palette
The colour palette for Beth Watson was inspired by her projects from Instagram. I choose colours from light green, blue and purple range. The colour palette is bright, cheerful and showcases the versatility of the projects she’s creating.
5. Watercolour textures & shapes
As I mentioned in point 2 and 3, I designed several watercolour textures and shapes for Creatively Beth. Why watercolour? Because it’s what Beth uses a lot in her projects and because she’s collaborating with companies like Tombow USA.
You can see the watercolour textures in the alternative logo, submark, in the header on her website, in an email signature, business cards and pin it button – so they play a big part of Creatively Beth brand & website design! 😉
7. Blog signatures, text dividers, pin it button, image holder, favicon
I created several design elements for Beth including: a “hello signature” used on the homepage of her website, a clever blog signature Creatively, Beth, chevron text dividers, custom pin it button, favicon (similar to the third submark logo) and image holder with Hi, I’m Beth, which you can see on her blog’s sidebar.
BRAND COLLATERALS DESIGN FOR CREATIVELY BETH:
Social/Digital:
7. Blog categories icons
I designed six blog categories icons representing: home décor, kids crafts, upcycle, recipes, DIY and holidays. All of the icons features a hexagon as a background, which (same as watercolour textures), plays a big part in Creatively Beth brand & website design.
8. Blog post graphics
I usually create three blog post graphics styles for my clients, but I felt especially inspired, so I designed four styles for Beth. The first blog post graphic style includes a photo background, colour boxes with the blog post title, website URL and the second submark at the top. The second blog graphic also includes colour boxes, with a subtle hexagon pattern, along with the fourth submark logo.
The third blog post graphic includes a photo with a colour overlay and third submark. The last blog graphic includes colourful rectangles (I incorporated this style on Beth’s website) with the blog post title and first submark.
9. Square post graphics
As always, square post graphics correspond to the blog post graphics to make sure the Creatively Beth brand is cohesive not only on Beth’s blog but also on social media. The first square post graphic is very similar to the first blog post graphic, including colour boxes and second submark along with the blog title and website URL.
The second square post graphic is a simpler version of the second blog graphic style that also includes colour boxes and fourth submark logo, but it’s without hexagon pattern. The third square graphic is used for quote-type-posts and it includes a photo background, colour overlay with subtle hexagon pattern, along with one of the submarks.
10. Email signature design
The email signature design for Creatively Beth includes the teal watercolour swoosh as a background, Beth’s profile picture (used in blog sidebar), logo in white, website URL and social media icons.
Print:
11. Business cards design
The front of business cards for Beth Watson, correspond to the email signature design with the teal watercolour swoosh, while logo and website URL. The back of the business cards features Beth’s photo, details, hexagon pattern and fourth submark logo.
WORDPRESS WEBSITE DESIGN FOR CREATIVELY BETH:
Now, let’s move a bit further and discuss a WordPress website that I developed and designed for Creatively Beth. Beth’s goal was to have a website that educates people to create through tutorials and help her connect with a creative community. She wanted a light and airy website with bright accents, that it’s easy to navigate, open and inviting.
Let’s dive in into more details about each website page design and development:
When you land on Creatively Beth website, you can instantly see a green watercolour swoosh in her header. Beth wanted a sticky header on her website – meaning if you scroll down, you can still see the navigation menu and the logo at the top.
The above the fold section of Beth’s website includes a profile picture with a welcome message. As I mentioned in the blog post graphic section, I incorporated the colour background boxes around some words to highlight them. Then, you can learn more about Beth. I created three sections with text, icons and separate them with chevron dividers.
When you scroll down, you can see a custom image slider with popular projects from Beth’s and design teams blogs. Then, there are blog categories icons linking to the categories. At the bottom, there’s a custom-coded footer featuring the overlapping fourth submark logo, social icons and important pieces of information.
The blog page for Creatively Beth features a classic layout with sidebar on the right-hand side. On the left, you can see blog posts in two columns, showing blog post graphic (featured image), blog post title, post excerpt and read more button.
In the sidebar, there’s Beth’s profile photo (remember image holder from point 6?), bio, social media icons, search form, email sign up form, blog categories, Instagram feed and embedded Pinterest profile.
I designed a custom illustration to use around Beth’s photo on the About page, including some of the elements from submarks (pencil, Tombow brush marker, wide brush). Below, you can learn more about Beth’s journey, read fun facts and see the design teams that she collaborates with.
Beth really liked the full-width header from my website, so I created something similar on her Contact page. There’s also a contact form and information about working with her.
Same as in the featured post on the homepage, I custom-coded the way the blog posts display in the blog category archive. There’s a three-column layout, with featured images and white overlay with the blog post title.
I added a pop of colours to the legal page, breaking it with chevron text dividers and colourful headers for each of the part of the page.
Want to see the brand board, all brand collaterals and website design for Creatively Beth on one image and see how cohesive her brand & website looks like when placed together?
I’m grateful for the opportunity to help Beth transition her brand & business from Beth Watson Design Studio to Creatively Beth. I was blown away by Beth’s feedback during and after our time working together.
Before I share her testimonials, I wanted to quote what she said to me (which absolutely made my day!) once we wrap up her website: “THANK YOU so very much, Adrianna! You have done an amazing job with this job for me! I was stuck for quite a while not knowing how to proceed. Your Branding and Website Design are spot on – they look and feel like ME, Creatively Beth! I am so excited to start this next part of my creative journey with a professional website that I am so proud of! You are the BEST!”
I couldn’t have asked for better feedback – I love hearing that one of my main brand’s goals (to design brand & website that feels like you) came true!
The cherry on the top, a lovely testimonial from Beth:
BETH WATSON
CREATIVELY BETH
“I wanted to re-brand my design business, I had the name picked out and an idea what I wanted, but could not find a graphic designer and/or website designer to actually return my emails and provide me with a quote. Then I read a glowing testimonial from a fellow designer that had used MintSwift. I did some research on the MintSwift website and I was hooked! Adrianna is a graphic designer and website designer working exclusively with female business owners. She created a powerful brand that truly reflects me and my business, Creatively Beth! Adrianna was extremely thorough and professional, customizing the MintSwift package to suit my specific needs. The process was simple and Adrianna kept us on task and on schedule. If you are a creative business owner that needs branding and website design I would recommend Adrianna of MintSwift!”
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
Click here to fill the inquiry form to book brand & WordPress website design
What do you think of the brand & website design for Creatively Beth? 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
