profile

The Misfit Way

The "advanced" design guide for a LinkedIn visual brand identity

Published 6 months agoΒ β€’Β 3 min read

Read on: misfit-way.com​
Read time: 10 minutes
Follow: #personalrebrand


The "advanced" design guide for a LinkedIn visual brand identity


This guide is specifically useful when designing with "personal branding for LinkedIn" in mind.

And no, this is not a logo design tutorial.

In this article/post you'll learn how to design 2 things:

  1. Cover banner
  2. Featured section

The professional way.

​

For context:

You won't find me talking about design a lot, But when I do, you better expect it to be good.

I don't do design for visual aesthetics (anymore), I create functional problem-solving visuals.

I just wrapped up the redesign of my personal brand call-to-action visuals.

(I took inspiration from Tony Albrecht, Blair Sharp πŸ§€ , Luke Matthews, Nausheen I. Chen πŸ”₯, Richard Moore LI profiles).

If my banner and featured section covers make you want to click then it's doing the right job.

​

1) First the cover banner

Before I touched a single pixel, I had to come up with a pixel-perfect sentence that tells you what I'm about in 3 seconds or less.

After doing some personal brand research and working on my positioning. (Which you can read more about here: )

I came up with this tagline: "Personal brand copywriter for senior personal brand strategists"

Now to the design, it needs to highlight:

  • My tagline (what I do and who I do it for)
  • My clients/collaborations
  • My visual brand (face, colors, fonts, etc.)
  • The correct size: 1584 width x 396 height
  • Not BEING UNDERNEATH my profile picture (safe zone x white space)

​

2) The featured section

I tried to use the rule of thirds.

No not the one with the 3x3 grid.

More like 3 personal branding principles to highlight what I do.

  1. A way to capture/generate leads and give value upfront.
  2. A way to show my work (let your work speak for itself first).
  3. A way to book a call for the main service (when they're ready, I'm one call away).

As you can see in my featured section, The first 3 visuals do just that.

​

Although I wish LinkedIn worked more on their UX and split the featured section into 2 sections:

  • (Free) Resources
  • Services

While still keeping the same UI of their "featured section".

There isn't an "exact" size to use with LI-featured covers.

But I found this one to be more convenient: 480 width x 288 height.

Now why am I telling you about something that you can google yourself?

​

BECAUSE LinkedIn DID IT AGAIN! with the ugly UX.

I had the perfect sizing and the perfect wording.

But when I pinned it in the featured section for some reason,

The images were not at the same size, they were not equally proportionate.

This drives me mad and I wasted so much time testing and figuring this out so that you don't have to.

​

The solution is so dumb and simple:

LinkedIn featured section has different types of formats (link, media, post, newsletter, etc.).

The first 5 featured elements are the ones the viewer can see and scroll left or right.

The trick is that you have to use the same format for those 5 featured elements to get them to be equally aligned and proportionate (annoying RIGHT!).

As you can see in my featured sections, my first 5 elements are all in a "link" format.

That solved the problem (for now).

​

Since you've read so far, Let me tell you about...

Another redesign I did

I've created a visual distinction between:

The Brand Orchestrate (my personal branding business) and the Misfit Way (my creative misfit community).

​

What are the new changes?

(Mainly for the Misfit Way)

​

  • New logo with a minimal black style
  • New covers for the newsletter

​

P.S. I already had the vision and visual direction for both, thanks to Eman Elhennawy & Imene Ben youssef for their brilliant help!

​

Not to mention,

My new wool fiber, British flat, brim felt, fedora podcast hat.

(That sounded exotic but it's just a cool hat, sorry not sorry David Pierce Tuttle 🎬)

​

If this guide is useful, share it with a friend.

If it isn't, share it with an enemy.

​
Stay tuned for part 5 of the #personalrebrand - Messaging

​

Plot twist:

The #personalrebrand series will be turned into an email course that drives, on average, an extra 20% of revenue to my branding business.

So if you are getting value out of this and you like my style of writing,

I can help you produce high-quality content that documents your expertise and takes your personal brand to the next level of authority, credibility, and industry recognition.

Email me "ghostwriting" to know more.

​

Till next week,

Your misfit friend.

​


​

Not all heroes wear capes, some wear glasses.
But the
conductor wears both.
​

​
~ See you in traffic ~

The Misfit Way

Amine Hammou | The Art & Biz of Personal Brand

The Misfit Way of building authority, credibility, and industry-recognition with 1200+ internet solopreneurs.

Read more from The Misfit Way
Million dollar weekend

The Million Dollar Weekend by NOAH KAGAN 1) Create a rejections goal Rework the framing of the word rejection as a challenge or a goal to achieve. β€œThe illusion of eventual pain that you associate with taking that risk β€” What if you’re judged or look foolish, or it doesn’t work β€” That's a straitjacket on your potential.” I will not stop until I get a 100 NO’s. The 100-day challenge: Send 100 DMs. Make 100 content. Create 100 videos. Workout 100 times. Whatever you put yourself to, Do it 100...

9 days agoΒ β€’Β 1 min read

The only tool you need as a creator to start sending emails THAT print cash, damn near automatic is... β€œConvertkit” If you're not using Convertkit already, What are you even doing with your life, bro? I used to hate sending emails, Until I discovered this creator friendly tool. Convertkit is the only platform I recommend for: Building email courses Running your newsletters Making lead magnets Creating landing pages And much more! π—œπ˜ π—±π—Όπ—²π˜€ π—²π˜ƒπ—²π—Ώπ˜†π˜π—΅π—Άπ—»π—΄ 𝗳𝗼𝗿 π˜†π—Όπ˜‚ π—Όπ˜‚π˜ 𝗼𝗳 π˜π—΅π—² π—―π—Όπ˜…: Email Sequences &...

16 days agoΒ β€’Β 1 min read
more = less

If information was all you need, why aren’t you successful? If ChatGPT can give you all the answers, If AI can do/automate everything for you, If these sales emails can make money for you, If a degree was all you needed to get your dream job, If you can figure things out on your own, If you don't need someone to tell you what to do, If you don't need that course, community, or coaching, If you don't need to read more books. Then why aren't you: Rich Lucky 6-packed Successful Articulated Happy...

23 days agoΒ β€’Β 2 min read
Share this post