Published on <a href="https://blog.prototypr.io/how-to-design-your-own-logo-in-15-minutes-39e836c1dd91?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Queble Solutions <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*51hnLV1pHMgyxYO3mGIBLw.png">Design process behind the scene at <a href="http://www.queblesolutions.com">Queble Solutions</a>
Logo is one of the most important components of a brand. It’s how your customers recognize your company. You want that symbol to come straight to their mind whenever someone mentions your company name. However, a good logo designer probably costs around $200/hr and hiring process is a pain in the butt. Don’t worry, we have put together a simple step-by-step guide for you to design your own logo instantly.
<blockquote>Step 1 — find an Apple computer</blockquote>
If you already have a macbook or iMac, great, you can skip this step. For people who don’t own an Apple computer, go to a city/university library, borrow from your family or friends, or just go to an Apple store nearby. It’s easy access.
<blockquote>Step 2 — Download Sketch</blockquote>
Once you have an Apple computer, you will want to download this amazing piece of software: <a href="https://www.sketchapp.com/">Sketch</a>
<blockquote>You don’t need to pay for it. Find the button on their home page that says “Download Free Trial”. You will get a free version for 14 days. That’s more than enough for you to create an awesome logo!</blockquote>
Sketch is a legitimate design software that’s made to be super user-friendly yet very powerful. 10–20 mins is all you need to figure out just about how everything works. You can also see the video below to follow our step-by-step guide.
<blockquote>Step 3 — Choose a type of logo</blockquote>
Ok, obviously you can’t design a crazy good looking logo, but if you look at many well-established companies such as LinkedIn, Medium, Facebook, Uber or Youtube, their logos are not so complicated and we can definitely follow the same idea.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Gq5yOB4w-IS9QIVtsOeEvA.png">
<blockquote>Setp 4 — Preparation</blockquote>
Let’s say you have an e-commerce website called “LastOne” that lets people buy/sell rare collections of sneakers like this one.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*RgVavQxS-MOq3iIIVtXX2g.jpeg">
Now, you can follow Facebook and Medium’s logo, which just has the first letter of their brand name. In our case, it’s the “L”, right? Good, we are making progress. Next, you need to pick a background color. I like blue, so let’s just go with that. The last thing you need to do is download a text font for the letter. It’s really easy. Go to this website: <a href="https://fonts.google.com/">Google Fonts</a> Find a font you like and follow the video below to download and install on your computer.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FqmUTAOqN3bY%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DqmUTAOqN3bY&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FqmUTAOqN3bY%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/b5e6ddf8e86bcd16228a80d4cd258085/href">https://medium.com/media/b5e6ddf8e86bcd16228a80d4cd258085/href</a></iframe>
Now we have everything we need. A letter, a background color and a font. Let’s open Sketch and get started.
<blockquote>Step 5 — Create</blockquote>
This part is exciting because you get to play around with different effects and tools. But don’t get sucked into it. Remember, we have a logo to design. Watch the tutorial video below.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fg8BMN6D6Ca4%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dg8BMN6D6Ca4&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fg8BMN6D6Ca4%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/e85c14da54143cf898216cbf7b555ced/href">https://medium.com/media/e85c14da54143cf898216cbf7b555ced/href</a></iframe>
Let’s take a look:
<img alt="" src="https://cdn-images-1.medium.com/max/120/1*ASbPbOht36QdFU5Ypm9jog.png">
There you go, you got yourself a logo. Well, this is a very basic version of it. There are many other things that we can leverage in Sketch to give this logo a more defined look. For example, we can add some “shadow” to the letter, give the background a different type of color arrangements, change the size and shape of the logo, etc. Watch the video below to see more in actions.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FXpj3IkJ8pRE%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DXpj3IkJ8pRE&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FXpj3IkJ8pRE%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/6ba8970642dc84e26cac665799b90b27/href">https://medium.com/media/6ba8970642dc84e26cac665799b90b27/href</a></iframe>
Check it out:
<img alt="" src="https://cdn-images-1.medium.com/max/120/1*yqOH3AYtpcLmgrT4IlcCyA.png">
A lot better, right?
Add shadow to the letter:
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FrYVJwSDdEA4%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DrYVJwSDdEA4&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FrYVJwSDdEA4%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/276895584c0c0f4036312c7c22df28d2/href">https://medium.com/media/276895584c0c0f4036312c7c22df28d2/href</a></iframe><img alt="" src="https://cdn-images-1.medium.com/max/120/1*stF4gVuAbD-NQVrqv-tUKQ.png">
Change the shape:
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FEq-2IdRumLk%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DEq-2IdRumLk&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEq-2IdRumLk%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/363964ca2709d87e215ab6090275644d/href">https://medium.com/media/363964ca2709d87e215ab6090275644d/href</a></iframe><img alt="" src="https://cdn-images-1.medium.com/max/120/1*_lQJuANR26-3xBxNkeG6vQ.png">
You can also re-position the letter to create a different feel.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FheBarwlYIqI%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DheBarwlYIqI&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FheBarwlYIqI%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/71ec1b5a07ca004b0576582037f4c066/href">https://medium.com/media/71ec1b5a07ca004b0576582037f4c066/href</a></iframe><img alt="" src="https://cdn-images-1.medium.com/max/120/1*j6nR7I-dgfSI2fKwCPOIIw.png">
See? Told you it was easy! You know, when it comes to building a startup, you just gotta do a lot of things by yourself. Yes, it could be intimidating but don’t be overwhelmed, Google is your best friend. There is always a way. So hope you enjoyed it. Don’t forget to give this story a clap or share on social media.
<h3>Check out what our designers created using Sketch:</h3>
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*OnFIdPjkGGOqBq_btIwTEQ.png"><a href="http://www.queblesolutions.com">Queble Solutions</a><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*KHyL44TceQiZOXY4knLO7g.png"><a href="http://www.queblesolutions.com">Queble Solutions</a><img alt="" src="https://cdn-images-1.medium.com/max/800/1*8tsLy8SF2HihjQZjDgGYJw.png"><a href="http://www.queblesolutions.com">Queble Solutions</a><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=39e836c1dd91" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/how-to-design-your-own-logo-in-15-minutes-39e836c1dd91">How to Design Your Own Logo In 15 Minutes</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

How to Design Your Own Logo In 15 Minutes

Top Stories