Monday, March 16, 2020

How to Make a Logo for Your Website (Simple Guide for Beginners)

Do you want to make a logo for your website? Perhaps you can’t afford a professional designer, but you’re worried that your graphic design skills aren’t up to the task.

Your logo is a crucial component of your brand’s identity. You want it to not only look high quality but also to convey your brand’s identity and values.

In this beginner’s guide, we will show you how to make a logo for your website. We’ll go through several different solutions, so you can pick the one that suits you best.

How to make a logo for your website

Why You Need to Create a Logo for Your Website

Many people around the world can recognize big name brands from their logos. When you see the iconic Golden Arches of McDonald’s abroad, you instantly recognize it and know what will be on the menu there.

That’s the power of branding, and a logo plays the most important role in building that reputation.

Whether you’re creating a blog, making a website, or starting an online store, having a unique logo makes your brand look legitimate. It helps you build trust, recognition, and promote your business.

Often when users want to start working on an online business idea, they start by thinking of business names and go straight to designing logos.

But before you do that, you need to make sure that your brand name idea is not already registered by someone else. See our guide on how to check domain name availability.

Once you have ensured that your business name idea is available, make sure to go ahead and register your domain, so no one else takes it (trust us, this happens more often than you think).

After you have registered your domain name, you’re ready to start designing your logo. We have some excellent free logo maker tools for beginners.

Tips on Making a Custom Logo for Your Website

Creating a custom logo for your website requires some understanding of design. However, as a beginner, you can follow these best practices to make sure that your logo looks polished and professional.

  • Keep your logo design simple and clean. This makes sure that your logo will look good even at a small size. Think how tiny the profile images are in your Facebook or Twitter feed.
  • Use a transparent background for your logo. That way, you can put it anywhere, not just on a white area of your website.
  • Get the highest quality file you can for your logo. You want it to look great at a large size or in print, too. You can copy it and make smaller versions for social media, blog posts, and website pages.
  • Use your brand and website colors in your logo to help it harmonize with the rest of your website.

You can experiment with different logo styles and see what compliments your website / brand the best.

There are different types of logo designs commonly used by businesses. When making your own logo, you may want to experiment with some of these.

Wordmark Logo

Coca Cola's iconic logo is a classic example of a wordmark logo

A wordmark logo is a distinctive text-only logo. Your unique brand name set with specific fonts and colors can make an excellent logotype.

If you are making a custom logo for your website by yourself, this is a great option as it’s simple and straightforward.

Pictorial Mark Logo
Apple logo

A pictorial mark is usually a brand image using an illustration or icon to represent an organization. Famous examples of this kind of logo include Apple, Nike, Audi, and more.

Combination of Both

Dell logo

These type of logos are the most common ones you’ll see around. They combine words or letters presented in an iconic layout. Famous examples of such logos include Dell, Pizzahut, Doritos, and more.

Choosing the Right Style for Your Logo

If you are making your own logo, then you’ll need to be realistic about your design skills first. Using a wordmark might seem very simple, but it needs to be unique, so you can easily register your logo as a trademark if needed.

You can also draw an icon to be used as your logo. However, you’ll need strong design skills to come up with a unique idea for your brand image.

For our own brands, we use a combination of both wordmarks and icons. For example, our sister company OptinMonster’s logo has a mascot placed on a wordmark.

OptinMonster logo

Let’s take a look at a few different ways to create professional-looking logos for your websites (without hiring a designer).

1. Making a Custom Logo Using Constant Contact

Constant Contact’s Logo Maker lets you come up with hundreds of different options for your logo. It’s completely free. You don’t need to pay to use it or to download your finished logo.

To begin, just click the ‘Create Your Free Logo’ button:

Constant Contact's logo maker

Next, type in your brand name. You can also add a slogan, if you want to.

You’ll see six sample logos to choose from.

Six logos created by Constant Contact's logo maker

What if you don’t like any of those logos? Just click the ‘More (6)’ button to see additional options. You can keep doing this as often as you want.

Nine additional logos created by Constant Contact

Once you’ve found a logo you like, click on it.

You’ll then see the logo editor. A great feature here is that you can check out variations of your logo down the right hand side of the screen.

The Constant Contact logo editor

If you prefer one of these variations, just click on it to load it into the editor.

You can use the ‘Name’ section of the editor to change the letter spacing, font size, and line height. If your logo has two or more words, then you can split it onto different lines using the ‘Multiline’ toggle.

Here’s our logo again, with a smaller font size and increased letter spacing.

Logo created with Constant Contact with some changes to the lettering

To edit other aspects of your logo, click on the tabs down the right hand side. For instance, click on ‘Symbol’ to adjust the size and positioning of the logo’s symbol.

