When I was visiting Christmas Markets in Dresden with my husband few days before last Christmas, I got a brand & website design inquiry from Debbie O’Neal of Scrap Me Quick Designs. Just after our initial chat, I had a feeling that we’ll work well together! Debbie was looking for a designer to re-brand her blog & business. She wanted to add membership component to her existing, e-commerce website and make sure her redesigned site is easy to navigate for her visitors.
Today, I’m excited to walk you through entire brand & e-commerce + membership website design process for Scrap Me Quick Designs. Let’s dive in, shall we?
Below, you’ll find out more about Debbie’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 Scrap Me Quick Designs.
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 Scrap Me Quick Designs, let’s take a look at how Debbie’s website looked like before and how does it look now:
All right, let’s dive into details!
THE CLIENT
THE BRAND
Debbie of Scrap Me Quick Designs is an experienced DIYer/Crafter that inspires and educates people to create projects mostly using their Cricut die cut machines with all kinds of materials and products. She offers Cricut Design Space software and crafty project tutorials, crafty product reviews, online classes and events to her audience.
Few times a year, Debbie hosts her signature Diva Days Online Crop Events – a 1-day event for Cricut Design Space Users where you create projects from the comfort of your own home but online together with friends scattered around the country.
BRAND KEYWORDS
Welcoming, Informative, Trustworthy, Knowledgeable, Creative, Friendly, Fun-loving, Professional, Inspiring, Caring
THE DESIGN PACKAGE
Brand & E-commerce + Membership Website Design Package + Hourly Retainer
THE PACKAGE INCLUDED:
BRAND IDENTITY DESIGN:
- Logo design
- Alternative logo designs
- Submark designs
- Colour Palette
- Font Combinations
BRAND COLLATERALS & DESIGN ELEMENTS:
Social/Digital
- Blog categories icons
- Blog Signature, Dividers & Pin it button
- Image holder, Logos & Elements for Classes and Events
- Blog post graphics templates (pinnable & rectangle)
- Square post graphics templates
- Facebook branding
- Email signature design
- Pinterest branding
- YouTube Cover design
- Diva Days Icons
- Promo Graphics for Diva Days
- Facebook Graphic for Diva Days
- Business cards design
- Notecard design
WORDPRESS E-COMMERCE + MEMBERSHIP WEBSITE DESIGN:
- Home Page Design
- Blog Page Design
- About Page Design
- Projects Page Design
- Contact Page Design
- Shop Pages Design
- Product Pages Design
- Individual Class Pages Design
- Diva Days Sales Page Design
- Affiliate Shop Page Design
- Main Classroom Design + Setup
- Diva Days Classroom Design + Setup
THE SOLUTION
Before I redesigned Scrap Me Quick Designs website, Debbie was selling her classes and events using WooCommerce. The problem was that her website was missing a membership component. She password-protected all of her Classes and Events and each time someone purchased them, they got the password for the Individual Class page.
The previous setup wasn’t secured, because anyone with the password (no matter if they purchased the class or not) were able to see the Class content. Also, it wasn’t user-friendly for Scrap Me Quick Designs customers who had to remember all of the passwords (which is especially hard for those who purchased multiple classes from Debbie).
The new brand & e-commerce + membership website design for Scrap Me Quick Designs captures Debbie’s brand signature elements: crown, hot pink & glitter, but in new, fresh and modern style. The colour palette I come up with collates with SMQD goals to “inspire others to learn and create”, because of its “school vibe”.
After the redesign, SMQD has both membership & e-commerce components, where “Debbie’s Divas” (this is how Debbie’s audience is calling themselves) creates their account only ONCE and they use one login to access the Classroom (where all of the Classes and Events are listed).
Below you can see all the brand elements, collaterals, design elements and website pages I’ve designed for Debbie:
1. LOGO DESIGN
As I’ve mentioned, over the years, Scrap Me Quick Designs was associated with crown – because of Debbie’s profile picture in which she wears a tiara. That’s why it was important to keep the crown aspect in SMQD logo, but this time, the crown is modern and not too literal. It aligns with Debbie’s brand goals to learn how to do something, but have fun at the same time.
I used my favourite font combination for the Scrap Me Quick Designs logo design, which is a mix of handwritten and sans-serif fonts. For the main logo design, I choose Debbie’s signature colour – hot pink and I added (again, not overly literal) glitter elements (above the crown).
2. ALTERNATIVE LOGO DESIGNS
The first alternative logo for Scrap Me Quick Designs is the same as the main logo, but without a tagline Learn & Create Like a Diva. For the second alternate logo, I used the sans-serif font used in the tagline. The third and fourth alternative logos are SMQD initials with the signature crown illustration, in hot pink and teal (which is another signature brand colour).
3. SUBMARK DESIGNS
As usual, I designed four different submarks for Debbie – the first one contains a tiara and Scrap Me Quick Designs around it. The second one (with coloured crown) is used for Debbie’s signature events – Diva Days Online Crop. I set up the third submark as SMQD website favicon and the fourth one with glitter sparkles is used in the blog post and square post graphics.
4. COLOUR PALETTE
As I’ve mentioned before, the colour palette for Scrap Me Quick Designs reminds me of teaching and school. The colours are vibrant and fun, but creative and professional at the same time. I kept hot pink and teal from Debbie’s previous brand and added complementary colours to the colour palette: yellow, green grass, purple and dark grey.
5. BLOG CATEGORIES ICONS
If it isn’t the first time you’re reading my portfolio blog posts, you probably know that I’m “a queen of illustrated icons” – I love creating them and these are always my favourite part of brand collaterals design.
I usually create six website icons for my clients, but I had a pleasure to create 8 blog categories icons for Scrap Me Quick Designs! The eight icons were for: Cricut How To’s, Cricut Projects, My Fav Products, Online Classes, Current Events, Craft Basics, Crafty Organization, Crafty Product Reviews
6. BLOG SIGNATURE, DIVIDERS & PIN IT BUTTON
In my brand & website design package, there are several design elements included. For Scrap Me Quick Designs, I created blog signature featuring crown illustration, custom Pin it button (as part of Pinterest branding) and glitter text separators which you can see in different sizes, all across Debbie’s website.
7. IMAGE HOLDER, LOGOS & ELEMENTS FOR CLASSES AND EVENTS
Custom image holder is the first thing you can find on Scrap Me Quick Design website sidebar. I also designed additional logos and elements for Main Classroom and the Diva Days Events.
8. BLOG POST GRAPHICS TEMPLATES (PINNABLE & RECTANGLE)
Debbie decided to keep using the rectangle size blog post graphics on her blog, but she also wanted to have pinnable graphics (vertical, Pinterest-optimized images), therefore I created four different blog post graphics templates for how to posts, tips posts and class/event announcement posts.
10. FACEBOOK BRANDING
Facebook plays a huge part in Debbie’s blog & business – she hosts two big Facebook groups: Let’s Learn Cricut Explore (with almost 108k members!) and Cricut Maker with Debbie O’Neal (with almost 5k members!), therefore I wanted to make sure that new brand design shines through her FB profile.
Because of the rebrand, Debbie had a brand photoshoot and I used one of the photos as a Facebook profile picture. The Facebook cover contains my favourite submark, design elements (the yellow outlines and shadow), colourful tagline and website address.
11. EMAIL SIGNATURE DESIGN
The email signature design for Scrap Me Quick Designs includes the main logo design, social media icons, Debbie’s photo and website address.
13. YOUTUBE COVER DESIGN
The YouTube cover correlates with Facebook cover and Email Signature. It has Debbie’s main logo in the middle and yellow outline and shadow around it.
14. DIVA DAYS ICONS
After we wrapped up our initial brand & e-commerce + membership website design project, I started working on hourly retainer basics with Debbie. One of the additional graphics were the Diva Days icons which you can see below in the Diva Days Classroom page. I designed six icons for Diva Days Classroom for: schedule, supply list, cut files, Diva Facebook group, challenges and other resources.
15. PROMO GRAPHICS FOR DIVA DAYS
I designed several promotional graphics for Scrap Me Quick Designs website announcing open registration for Diva Days Events. All of the graphics are templates, meaning that Debbie can adjust the text and colours accordingly for next events. I incorporated the photo of a girl in the crown which was another signature element of the previous Diva Days.
16. FACEBOOK GRAPHIC FOR DIVA DAYS
I created various graphics templates for Diva Days Facebook Group including group cover and different announcement graphics.
17. BUSINESS CARDS DESIGN
The business cards for SMQD includes all of the important contact details along with the logo and social icons. Two weeks after we finished our brand & e-commerce + membership website design project, Debbie went to blogger conference where she handed out the business cards I designed for her.
She told me that she received lovely compliments about the business cards and her newly redesigned website and that the attendees were saying EXACTLY what she hoped for: “great clean design, love the colours, looks fun, inviting and professional, makes me want to explore what you have to offer, love your profile photo” – It truly made my day to hear that we hit the mark for her brand & website!
18. NOTECARDS DESIGN
Debbie sends a lot “hello”, thank you and other notecards to her audience. The notecard design for Scrap Me Quick Designs includes “hello from Debbie”, crown illustration and website address.
Before I jump into the website design and e-commerce and membership setup, I cleaned up SMQD website (it took a while since Debbie is running her site since 2013).
I started off by creating the exact copy of her website (files & database) and I used the staging environment to design and develop her new e-commerce and membership website. Once she approved the new website, with the help of my talented husband, a software developer, we combined the live website with the staging copy.
We merged the files (the old ones with the ones which I added while designing the site) and database, which was especially challenging because Scrap Me Quick Designs was live during the 2 weeks I worked on the website design.
The e-commerce and membership website for Scrap Me Quick Designs website is functional, user-friendly and it highlights Debbie’s helpful resources and classes. As I’ve mentioned above, the new membership component provides Debbie’s customers with stress-free experience, where they only create their account on the SMQD website ONCE, no matter how many classes or events they purchased.
I was blown away when I heard that Debbie was able to sell dozens of spots in her recent Diva Days within a couple of days after we officially launch the shop and classroom. Also, Debbie showed her new website to her closest crafty friends, just after the merge (of the old website with staging website) and they were thrilled with how well the new brand & website fits her and her style!
19. HOME PAGE DESIGN
The homepage design for Scrap Me Quick Designs includes six featured blog posts with the read more button. On the right, you can see the blog sidebar including: profile photo (remember the image holder?), social icons, search bar, email sign up form, blog categories icons and Facebook groups links. Each of the website pages I designed for Debbie, includes the footer with my favourite submark logo, social icons, legal pages and credits.
20. BLOG PAGE DESIGN
The blog page design includes the same sidebar as the homepage. On the other side of the page, you can see the list of six recent blog post with rectangle blog post graphics, post title, except and read more button.
21. ABOUT PAGE DESIGN
On the about page for SMQD, you can find out more about Debbie and see her in her craft studio. Like on the other pages, I incorporated different design elements and brand features like highlighting the important elements of the text with bold font and colours, adding the glitter separator and submark.
22. PROJECTS PAGE DESIGN
Similar to the Home page, Projects page for Scrap Me Quick Designs, highlights the featured project-based blog posts.
23. CONTACT PAGE DESIGN
Debbie gets a lot of messages through her website, therefore Contact page design was important for her. I styled the contact form with custom CSS, making sure that the form is “on brand” and it corresponds to other website elements with sign up form and search box in the sidebar.
24. SHOP PAGES DESIGN
Since we stopped using WooCommerce plugin for Debbie’s Classes and Events (now both shop and classes are setup in Wishlist Member Plugin), I created four custom shop pages – one main shop page with all of the products, second with just classes, third with events and the last one with other (Debbie plans to sell SVG files via her site in the future).
25. PRODUCT PAGES DESIGN
Again, since we no longer use WooCommerce (which has product pages build in) I manually set up and designed all of the pages for the products (classes and events). Each of the product has “featured image” (later, there are going to be several projects images below it), product description and PayPal button which is connected to the membership plugin.
26. INDIVIDUAL CLASS PAGES DESIGN
As I’ve mentioned, once someone purchases Scrap Me Quick Designs class or event, they are able to log in to the Main Classroom (below) and from there, they click through to the Individual Class page, where all of the class videos and materials are stored. The individual classes pages are restricted and are only visible to the members.
27. DIVA DAYS SALES PAGE DESIGN
Just after we wrapped up the initial project, I started working with Debbie on my hourly retainer and helped her with the launch of March Diva Days. I designed the sales page outlining all of the Diva Days Online Crop Events, along with the testimonial from past attendees and schedule for entire 2018.
28. AFFILIATE SHOP PAGE DESIGN
Debbie gets asked a lot about the products she uses in her projects, therefore, I created a shop with affiliate links called “My Favorite Products”. This page (similar to Busy Veggie Family’s shop) includes product images along with the colourful buttons with a name of the product.
29. MAIN CLASSROOM DESIGN + SETUP
As I said before, once someone purchases Scrap Me Quick Designs class or event, they are redirected to the Main Classroom page. This is the page where all of the classes and events are stored and the images link to the individual classes/events pages.
On the GIF below, you can see how the Main Classroom page looks like for non-members and for members. The non-members can see all of the classes and events, but the images are faded and they link to the product pages (not individual classes pages).
The Classroom for members shows both full-colour (for the classes you purchased) and faded images (for the classes you didn’t buy). This way, Debbie’s audience can see what other classes and events they can purchase from SMQD = free marketing.
30. DIVA DAYS CLASSROOM DESIGN + SETUP
I used a similar method (faded & full-colour images) for the Diva Days Classroom, but since this page works like the Individual Classes pages (where all of the videos and class materials are stored), I had to make sure that the videos for the event are only seen by the members.
On the GIF below, you can see that non-members can see the “Join Diva Days Online Crop March 24, 2018, to see the video” graphics instead of the videos and they can see the faded icons for the event materials. All of the graphics links to the product page for the event.
Want to see the brand board, all brand collaterals and website design for Scrap Me Quick Designs on one image and see how cohesive her brand & website looks like when placed together?
I’m so happy with the way the redesigned brand & e-commerce + membership website for Scrap Me Quick Designs turned out! It made my day to hear all of the lovely feedback from Debbie’s audience saying that the new designs fit her brand and that they “feel like her”. When I see that all of my services goals from “imagine if you could” section is happening for my clients it brings me to tears of joy!
If you’re looking for easy to follow and fun classes to learn how to use Cricut Machines and have fun along the way, make sure to check Debbie’s Classes and Diva Days Events and hang out with her on the Facebook Groups Let’s Learn Cricut Explore and Cricut Maker with Debbie O’Neal
And the cherry on the top here’s a lovely testimonial from Debbie about her new brand & website design:
DEBBIE O’NEAL
SCRAP ME QUICK DESIGNS
“”Adrianna did an outstanding job working with me to bring the vision I had for my website come to life. She listened to my needs and offered design solutions to accomplish them. Adrianna was very diligent in her work and her communication with me which I greatly appreciated. Her combined expertise in website and graphic design was a great value for the investment I made for my business. I could not be happier with her services and would certainly recommend her to others”
If you feel like your current brand & website blends in, don’t reflect the quality of your work and don’t feel like YOU, take a look at my brand & website design package by clicking on the image below. I’d love to help you bring your vision of brand & website to life!
What do you think of the brand & website design for Scrap Me Quick Designs? Which design, website page or collateral of the brand or website is your favourite?
BRAND & WEBSITE DESIGN PACKAGE
Brand identity, five brand collaterals + WordPress website design
