image cover from a video and article about how to start a business in 10 minute increments

How to Create Free Logo & Social Media Design Assets

In this article and accompanying videos, I’m going to walk you through how to get free logo design, upload the logos onto your landing page, upload the logos onto your website, and create your first social media banners with your logo.

Quick Note:

This is Part 2 in our Guide to Starting Your Business Online. If you haven’t already, you should strongly consider viewing Part 1 of the series before continuing on.

Go to Part 1

If you’re this far in the series, you already know:

  • How to buy a Google domain
  • How to set up a Bluehost account
  • How to launch a WordPress site
  • How to create an Instapage landing page
  • How to pass the landing page to your WordPress account
  • How to make the website live

Strong work. That’s a lot to get done in one session.

Now we’re going to attack logo design and social media branding.

What is a logo?

According to Marty Neumeier in his book, The Brand Gap, a logo(trademark) is, “a name and/or symbol that indicates a source of goods or services and prevents confusion in the marketplace; a legally predictable form of intellectual property.”

More generally speaking, a logo is what you’re going to use on your website, social media accounts, and content to let people know who is responsible for the site, account or content.

Why do you need a logo?

  1. You want people to know who you are
  2. Create a visual representation of your business for people

This may seem obvious, but making it easier for people to recognize your work, allows you to capture mindshare and recognition for your efforts.\What is social media branding?

What is social media branding?

Social media branding is the conscious development cultivation of the feeling viewers associate with your social media profiles and your business.

Huh?

It’s actually straightforward. Just ask yourself the following questions.

  • Who is are you trying to serve?
  • What is the purpose of your social media accounts?
  • What does success look like?

Use those answers to decide how you begin branding your business on social media. Pay special attention to the tone, voice, image filters, and target audience.

Why do you need it?

Consistency in the presentation of your content is critical in developing trust. As shown by recent research published by Che et al, trust plays an integral role in purchasing decisions.

What we’re going to cover in the article:

  1. How to create a free logo and favicon with Hatchful
  2. How to add your logo & favicon to an Instapage landing page
  3. How to upload all of your logos to your WordPress site
  4. How to upload your logos into Canva
  5. How to create your social media banners and headers using Canva

Let’s get to it…..

How to create a free logo

The fastest, easiest, and free-est option I have found for free logo design is Hatchful. There are plenty of other options out there, like Tailor Brands, Canva, Emblem.io, and dozens of others.

Hatchful has the least spammy user experience. The site also doesn’t attempt to deceive you and ask you for payment after you’ve created the design, as many other sites will.

So, how do we actually make the logo with Hatchful?

It’s incredibly easy. Here are the steps:

  1. Go to hatchful.shopify.com
  2. Click the big blue “Get Started” button
  3. Choose up to 3 business sector in which your business operates (ex: fashion)
  4. Click the big blue “Next” button at the top right part of the page
  5. Choose up to 3 options for the visual style you want to represent your business
  6. Click the big blue “Next” button at the top right part of the page
  7. Add your business name and slogan (slogan is optional)
  8. Click the big blue “Next” button at the top right part of the page
  9. Select what you want to put your logo on (ex: social media, business cards)
  10. Click the big blue “Next” button at the top right part of the page
  11. Click on the design you like most
  12. Change name and slogan if necessary
  13. Click on “Fonts” in the navigation bar on the left side of the screen
  14. Select the font you like most
  15. Click on “Colors” in the navigation bar on the left side of the screen
  16. Select the color you like most
  17. Click on “Layouts” in the navigation bar on the left side of the screen
  18. Select the layout you like most, black or white
  19. Click the big blue “Next” button at the top right part of the page
  20. Click the big blue “Download” button in the middle of the page
  21. Enter the email where you would like all the free logo designs sent
  22. Click the big blue “Download Logo” button in the modal
  23. All of the logos you selected are delivered in a zip file to the email address you entered

You’re done… Celebrate! You just made the logo for your business!

gif of cheering minions celebration the completion of free logo creation for a business

Now that you’ve celebrated, it’s time to move on to the next step. Let’s add your logo to your landing page.

How to add a logo to your Instapage landing page

In Part 1 of this series we created an Instapage account and made our first landing page. In this step, we’re going to take the logos we just made and upload them into our landing page.

Here are the steps you need to take to accomplish this task:

1. Go to instapage.com & login

2. Select your landing page on the dashboard

3. Once your landing page loads, click the current logo and select “Change Image”

4. Open your email from Hatchful with your logos and attached download the file (These are your brand assets)

5. Extract the logo design files from the .zip file