Changing the position of the logo's symbol

We thought that the layout of the logo would look good with a slogan, which we added under the ‘Slogan’ tab.

You can also adjust your logo’s colors using the editor. The logo maker will automatically create a color palette for you, and you’ll be shown different color variations to pick from.

If you want more, click ‘Explore color themes’ to choose different sets of color schemes.

Picking different colors in the Constant Contact LogoMaker

Once you’re happy with your logo, click the ‘Preview’ button at the top of the screen. You’ll see how your logo could look on your website, on social media, and even on business cards, t-shirts, mugs, and more.

Previewing the logo

To close the preview, just click the X in the top bar. You can download your logo using the ‘Download’ button in the top right corner of your screen. It’s completely free.

You’ll get a .zip file with your logo in two different formats, PNG and SVG. You can scale up an SVG as large as you like without losing quality. We have instructions on how to add an SVG file in WordPress.

2. Making a Logo for Your Site Using Tailor Brands

Tailor Brands’ Logo Maker is easy and straightforward. It’s free to use, but note that you’ll need to pay to download your finished logo. The minimum you can pay is $9.99.

To begin, go to the Tailor Brands logo maker and type in the name of your company. Then, click the ‘Design!’ button.

Tailor Brands' logo maker

You’ll be prompted to enter your industry and (optionally) a short description of your company. We went with ‘Human Resources’ here.

Entering your industry in the Tailor Brands' logo maker

Next, you can choose what type of logo you want. You can only select one option, though you can always restart the logo maker again if you want to try out other possibilities.

Choosing your logo type

If you select ‘Icon Based’ here, you’ll be prompted on the next screen to choose an icon. The selection shown to you will depend on your industry, but you can change this using the search box.

Once you’ve found an icon you like, click on it and then click ‘Next’.

Choosing an icon for your logo

You’ll then be prompted to choose your preferred image out of a series of different font examples. If you chose to create a name based or initial based logo, this is the step you’ll come to first.

Choosing your preferred font styles

Just click on whichever font you prefer each time. Once you’ve completed this process, you’ll see a short animation while your logo is being created.

Tailor Brands takes a few seconds to create your logo

Next, you’ll be able to see your logo. You can click ‘Love it’ to be taken to the pricing plans, ‘Customize’ to start editing it, or you can scroll down on the right hand side for more logo options.

Logos created by Tailor Brands

If you choose to customize your logo, you can choose from different styles, fonts, layouts, and more. You can also switch the icon you picked earlier for a different one.

We decided to switch the layout of our logo, so the image was on the left of the text:

Changing the layout of your logo

We also changed the color palette so that the logo was a purplish blue:

Changing the color of your logo

Once you’re happy with your logo, you can click the ‘Finish’ button.

You’ll then be taken to the pricing page and presented with a number of different pricing plans.

These plans give you access not just to your logo but also to graphic design and website creation tools. They could be a good option if you want access to things like stock photos.

If you just want the logo, click the ‘1 Month’ tab then select the ‘Basic’ plan. You only need to make one payment for your logo to be yours to keep. You can cancel the plan straight after that.

Tailor Brands' pricing plans

3. Making a Custom Logo for Your Website Using Looka

Looka is a quick and easy online graphic design tool that allows you to make a logo without any design skills. It was formerly known as Logojoy.

Like Tailor Brands, Looka’s tool is free to use, but you’ll need to pay to download your logo. Prices start from $20.

To get started, simply visit the Looka website and enter your company name in the search box.

Looka get started

Next, you need to select your business type.

Business type

Click the ‘Continue’ button to move towards the next step.

You’ll be prompted to create an account or sign in through Twitter, Facebook, or Google.

Choose logo styles

You’ll then seen a number of logos that have been automatically generated for you.

Logos generated by Looka

If none of the logos are quite right, try choosing colors and symbols that you want to try.

More logos generated by Looka

The new designs that use these options will appear at the bottom of the list. Looka will give you a ‘See your changes’ button that you can use to jump straight to them.

Once you’re happy with one of the logos, simply run your cursor over it and click ‘Customize’ to go straight to the logo editor.

Logo editor

Using the drag and drop logo editor, you can adjust the font size, choose a transparent background, change the font family, add or change your icon, and more.

Feel free to edit the design as much as you like and share it with colleagues for a second opinion. Once you are satisfied, click on the ‘Buy’ button in the top right corner to purchase and download your logo.

Note that if you want a transparent version of your logo, you’ll need to pay $65 for the Premium plan.

4. Creating a Custom Logo using Hatchful by Shopify

Shopify is a popular eCommerce platform. They also offer a free logo maker tool called Hatchful. This allows you to easily create beautiful logos for your website without any design skills.

