Designing a LinkedIn Banner

Get Started: Designing a Company Banner

The banner behind your profile image is usually the first things new visitors will notice, so you have to make sure it represents your brand's image and feel as accurately as possible. Here are a few things I focused on when designing my banner:

Size

According to LinkedIn, the standard size of a banner image is 1,128 x 191 px. This makes sure your image will show up with proper dimensions and good quality. (And while we're at it, the standard logo image size is 300 x 300px)

Color Palette

You generally want to stick with the colors found in your company website or logo, which will be pictured in front of the banner. This will add balance to your LinkedIn page, so keep that in mind unless you have specific reasons to stray from these colors (ex: I used some product images on the BioMedware logo which didn't match the palette; however, the rest of the banner - including our motto text - does match the palette)

Content

You usually want company-relevant content on your banner. This could be a company motto, product images, or icons relating to your field. It's important to represent the brand's feel here as well, whether that's playful, serious, analytical, and so on. Some things to pay attention to are shapes: a few solid lines or colors can represent a put-together, serious brand, while increased and looser shapes and colors have a freer feel.

Note: the company logo in your profile will cut off some of the banner, so make sure it will fit in with your banner, or is at least cohesive with it.

Comments

Post a Comment

Popular posts from this blog

Let's Get Technical - Wireframing

Image
Let's get into wireframing! The past few weeks at BioMedware, I've spent much of my time creating wireframes for our new ecommerce website. With a background in software and web development, my experience definitely resides on the technical side, so I was excited to explore the other side of website creation: design. Apparently, a whiteboard wouldn't cut it - my team member introduced me to a design software called Figma: it has a bunch of pre-sized frames, from phone screens to desktop and tablet layouts that you can start off with, plus templates, examples, images, and more. As you can imagine, the wireframing process has a few steps. These steps can vary between companies and designers, but I'll break down our general process at BioMedware:  1. Create a low-fidelity draft The first step is to create a low-fidelity draft which basically just positions the web content - where the header, nav bar, footer, and paragraphs are located relative to each other. For our barebo
Read more

Trust the Process – Client Meetings and Initial Research

Is website design the most important element in tailoring user experience? Not quite, as I’ve learned. The UX design process starts off with getting familiar with your clients and their needs. Our first week at BioMedware, my internship partner and I met with the company president and employees to discuss requirements and the feel of their brand. With a small but high-powered staff of five, it didn’t take long to learn their highest priority: simplicity. They wanted a design similar to their original website, meaning that we had a precedent to base our fonts and colors off of. So what comes next? Initial market research. Knowing what other companies are doing and their reasons for this is a great way to be aware of design opportunities and pitfalls. My team was lucky in this regard – BioMedware had sample pages of competitor ecommerce sites, so we had our research ready, as well as our company’s take on what they liked and disliked. Having simplicity as the highest priority meant never
Read more

Logo Animation: Pick your Software

Image
So you want to create a custom logo animation: you've looked through your different options in my previous post , and decided to use an animation software instead of outsourcing to other services or sites. How do you get started? What software should you use? Things to Consider: Paid or Open-Source? When I started my animation project for BioMedware, I was a beginner and had little experience with animation software. Since I couldn't guarantee satisfaction with my end product, I didn't feel comfortable charging the company for a subscription such as Adobe After Effects. I decided to go with an open-source software to get a feel for animation. On the other hand, if you've had some experience with animation in the past, you may appreciate the security and quality guarantee of a subscription-based software such as Adobe After Effects, with monthly or yearly plans. Typically, monthly prices can range from $10 - $400 for good quality animation, depending on the software used
Read more