Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

Or sign up with email below...

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Day 2: Design Your Website

How To Design Your Own Website Logo

Action Plan

Step 1: Create Your Logo Using Ucraft


Complete The Following Tasks

Visit Ucraft logo creator to create your logo.
Create a free account and log in.
Design your logo. I recommend watching our video below for this step.
Download your logo by choosing PNG with transparent background on the download options page.
Keep the full resolution version of your logos in a safe place. You may want to download your logo in different colors (white with transparent background, black with transparent background, color logo with transparent background, etc).

Watch Our Video Tutorial

Step 2: Create Your Site Icon Using Ucraft


Complete The Following Tasks

Visit Ucraft logo creator to create your site icon.
Design your site icon. I recommend watching our video below for this step.
Download your site icon by choosing PNG with transparent background on the download options page.

Watch Our Video Tutorial

Step 3: Resize And Upload Your Logo And Site Icon To The Customizer


Complete The Following Tasks

Visit BeFunky to crop and resize your logo and site icon.
You will need one regular size logo and one 2x logo for retina devices. (Watch our video below for more help with this step.)
You will want your site icon to be around 500 pixels wide. (Watch our video below for more help with this step.)
Add both logos (regular size and retina size) to your website in the Customizer. You will find the Logo options by going to Header > Site Identity.
To open the Customizer, go to Appearance > Customize in your WordPress admin. In the Customizer, go to Header > Site Identity. In the Logo section, click Select Logo and upload your regular size logo.

Next, select the box for Different Logo for retina devices. Click Select image and upload your retina logo.
Add your Site Icon to your website in the Customizer. You will find the Site Icon options by going to Header > Site Identity.
To open the Customizer, go to Appearance > Customize in your WordPress admin. In the Customizer, go to Header > Site Identity. In the Site Icon section, click Select site icon and upload your icon.
Click Publish to save your changes (if necessary).
You Earned A Badge!

Watch Our Video Tutorial

Why This Step Is Important

The logo we downloaded in the previous step is going to be a little too large for your website’s header. We need to resize it to the correct size so that it doesn’t slow down your website. We also want to create a retina version of your logo so that your logo doesn’t look blurry on high-density displays and mobile devices.

Continue To The Next Tutorial Below

Day 2

Design Your Website

Elementor Pro is required for many of our tutorials in Day 2.
Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.