First, you need to visit Shopify’s Hatchful page and click on the ‘Get Started’ button.

Hatchful get started

Next, you need to choose your business type. If you cannot find an exact match then simply use the closest possible match.

Business space

After that, Hatchful will ask you to choose a visual style for your logo. You need to select a style that matches your business website’s style, look, and industry.

Choose style

Next, enter your business name and a slogan (optional).

Enter your business name

After that, you will be asked to select where you plan to use the logo. Select the ‘Online store or website’ option to continue.

Usage choices

Finally, the wizard will analyze your answers and show you several logo samples to choose from. You can select any of these logos to further edit.

Logo samples

This will launch a simple logo editor where you will see a live preview of your logo with editing tools on the left column. You can edit the text, add an icon, add symbols, and change the background.

Editing your logo with Hatchful

Once you are satisfied with your design, you can click the ‘Next’ button to download your logo files.

You’ll be asked to create a free account, and your logo files will be sent to your email address. The zip file will include not just your logo but a favicon or site icon, and cover images for your social media profiles.

5. How to Make a Logo for Your Website using Canva

Canva is a popular free online graphic design tool. It comes with easy to use tools that allow you to create images for your website.

The basic Canva account is free and gives you access to dozens of ready-made templates for all sorts of graphics.

To get the full power of Canva for creating your logo, you may want to sign up for a Pro account. This lets you upload your own fonts, set your brand colors, and more.

After creating your account, type ‘Logo’ in the search box.

Search for a logo template

Canva will now load their drag and drop editing interface with several logo templates to choose from. Just pick a template to get started.

Choosing a logo template and editing it in Canva

After that, you can point and click on any item in the template to edit it. You can rotate, resize, crop, and delete items.

You can also add more text, icons, shapes, patterns, and backgrounds to your design from the left column. Remember, though, that your logo is likely to look best if you keep it simple.

Adding elements to your design

We recommend spending some time trying out different templates and play around with the design tools. Keep working on your design until you are satisfied with it.

Once you are finished click on the ‘Download’ button to save the image to your computer.

Download logo to your computer

Choose the high-quality PNG format to download a transparent image. You can now use the logo on your website.

6. Hiring Someone to Make Your Website Logo

The online logo maker tools we’ve covered are made specifically for beginners to easily create a logo for their website. You can create a simple and elegant logo using these tools, but they are still limited in design choices.

If you can afford it, the best option is to hire an expert graphic designer to make a logo for your website. There are several places where you can find freelance designers.

You can use any of the popular online job marketplaces to hire a logo designer.

There are thousands of people offering graphic design services on these websites. How do you pick the right person for the job?

Sticking to these best practices can help you find the perfect candidate to make a logo for your business.

  • Look for ratings, reviews, and the number of completed jobs on the designer’s profile. These are good indications of quality services provided to previous customers.
  • Give a detailed brief to the designer about your specific design requirements.
  • Set your own price for the logo, but keep in mind that a unique and creative design will cost more than a generic logo.
  • Make sure that you get the original source files in vector file format. This will allow you to later resize or reuse your logo in other places like business cards, posters, t-shirts and more.

We hope this article helped you learn how to make a logo for your website. You may also want to see our guide on how to create a free business email address and how much does it cost to build a website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Make a Logo for Your Website (Simple Guide for Beginners) appeared first on WPBeginner.


March 16, 2020 at 06:55PM

Friday, March 13, 2020

25 Popular Sites Using WordPress as a CMS in 2020

Wondering how you can use WordPress as a CMS?

One of the most common misconceptions about WordPress is that it is just a blogging software. Some of you often ask us for examples of WordPress being used as a CMS Platform (Content Management System) and not just as a blog platform.

There are thousands of websites using WordPress as a content management system. WordPress is highly flexible and easy to customize even for beginners.

In this article, we will show you some of the most popular websites that are using WordPress as a CMS.

WordPress as a CMS: 25 Examples Using WordPress as CMS

Why WordPress is The Most Popuplar CMS?

WordPress is the most popular website builder and content management system in the world. It has a market share of 35% of websites on the internet.

With WordPress, you can make a website, start a blog, or create an online store. It comes with thousands of free and premium plugins that work as addons to extend the features and functionality on your site.

Most websites use WordPress for its flexibility, easy-to-use admin panel, and thousands of themes / templates. You can set up a WordPress site quickly without writing any code.

Let’s take a look at some of the examples of websites using WordPress as a CMS.

1. BBC America

BBC America

BBC America is a popular entertainment site that broadcasts several British TV shows like The Graham Norton Show, Top Gear, Doctor Who, and more. The site uses WordPress as a content management system and offers features that include full episodes, live TV, and user registration.

2. OptinMonster

