Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create a brand for your project that doesn't suck

Create a brand for your project that doesn't suck

Your project could have the best idea, and the most elegant code, but when you need to promote and share it on social networks where the 3-second rule speaks best, and you only have is a README file, it can be hard to grab your audience attention – it needs to "POP"!

So, instead of bothering again your cousin (that has a degree in design) for another logo and some artwork, what if you can make yourself?

Get your ticket at laracon.eu/online, and discover easy ways for you to:
• find a great name
• design a custom Logo
• create a brand around the idea
• design some marketing swag (everybody loves swag)
• design appealing artworks to share on social networks
• think a bit outside of the box

↓↓↓
Live recording of this talk at Laracon.EU– 28 May, 2020
https://youtube.com/watch?v=850-9y6m7fk&t=125

Caneco

May 28, 2020
Tweet

More Decks by Caneco

Other Decks in Programming

Transcript

  1. Laracon.EU/Online
    Create a brand design for your
    project that doesn't suck
    Caneco; Full-Stack Developer @ Medicare

    View full-size slide

  2. Did you ever tried
    to design a logo?

    View full-size slide

  3. And ended up with
    something like this?

    View full-size slide

  4. Time to call your

    friend that can design?

    View full-size slide

  5. But, design a logo…
    Can be that hard?

    View full-size slide

  6. A Full Stack Developer

    View full-size slide

  7. A Full Stack Developer
    from Portugal, working at Medicare

    View full-size slide

  8. .html .php .js .css .json .sql

    View full-size slide

  9. .html .php .js .css .json .sql

    .psd .ai .svg .jpg .gif .png

    View full-size slide

  10. And I mostly do logos

    View full-size slide

  11. Hacktoberfest 2019

    View full-size slide

  12. That was ~30 logos

    View full-size slide

  13. Enough about /me

    View full-size slide

  14. Create a brand design for your
    project that doesn't suck

    View full-size slide

  15. What's branding?

    View full-size slide

  16. It's not a logo

    View full-size slide

  17. It's not a logo
    a logo it's just a symbol

    View full-size slide

  18. It's not a name

    View full-size slide

  19. It's not a name
    a name it's just a word

    View full-size slide

  20. What's branding?

    View full-size slide

  21. A brand is a name, term, design, symbol or any other feature that identifies one seller's good or service as distinct from those
    of other sellers. Brands are used in business, marketing, and advertising for recognition and, importantly, to create and store
    value as brand equity for the object identified, to the benefit of the brand's customers, its owners and shareholders. Name
    brands are sometimes distinguished from generic or store brands.

    The practice of branding is thought to have begun with the ancient Egyptians, who were known to have engaged in livestock
    branding as early as 2,700 BCE. Branding was used to differentiate one person's cattle from another's by means of a
    distinctive symbol burned into the animal's skin with a hot branding iron. If a person stole any of the cattle, anyone else who
    saw the symbol could deduce the actual owner. The term has been extended to mean a strategic personality for a product or
    company, so that "brand" now suggests the values and promises that a consumer may perceive and buy into. Over time the
    practice of branding objects extended to a broader range of packaging and goods offered for sale including oil, wine,
    cosmetics, and fish sauce and, in the 21st century, extends even further into services (such as legal, financial and medical),
    political parties and people (e.g. Lady Gaga and Katy Perry). Branding in terms of painting a cow with symbols or colors at flea
    markets was considered to be one of the oldest forms of the practice.

    In the modern era, the concept of branding has expanded to include deployment by a manager of the marketing and
    communication techniques and tools that help to distinguish a company or products from competitors, aiming to create a
    lasting impression in the minds of customers. The key components that form a brand's toolbox include a brand's identity,
    personality, product design, brand communication (such as by logos and trademarks), brand awareness, brand loyalty, and
    various branding (brand management) strategies. Many companies believe that there is often little to differentiate between
    several types of products in the 21st century, hence branding is among a few remaining forms of product differentiation.

    Brand equity is the measurable totality of a brand's worth and is validated by observing the effectiveness of these branding
    components.[10] As markets become increasingly dynamic and fluctuating, brand equity is built by the deployment of
    marketing techniques to increase customer satisfaction and customer loyalty, with side effects like reduced price sensitivity. A
    brand is, in essence, a promise to its customers of what they can expect from products and may include emotional as well as
    functional benefits. When a customer is familiar with a brand or favors it incomparably to its competitors, a corporation has
    "What is a Brand" from Wikipedia

    View full-size slide

  22. TL;DR
    Too Long Didn't Read

    View full-size slide

  23. It's a gut feeling

    View full-size slide

  24. It's a result

    View full-size slide

  25. It's a reputation

    View full-size slide

  26. What will you need?

    View full-size slide

  27. What will you need?

    a name

    View full-size slide

  28. What will you need?

    a logo

    View full-size slide

  29. What will you need?

    an identity

    View full-size slide

  30. Let's break it down

    View full-size slide

  31. About
    the name

    View full-size slide

  32. Naming is hard

    View full-size slide

  33. Ever tried to name
    one of your kids?
    tsss…

    View full-size slide

  34. But what is a "good name"?

    View full-size slide

  35. Wikipedia
    the name of the search engine
    originated from a misspelling of the
    word "googol"

    View full-size slide

  36. Evan You // Vue.js: The Documentary
    It's a view library… but it's a bit literal.
    In French it was a better option.

    View full-size slide

  37. Taylor Otwell // Laravel-News
    In Narnia, Cair Paravel is the name of the castle
    where the kings and queens of Narnia live.
    Laravel rhymes with Paravel

    View full-size slide

  38. Ok, maybe it's not that hard

    View full-size slide

  39. Ok, maybe it's not that hard

    Where to start?

    View full-size slide

  40. Use a name generator

    View full-size slide

  41. namewink.com

    View full-size slide

  42. But you might want

    to create your own

    View full-size slide

  43. This are the most

    common trends

    View full-size slide

  44. Baby words
    e.g. Etsy, Skype, Zynga, Hulu, …

    View full-size slide

  45. Add a dot
    ThenPing.me, Landing.Jobs

    View full-size slide

  46. Drop a vowel
    Flickr, Tumblr, Scribd

    View full-size slide

  47. Adding an extra letter
    Dribbble, Digg, Fiverr

    View full-size slide

  48. Misspell
    Reddit, Disqus, Google

    View full-size slide

  49. Blend words together
    BeyondCode, Laracasts

    View full-size slide

  50. Use a translated word
    Vue, Spatie, …

    View full-size slide

  51. Framework-it

    laravel–, vue–, react–

    View full-size slide

  52. Or, whatever
    Mojito, Click, Sushi, …

    View full-size slide

  53. About
    the logo

    View full-size slide

  54. How to draw a logo?

    View full-size slide

  55. How to draw a logo?
    1.
    1. Draw some circles
    2.
    2. Draw the rest of the logo

    View full-size slide

  56. Choose your tools

    View full-size slide

  57. Paper > Vectorize > Rasterize

    View full-size slide

  58. Paper > Vectorize > Rasterize

    View full-size slide

  59. Paper > Vectorize > Rasterize

    View full-size slide

  60. Begin with Black & White

    View full-size slide

  61. Begin with Black & White
    #1 makes you focus on the actual logo

    #2 it will simplify your design

    #3 eventually will need a B&W version

    View full-size slide

  62. Research how others

    solved the same problem

    View full-size slide

  63. Use case

    Happy Dev

    View full-size slide

  64. Text or Shape?

    View full-size slide

  65. Logotype or Logomark?

    View full-size slide

  66. It depends…

    View full-size slide

  67. Logomark
    Logotype

    View full-size slide

  68. Logo
    Logotype

    View full-size slide

  69. Logomark
    Logo

    View full-size slide

  70. Logomark
    Logo

    View full-size slide

  71. Logo
    Logotype
    Wallpaper
    Icon
    Logo good
    Logomark
    Cover

    View full-size slide

  72. About
    the identity

    View full-size slide

  73. Creating an identity takes time

    View full-size slide

  74. Use case

    North Meets South

    View full-size slide

  75. Michael Dyrynda (South), Jake Bennett (North)

    View full-size slide

  76. Use case

    Happy Dev

    View full-size slide

  77. function anger()

    {

    !// Why am I feeling this way?

    return false;

    }

    View full-size slide

  78. Everyone loves stickers!

    View full-size slide

  79. Sarah Dayan's Macbook // @frontstuff_io

    View full-size slide

  80. Easy to make, cheap to buy

    View full-size slide

  81. stickermule.com

    View full-size slide

  82. Everyone wears t-shirts

    View full-size slide

  83. Where to make them?

    View full-size slide

  84. It depends…

    View full-size slide

  85. Where to make them?
    – Teemill
    – Teespring
    – Spreadshirt

    View full-size slide

  86. Socks
    by @LaravelPHP

    View full-size slide

  87. Hats by @davidhemphill

    View full-size slide

  88. Leggings
    by @LaraconEU

    View full-size slide

  89. Xmas
    ornaments
    by @tesshemphill

    View full-size slide

  90. Golf bals
    by @ericlbarnes

    View full-size slide

  91. Let your imagination flow…

    View full-size slide

  92. About
    promoting

    View full-size slide

  93. Know your audience

    View full-size slide

  94. GitHub, Twitter, Instagram(?)

    View full-size slide

  95. Twitter posts

    View full-size slide

  96. GitHub Social previews

    View full-size slide

  97. Make something viral

    View full-size slide

  98. Jack McDade // @jackmcdade

    View full-size slide

  99. This is very hard to achieve

    View full-size slide

  100. To wrap it up…

    View full-size slide

  101. Just try to be yourself

    View full-size slide

  102. If you any questions

    View full-size slide

  103. If you any questions

    ping /me

    View full-size slide

  104. Thanks for watching

    View full-size slide

  105. Laracon.EU/Online
    Create a brand design for your
    project that doesn't suck
    Caneco; Full-Stack Developer @ Medicare

    View full-size slide