{"id":139692,"date":"2022-04-02T11:00:00","date_gmt":"2022-04-02T16:00:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=17689"},"modified":"2023-03-22T14:29:25","modified_gmt":"2023-03-22T19:29:25","slug":"why-and-how-to-design-with-personality","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/","title":{"rendered":"Why (and how) to Design with Personality"},"content":{"rendered":"\n

Think about your last few designs. Which are the ones you really loved? Which are the ones you thought were really good but were missing a bit of that elusive \u201cit\u201d factor?<\/p>\n\n\n\n

Website designs should be effective, of course, with easy navigation, eye-pleasing colors and fonts, and a logical structure with clear calls to action on each page. But there\u2019s more to it than just ideal function, isn\u2019t there?<\/p>\n\n\n\n

What is it that makes the difference between good design and great design? The sites you\u2019re proud to turn over to the client vs. the ones you would kiss on the cheek if you could?<\/p>\n\n\n\n

Odds are that the standout web designs are the ones that invoke a sense of \u201cpersonality.\u201d Web design with personality isn\u2019t something that just happens organically\u2014it\u2019s a deliberate (but fun!) approach to web design.<\/p>\n\n\n\n

The way to stand out as a designer is to \u201cshow some personality\u201d in your designs, but what does that really mean? Let\u2019s find out!<\/p>\n\n\n\n

\n\n\n\n

What Your Personality has to do With Web Design<\/h2>\n\n\n\n

The way we see it, designing with personality actually involves two personalities: yours, and the one your client wants to convey. Let\u2019s talk about yours, first.<\/p>\n\n\n\n

Your web design business, no matter its size, should be branded somehow\u2014that’s a given. But what you might not have down is that your brand needs to be based, in some part or in large part, on your personality. Not your entire personality, just the parts that are relevant to your business.<\/p>\n\n\n\n

\"a<\/figure>\n\n\n\n

Whether you-the-designer have a personality that\u2019s bold and brash, warm and whimsical, or completely quirky and surreal, own it and make it evident in your branding…especially your online branding.<\/p>\n\n\n\n

\n\n\n\n

Why Being You is Good Marketing<\/h2>\n\n\n\n

When you own your personality as a designer, you carve out a space for yourself in a crowded field. The more you rely on your authentic self as the backbone of your brand, the more unique you will be and the more pronounced your positioning will be.<\/p>\n\n\n\n

Your site design is an important part of this\u2014and so is your portfolio. Use your portfolio strategically. In it, you should highlight the types of design you want to keep doing (and be known for) and downplay (read: eliminate) the types of projects you aren\u2019t so excited about or want to move away from.<\/p>\n\n\n\n

Your portfolio will communicate loads to your potential clients, not just about your design skills but about what you can do for them. Let each portfolio piece further strengthen your position as a designer who designs with personality, showing off what you\u2019ve done for past clients and making it clear that you can do the same for future projects.<\/p>\n\n\n\n

By infusing your personality in your business, you strengthen your position in the marketplace. You\u2019ve amplified your strengths and unique offerings, making you the go-to person for your ideal clients.<\/p>\n\n\n\n

What\u2019s more, you\u2019ve become special\u2014memorable. That\u2019s a good thing when it comes to your branding, because you\u2019re standing out from all the other web designers out there.<\/p>\n\n\n\n

And a bonus: your clients know that if you can make yourself memorable, you can make something memorable for them, too.<\/p>\n\n\n\n

\n\n\n\n

The Secret Benefit of Designing With Personality<\/h2>\n\n\n\n

When you build your web design brand with a heavy dose of personality, you\u2019re doing two things: you attract the right clients, and you repel the wrong ones.<\/p>\n\n\n\n

If you’re bold, your evident boldness will attract clients who resonate with an overt design style and repel anyone looking for something basic and cutesy.<\/p>\n\n\n\n

If you\u2019re cutting-edge modern but sweet, you\u2019ll attract clients who want their own design projects that will tap into those same (or similar) feelings. And you\u2019ll be less likely to get inquiries from potential clients who are totally wrong for you.<\/p>\n\n\n\n

Those clients won’t immediately resonate with what you offer, they won’t find your portfolio as compelling as your ideal client would, and they might even be put off. While going around repelling people isn’t what most of us are after in our regular lives, in our business lives, this is a great strategy when harnessed well.<\/p>\n\n\n\n

You’ll be more satisfied with your work, your clients will be thrilled to be working with someone who really understands their needs, and you’ll be able to turn the project around and use it to market yourself. You\u2019ll be getting the best kinds of clients and turning off the rest.<\/p>\n\n\n\n

What\u2019s going on behind the scenes is this: the personality that you display in your web design will give the sense that it\u2019s authentic, with a real person behind it. Your business won\u2019t be a sterile shop that churns out product after product. Instead, you\u2019ll be a real person\u2014one that your prospects can connect with emotionally. <\/p>\n\n\n\n

It\u2019s that emotional connection that becomes your powerhouse marketing tool.<\/p>\n\n\n\n

\n\n\n\n

Web Design and Emotional Connection<\/h2>\n\n\n\n

When your prospective clients can connect with you emotionally, even if they\u2019ve never interacted with you before, you\u2019ve done something really special.<\/p>\n\n\n\n

You\u2019ve built rapport before you\u2019ve even said hello. You\u2019ve connected with someone without exchanging a single email. There\u2019s already a relationship there.<\/p>\n\n\n\n

It\u2019s in relationships that people grow to know, like, and trust you. And after someone knows, likes, and trusts you, they\u2019re much more likely to work with you. They’re more likely to buy something you’re selling, join your mailing list, or do whatever action you want them to take in your CTA.<\/p>\n\n\n\n

This is a fundamental marketing principle. You know it, and your clients probably know it too. Which brings us to this:<\/p>\n\n\n\n

Your prospective client knows that if you can infuse your web designs with the kind of personality that creates positive emotional responses for yourself, you can do it for them, too. And that\u2019s what they want.<\/p>\n\n\n\n

If you can position yourself as the designer who can make that particular bit of magic happen, you’ve got a great foothold.<\/p>\n\n\n\n

\n\n\n\n

Some Tips to Design With Personality<\/h2>\n\n\n\n

So now it’s time to talk about what we\u2019re actually talking about: how to design with personality.<\/p>\n\n\n\n

Designing with personality doesn\u2019t necessarily come easily, especially if you\u2019ve never done it before. There’s an approach to take that goes beyond grids and wireframes and navigability, to infuse every design decision with a sense of personality. Let\u2019s go into a few strategies to get you started.<\/p>\n\n\n\n

Think About Characteristics<\/h3>\n\n\n\n

When you\u2019re in the planning stages for a new design, think about some of the characteristics you want to emphasize. If this project (or company, or person) were a person you know, like a friend of yours or a colleague, what \u201cperson\u201d would it be? The brash leader who gets stuff done? The jet-setter who looks effortlessly stylish all the time? The quiet one who\u2019s into yoga and meditation?<\/p>\n\n\n\n

Each \u201ctype\u201d comes with a built-in set of general characteristics\u2014things that a type of person tends to put forth, like level of formality or color schemes. Think about ways to translate a physical presence to a website. Once you have a sense of the persona, you can come up with ways to evoke some of that persona\u2019s characteristics in your design. Your client could probably benefit from a conversation about this, as well.<\/p>\n\n\n\n

Design With Traits in Mind<\/h3>\n\n\n\n

Come up with a list of traits that the brand or project wants to exhibit. These traits could be provided by your client in the onboarding process, but if the client isn\u2019t totally clear on it, you might have to uncover them yourself. Refer to conversations with the client, any information you have about the business, and even observations you make about what the client is drawn to or envisions. <\/p>\n\n\n\n

Traits should be single words (like approachable, luxe, powerful, elevated, happy, refined, etc.), and if you can work with about 5 of them, you\u2019ll be in good shape to put together a cohesive design that communicates the core essence of the client\u2019s vision.<\/p>\n\n\n\n

Remember What it Isn\u2019t<\/em><\/h3>\n\n\n\n

When you\u2019re working on a design, keep in mind what the project shouldn\u2019t be. <\/p>\n\n\n\n

Use this framework: It\u2019s ___ but not ___. So maybe it\u2019s sweet but not childish. Or bold but not harsh. Spacious but not minimalist. Earthy but not brown. This will keep you focused on the personality you\u2019re working with, and help you edit out elements that don\u2019t fit well.<\/p>\n\n\n\n

Find Inspiration in Visuals<\/h3>\n\n\n\n

If you\u2019re stuck on ideas, do some strategic image searches. Use some of your traits or characteristics to do an image search (or search for ___ + design) and see what crops up. Save some of these images or collect them on a Pinterest board. Consider having your client do the same.<\/p>\n\n\n\n

While you\u2019re collecting these images, look for trends. Are there colors or color combinations that pop up a lot? What about fonts or use of white space? Anything you pick up there might be great to refer to when it\u2019s time to make decisions about specific design elements.<\/p>\n\n\n\n

Let the Fonts do Some Heavy Lifting<\/h3>\n\n\n\n

Font selection isn\u2019t the only element of web design, but it\u2019s one of the most important ones. Typography can make or break any design. While this particular post isn\u2019t going to be a deep-dive into fonts, just know that a lot of your web design\u2019s personality will be communicated via the typeface choices you make. <\/p>\n\n\n\n

If you want a deep dive, you can read The Type Taster<\/a>, a book about type and the way it elicits emotional responses, get a quick overview<\/a> of types from GoLiveHQ, or check out fontpair.co<\/a> to play with font pairings that work.<\/p>\n\n\n\n

Final Thoughts on Designing With Personality<\/h2>\n\n\n\n

One of the greatest things to keep in mind about designing with personality is that it’s just plain fun. If this approach to web design gives you pause, don’t worry. You have your whole career to master the ideas we covered here, and when you’re ready to experiment, the best place to start is also the easiest: yourself! <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Think about your last few designs. Which are the ones you really loved? Which are the ones you thought were really good but were missing a bit of that elusive \u201cit\u201d factor? Website designs should be effective, of course, with easy navigation, eye-pleasing colors and fonts, and a logical structure with clear calls to action…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":141774,"template":"","resource-topic":[1396],"resource-role":[1397],"resource-type":[916],"class_list":["post-139692","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nWhy (and how) to design with personality<\/title>\n<meta name=\"description\" content=\"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why (and how) to design with personality\" \/>\n<meta property=\"og:description\" content=\"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-22T19:29:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/04\/personality-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Why (and how) to design with personality\" \/>\n<meta name=\"twitter:description\" content=\"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/04\/personality-header.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/\",\"name\":\"Why (and how) to design with personality\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-04-02T16:00:00+00:00\",\"dateModified\":\"2023-03-22T19:29:25+00:00\",\"description\":\"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Why (and how) to Design with Personality\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why (and how) to design with personality","description":"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Why (and how) to design with personality","og_description":"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-03-22T19:29:25+00:00","og_image":[{"width":1100,"height":500,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/04\/personality-header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Why (and how) to design with personality","twitter_description":"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/04\/personality-header.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/","name":"Why (and how) to design with personality","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-04-02T16:00:00+00:00","dateModified":"2023-03-22T19:29:25+00:00","description":"The way to stand out as a designer is to \u201cshow personality\u201d in your designs, but what does that really mean? Here's how to make it happen!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/why-and-how-to-design-with-personality\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"Why (and how) to Design with Personality"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/04\/personality-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/141774"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139692"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139692"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139692"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}