OptinMonster

OptinMoster is the leading conversion optimization software in the world. They use WordPress for different parts of their website including marketing site, blog, knowledgebase, and more.

3. WPForms

WPForms

WPForms is the most popular WordPress contact form plugin. The website is built on WordPress with a shopping cart, knowledgebase, blog, and more features.

4. The Next Web

The Next Web

The Next Web is a tech and news website using WordPress to display the most recent news from all over the world. It showcases the news into categories and sections, and also offers the latest deals from popular international brands.

5. The Walt Disney Company

The Walt Disney Company

One of the biggest names in the media industry, The Walt Disney Company uses WordPress for its corporate website. The website offers users recent updates about company events, career opportunities, philanthropy efforts, and more.

6. Van Heusen

Van Heusen

Van Heusen is an American fashion and clothing brand popular all over the globe. It is using WordPress with a shopping cart, newsletter subscriptions, and product galleries.

7. United States Mission Geneva

US Mission Geneva

The U.S. Mission in Geneva is a US State Department website built with WordPress. It has multiple sections for image slider, the latest news, events, and policy pages.

8. Fauna and Flora International

Fauna and Flora

Fauna and Flora International (FFI) is the forest conservation innovator known for their work on conserving different species globally. The site uses WordPress as a CMS to showcase its conservation campaigns, share news updates, and collect donations.

9. Sweden’s Official Site

Sweden Official

Sweden’s Official Site is the country’s official information portal that shares news related to business, culture, traditions, nature, facts, and society. It is built on WordPress and utilizes it in a very effective way.

10. Nexstar Media

Nexstar

Nexstar Media is a local media site that uses WordPress as a content management system. It features news broadcasting, press releases, and more.

11. Chicago Weather Center

Chicago Weather

Chicago Weather Center is a weather forecast site that displays temperatures and other weather updates. It uses WordPress to add a TV schedule, podcasts, shows, events, news, and more on the site.

12. Creative Ad Awards

Creative Ad Awards

Creative Ad Awards is a website showcasing the most creative ads from around the globe. It uses WordPress to categorize and beautifully display those ad campaigns.

13. Harvard University Gazette

Harvard Gazette

Harvard University Gazette which is managed by the Harvard University using WordPress as a CMS for their journal. The website looks stunning where you can find news and events organized in categories.

14. The Official James Bond Website

The Official James Bond Website

The official James Bond website uses WordPress to showcase their watch collection, display brand news, and promote Bond movies. The site also integrates with social networks to showcase Twitter feed in the sidebar.

15. Realtor.com | News

Realtor.com News

Realtor is a popular real estate website. It uses WordPress for its news and insights section. They use the WordPress RSS feed to fetch and display the blog content across other parts of their website.

16. Gnome

Gnome

Gnome is an open-source software suite for Linux based operating systems. They use WordPress for their marketing site, which showcases features, software, and technologies sections.

17. PawPrintPets

PawPrintPets

PawPrintPets is a website for dog and puppy owners who want to get training, consultation, and classes. Using WordPress as a CMS, the website also offers podcasts, blog, and a WooCommerce powered online store.

18. CURE

CURE

CURE is an international organization offering medical aid to children in underdeveloped regions. It uses WordPress for their site to share case studies, news, stories, and fundraising.

19. Renault

Renault

Renault is one of the top car manufacturers in the world. Their official website is built on WordPress where they post about innovation, history, brands, and more.

20. Katy Perry

Katy Perry

Katy Perry is a well-known American singer and songwriter. Her official site is using WordPress to display the latest albums, songs, and video releases.

21. Sony Music

Sony Music

Sony Music is the official website of the global music brand. It uses WordPress to display their featured artists, labels, and news from the music industry.

22. Hip2Save

Hip2Save

Hip2Save is a well-known deals and coupons website. It is built on WordPress to showcase discounts from popular brands from all over the world.

23. Time.com

TIME

TIME is one of the oldest American news and magazine website. The site uses WordPress to post news in categories, embed YouTube videos, and publish weekly magazines.

24. Sylvester Stallone

Sylvester Stallone

Sylvester Stallone is a popular actor and public figure known for his work in movies. His official website uses WordPress to showcase movie trailers, actor’s bio, photos, art, and more.

25. The Washington Post | Brand Studio

The Washington Post

The Washington Post is a leading investigative journalism website that shares news on politics, public opinions, and more. It is using WordPress for their Brand Studio website that showcases their interactive stories.

We hope this article helped you find some inspiring examples of WordPress being used as a CMS. You may also want to take a look at our list of 40+ big name brands using WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 25 Popular Sites Using WordPress as a CMS in 2020 appeared first on WPBeginner.


March 13, 2020 at 05:00PM