6. For importing the files into Instapage, you have a few choices

  • Drag and drop the files into the browser with Instapage open
  • Click on the big blue “Import” button at the top right of the “Images” modal and select the files from your computer OR place the files online somewhere and enter the URL

7. Import 2 files into Instapage

  • logo_transparent.png
  • favicon.png
    Image of the MKTR.AI favicon for an article on logo and brand asset design
    The little picture to the left of the webpage title is the favicon.

    YouTube favicon example for MKTR.AI article on how to create free logo & favicon designs
    The YouTube logo on the left of the “YouTube” title is the favicon.

8. Roll your mouse over the  logo_transparent.png image and click “Insert”

9. Adjust the logo image cropping until the entire logo is visible

10. Click “Done”

11. Now click on the “Settings” button and select “SEO” from the drop-down menu

12. On the far right, under the label “Favicon” click “Upload Icon”

13. Roll your mouse over the favicon.png image and click “Insert”

14. Check that both images are uploaded

15. Click anywhere on your landing page to exit the SEO menu

16. Press the big yellow “Update” button at the top right of the page

Congrats, AGAIN! You finished another step and you are now closer to having a completed website with cohesive branding across your website and social media!

Now let’s move on to the step in the process and upload your logos to your WordPress website.

How to upload your logos to your WordPress site

  1. Go to your WordPress website URL with ‘/wp-admin/’ added to the end. (ex: yourwebsite.com/wp-admin) This will take you to a sign-in screen.
  2. Enter your Username or email address and your password and press “Log In”
  3. Click “Instapage” in the navigation bar on the left side of the screen
  4. Select the “Add Page” tab
  5. Under the “Add Page” tab, set “Landing Page” selector to the name of your Instapage landing page
  6. Set the “Page Type” selector to “Landing Page” or “Home Page”
  7. If you set the “Page Type” to “Landing Page” you’ll need to set the URL ending for the landing page address (ex: yourwebsite.com/landing)
  8. Press the big blue “Publish” button at the bottom left of the “Add Page” tab
  9. When the page reloads, you should be under the “List Pages” tab. Click on your landing page URL.
  10. After your landing page loads, check that your logo and favicon have been updated with your new logo designs
  11. Click “Media” in the navigation bar on the left side of the screen
  12. Once the page loads, drag and drop your logo.png, logo_transparent.png, and favicon.png into the browser screen. This will take a minute or two to load.

gif of little girl giving a thumbs up as a symbol of approval from MKTR.AI to readers completing an online tutorial

You’ve completed another hurdle! Congratulations!

And…

We’re on to the next step.

How to create your social media banners and headers with Canva

  1. Go to canva.com
  2. Create an account or sign-in
  3. Type “YouTube channel art” in the search bar near the top of the page
  4. Select the template you like the most
  5. Click “Use This Template”
  6. Select “Uploads” in the navigation bar on the left of the page
  7. Press “Upload Image” and find your logo_transparent.png, logo.png and any other logos from the Hatchful files you’d like to use
  8. Edit the background image as necessary
  9. Edit text boxes and text as necessary
  10. Edit colors and filters as necessary
  11. Edit elements as necessary
  12. Press the download button at top of the screen next to the “Publish” button
  13. Select PNG as the file type and press “Download”
  14. After the download has completed, press resize at the top left of the page
  15. Select Facebook Cover, Twitter Header, LinkedIn Banner, and any other sizes you think you might need
  16. Each size image will likely need some minor adjustments, so make the necessary adjustments and then download each
Gif image showing a kid winning the internet as an expression of how MKTR.AI feels about readers completing a design tutorial
This is how you should feel after completing this tutorial!

Review

If you followed along and finished these tasks, great job! If not, at least now you have an idea of what you need to do.

In this, Part 2, of our Guide to Starting Your Business Online, we covered several steps needed to build consistent visual branding across social media and your website.

In Part 3 of Guide to Starting Your Business Online we’ll tackle the implementation and use of Hotjar to better understand what people want from your site.

THANK YOU for reading and until next time, keep hustling!


Connect with MKTR.AI on Twitch, YouTubeLinkedin, TwitterFacebook, and Instagram for the most up-to-date content about Customer Analytics, Growth, Marketing, Technology, and Entrepreneurship!

Would you like to get a free consultation with our founders to help you establish your marketing, technology, and growth strategy?

GET FREE CONSULTATION

As originally seen on my company blog

1 comment

  1. What’s Going down i’m new to this, I stumbled upon this I
    have discovered It positively useful and it has helped me out
    loads. I’m hoping to contribute & help different customers like its helped me.
    Great job.

Leave a Reply