Articles

Typefaces give expression to text, communicating personality in a way that no other design element can. And so, we put together this collection of the best new fonts we’ve seen on the web each month.

This month’s collection of fresh new fonts includes some typefaces that push boundaries in subtle but irresistible ways, a few retro fonts that evoke specific eras, and some exceptionally well-drawn examples of classic themes.

Gazzetta

Gazzetta is a condensed typeface with soft curves and sharp joins that gives it plenty of personality at display sizes while still being highly practical.

Bacalar

Bacalar is an intriguing variable font inspired by the Yucatan peninsula in Mexico. The bold, simple shapes are contrasted by extreme tapers that create dynamic shapes.

Monden

Monden is a high-contrast serif with an interesting slant applied to the lowercase h, m, and n. This “kick” adds a modern richness to blocks of text.

Flecha

Flecha is a sharp typeface with precise, simplified shapes that make it ideal for digital use. There is a range of styles and weights that provide flexibility.

Wonder Varelia

Countless calligraphic script fonts are available, but few are executed with the same elegance as Wonder Varelia. It works best as concise display text.

Okkult

Okkult is inspired by 70s horror films. It’s a great alternative choice for Halloween, Stranger Things-style retro designs, and hard-rock bands.

Southern Beach

Southern Beach is a classy script typeface that feels carefree and optimistic. It would work well as the logotype for a hotel, a travel company, or a restaurant.

Connection

Connection is a beautifully drawn typeface that makes unexpected decisions to create interest in what is otherwise a traditional design.

Lokeya

Lokeya is a playful sans-serif with a distinctly modern-French style. It includes several stylistic alternatives to enliven word shapes and is excellent for brand work.

Grtsk

Grtsk is an exceptionally flexible set of fonts with two writing systems, six widths, and seven weights that are also available as one highly-practical variable font.

Beast Head

Beast Head is an expressive brush script packed with energy. It’s a great branding option for gyms, workout clothing, energy drinks, and music events.

Happy Monday

Happy Monday is a retro script font that evokes the late-60s and early-70s. It’s a laid-back option for T-shirts, branding, and editorial work.

TT Espina

TT Espina is a serif face with extreme contrasts and particularly large serifs. The bold weight swells unevenly on the counters, creating a unique aesthetic.

Spookyman

Horrifyingly, Halloween is just around the corner, and if you’re looking for a spooky font for seasonal promotions, look no further than Spookyman.

Quebra

Quebra is a useful sans-serif for projects that need a range of widths. At small sizes, it feels corporate and reserved; at larger sizes, more human details begin to emerge.

Source

The post 15 Best New Fonts, September 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

This month’s collection of the best new fonts is headed in a lighter and quirkier direction than previous months. What’s more, font foundries seem to be getting more creative with their designs as many of these fonts come with alternative stylistic sets, giving you more control over the resulting typeface.

If you’re looking for some fun new fonts to spice up your web designs with, start here:

1. Beauty Rose

Beauty Rose is a whimsical script font that can add a touch of romance and warmth to header text and hero images. It would also look great when promoting holidays and events like Mother’s Day, Valentine’s Day, and weddings.

2. Black Sharp

Black Sharp is a bold display font that works equally well for website logos as it does for physical products (e.g., signage, packaging, book covers, etc.). What’s especially neat about this font is how it transforms when you change its texture. It takes on a very different tone with a grainy look instead of a shiny one, for instance.

3. Goat & Qalvigo

Goat & Qalvigo is a classic serif font with a modern twist. While many of the examples provided by the type designer show off the funky side of the font, thanks to the additional ligatures and alternative styles, you can always use the regular character sets. Either way, you’ll have a classy new font to use all over your website.

4. Happy Comic

Happy Comic is a font filled with personality. Looking at it makes me think of a goofy cartoon character or maybe even an older Adam Sandler movie. This would be a good font for branding lighthearted and humorous brands or publications.

5. Helsa Display

Helsa Display is a slim and compact serif. While serifs usually work pretty well for paragraph text, this one belongs in headlines and sub-headlines because of how thin the characters are. It also has a bit of a dark side (see the examples at the link to see what I mean), so reserve this font for boundary-pushing brands and personalities.

6. Lab Antiqua Variable

Lab Antiqua is a font that took years to create. The most recent release for this font family is called Lab Antiqua Variable. Like other variable fonts, Lab Antiqua will effortlessly transition through a range of font sizes without losing the characteristics that make this serif font so unique.

7. Monomorium

Monomorium is a monospaced typeface with open apertures and a flowing style. In addition, this quirky font comes with additional ligatures, stylistic alternates, parentheses, and more, depending on how fun or buttoned-up you want it to look.

8. Neumond

Neumond is a serif font that pushes the boundaries of legibility. This font gives you the ability to equip the characters with razor-sharp lines, overlap the letters, and push them towards extreme angles. If you have a brand that’s challenging the norm, a font like this that does the same will go really well with it.

9. Pratico Slab UI

Pratico Slab UI is a slab serif font that would add strength and character to the text of a website. You can also experiment with the weight and size if you’re looking for a not-so-boring but highly legible header font.

10. PT Nature

PT Nature is an exciting collection of script fonts. While they all technically belong to the PT Nature family, each font is modeled after different people’s handwriting. So this font family could be really useful if you use a lot of script fonts in your work. Or if you want to make one site and brand look like it has multiple personalities.

11. Rosehot Typeface

Rosehot Typeface is a pretty font that straddles the line between serif and sans serif. With its elegant curves, unexpected twists, and additional angles, this font would beautifully elevate designs for high-end retailers, fashionistas, and others with luxury offerings or services.

12. Shorai Sans

Shorai Sans is a sans serif font inspired by both calligraphic brushstrokes as well as geometric outlines. You can use it to style Latin text as well as Japanese. The font’s creators suggest pairing it with Avenir Next for greater harmony in your designs.

13. Shoutyperson

Shoutyperson is a bold all-caps font. Because of the grungy, stenciled style of the font, it’s not really applicable for many projects. That said, Shoutyperson would be an effective font choice for military, ammunition companies, or brands or personalities associated with a strict, regimented lifestyle (like personal trainers).

14. Simple Farmhouse

Simple Farmhouse is a basic handwriting font that’s highly legible. It resembles the style of writing you’d use to jot down notes on a whiteboard or in a notebook, so it would work well for brands that want to convey a casual and low-key vibe.

15. Sweet Pancakes

Sweet Pancakes is a fun font with full-bodied characters. Most of the examples provided frame the font against food, so this could be used on restaurant websites or food blogs. However, that’s not to say it couldn’t be used elsewhere. It’s a lighthearted and easy-to-read font, so it could just as well be used to style websites and branding for companies and personalities with a bubbly personality and/or positive mission.

Source

The post 15 Best New Fonts, April 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

2021 has been both memorable and instantly forgettable. Pop stars were freed from modern-day servitude, some people tried to overthrow democracy, and we all vacationed at home.

Despite the weirdness of the times, the web kept growing, kept changing, and kept on pushing boundaries. We saw a wealth of new sites launch or relaunch with significant updates.

Here are the 50 best sites launched on the web this year. Enjoy!

Crusta C

In April, seafood company Crusta C cleverly used the simple logomark ‘C’ to apply a cutout video effect.

Slow

Slow is a collective of creatives aiming to implement slow movement principles. Its site reflects those aims, creating a sense of calm and deliberation.

hnst

2021 saw tons of brutalist-inspired design. hnst’s take on the style works thanks to the bright red in place of the standard black.

Marram

This site for boutique hotel Marram uses a soft color palette to create an impression of soft golden light and calm.

Levitate

In July, we loved this site for running-blade brand Levitate. The site is clean and light, with a sense of inherent motion in the photography.

Niarra Travel

There’s some beautiful photography on this site for eco-conscious, bespoke travel agency Niarra Travel.

Plunt.co

The core of this site for Plúnt is a combination chooser which feels pleasingly reminiscent of an animal flipbook.

Moth Drinks

Moth makes classic cocktails in a can. The striking black and white graphics and masking effects for its holding page stunned us back in March.

Seed

Selling supplements is hard; people are understandably skeptical. So this site for Seed packs in research and scientific information and avoids the hard-sell.

Wavemaker

Another excellent portfolio site in 2021, this time for creative media agency Wavemaker. The site is uber-confident while still being playful.

Wild Souls

Wild Souls makes nut butters, tahini, and other Greek delicacies. Its site is colorful and warm, and the site typography is soft and appealing.

JUST Egg

JUST Egg produces egg-like food from plant material. The huge photography and bold typography do a great job of making a new concept appealing.

Aalto University

One of the most popular designs of 2021 was Aalto University’s site with its in-depth campus tour. The simple navigation inspired several imitators.

Wisr

Scroll interactions were big in 2021, and Wisr features a Heath Robinson-style machine that ‘runs’ as the user scrolls down the page.

Cevitxef

This site for Cevitxef ceviche restaurant in Bilbao does a great job of making us hungry. Drama is created by oversized text, heavily-styled photography, and lots of movement.

On

The best digital agencies keep their own sites simple, like this site for On digital technology studio that uses black on light blue and adds infinite scrolling.

Acayaba + Rosenberg

We found Acayaba + Rosenberg’s use of architectural photography and subtle scrolling a pleasing browsing experience.

Madre

This site for home linen company Madre uses extraordinary fine-art style still-life photography to enrich a very simple site.

Hyperframe

“Show, don’t tell” is a well-worn mantra. Hyperframe’s site implements it by demonstrating the product’s major selling point on scroll.

Gemini

This exceptional WebGL experiment was built to show what’s possible in the technology. Have a play with the car; it’s a ground-breaking demo.

Felt

In 2021, collaborative mapping tool Felt launched in private beta. Its excellent site does a great job of creating interest while doubling as a recruitment notice.

imNativ

Not every project is exciting, but this excellent site for imNativ uses macro photography to great effect to promote upholstery fabric.

Websmith Studio

Excellently named Websmith Studio uses color to highlight, and the noise effect applied to the background adds subtle interest.

Singita

High-quality photography and a terracotta-based color scheme create an inviting ambiance for Singita, an African eco-tourism and conservation brand.

Fluff

A fullscreen background behind a mobile view for desktop? It sounds like a horrible idea, but this site for cosmetics brand Fluff pulls it off.

Chiwawa

This great site for Chiwawa cantina features wrestling masks, skeletons, and tone-on-tone color to create a lively and distinctly Mexican site.

Nothing

This site for Nothing’s ear(1) earbuds is packed with confidence. Appropriately, it looks even better on mobile.

Chérie Healey

Lots of experts have tried to tell us how to live our lives in the last couple of years, but Chérie Healey’s site manages to stay on the right side of positive without slipping into clichés.

Wayfinder

Wayfinder, a game about our connection to nature using generative code, AI, machine learning, and data mining, could not have been more 2021 if it tried.

Green Angel Syndicate

Not too many investment groups are thought of as ethical, but Green Angel Syndicate specializes in funding companies fighting climate change.

Tether

As the days got darker in the Northern hemisphere, we were wowed by this site for Tether, a cycle safety system using video and illustration to explain its clever approach to bike safety.

Patricia Urquiola

Back in January, we loved the new site for Patricia Urquiola design studio, thanks to its bright, bold colors that we thought inspired confidence.

Headup

Headup’s businesslike approach is created thanks to a pleasing color palette and geometric graphics.

Redwood Empire

For Earth Day on April 22nd, Redwood Empire Whiskey created a microsite promoting a competition styled to match their bottle labels.

GT Super

The one-pager for GT Super has a certain drama in keeping with the font itself and allows you to play around with the size, weight, and style.

Planet of Lana

Due for release in 2022, Planet of Lana is a game from Wishfully Studios, and its teaser page launched back in June has kept us intrigued ever since.

The Longest Road Out

This charming site for The Longest Road Out is a travel map and journal based on the creators’ road trip around Britain, Ireland, and the outlying islands.

Made Thought

Made Thought has a bold aesthetic and approach that explains its outstanding client list.

Miti Navi

Miti Navi makes extraordinary sailing boats. We were attracted to how its site presented a luxury product in an original way.

La Nouvelle

Another powerful digital design agency site was La Nouvelle’s, which used a combination of contrasting and complementary color combinations to catch the eye.

Caleño

Caleño makes non-alcoholic distilled spirits. They relaunched their website in March with bright, joyful colors that reflect the character of the brand.

Capsul’in — Aluminium

This demo site for a coffee pod manufacturer isn’t a site as such, but it demonstrates that even in 2022, there’s room for parallax scrolling.

How Many Plants

Everyone needs a few more houseplants, and How Many Plants is a great guide to how to own and look after them. The illustration style is friendly but efficient.

How & How

One of the most approachable design agency sites of 2021 was How & How’s. It keeps things light and clean, and effective.

The Hiring Chain

Part of a campaign encouraging businesses to employ talented people with Down Syndrome, The Hiring Chain website dispels myths with clearly presented facts.

Virgile Guinard

Back in February, we couldn’t get enough of photographer Virgile Guinard’s portfolio site. Blocks of color pulled from each image hide the image allowing you to focus on one image at a time.

Studio Nanna Lagerman

Studio Nanna Lagermann’s site excels at creating a sense of space and calm. The color palette is soft and neutral. The type is large but clean and sophisticated.

GOOD Meat

Veganism is a growing trend, and one of the sites promoting it with gorgeous colors is this site for lab ‘grown’ meat.

Mama Joyce Peppa Sauce

This one-page site for Mama Joyce Peppa Sauce is big and bold. Click almost anywhere, and two bottles of sauce go into your cart.

Ebb Dunedin

The site bucks the trend for luxury hotel design and instead is styled to complement its interiors. We could have done with time at this boutique hotel in 2021, maybe next year…

Source

The post 50 Best Websites of 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Personalization; it’s probably one of the most important design trends to emerge in recent years.

As consumers in all industries become more demanding, they’re increasingly searching for online experiences that are customized to suit their individual needs and expectations.

Today, personalization exists in virtually every digital interaction, from adverts on social media to PPC campaigns and email marketing efforts.

Used correctly, the manipulation of demographic, behavioral, and other in-depth user-data can help designers to create dynamic, highly customized content for each website user. At the same time, these unique websites ensure that designers really make an impact on behalf of their clients, outshining the competition and driving amazing results.

What is Hyper-Personalization?

Basic personalization in web design involves making changes to a design based on what you know about your client’s target audience.

For instance, if you knew that you were designing for an audience that spends more time on their smartphone than their computer, you’d concentrate on building hyper-responsive experiences for small screens. For instance, the Canals-Amsterdam.nl website is specifically designed to support people using smartphones to swipe, tap, and scroll.

If you’re aware that your customer’s target market is other businesses, you might put more testimonials, free demo CTAs and other enticing components on the website to encourage investment.

Hyper-Personalization is an emerging trend for 2020 that focuses on going beyond the basic understanding of a target audience, to look at genuine customer data. Hyper-personalization is all about leveraging in-depth omnichannel data to drive more advanced customer experiences on every page of a website.

For hyper-personalization to be genuinely effective, designers need access to virtually unlimited data, from CMS systems, sales teams, marketing experts, and more. When you have that data handy, you can use it to:

  • Design websites that showcase dynamic CTAs, featuring content relevant to each user;
  • Implement sign-in screens for customers vs. demo requests for new leads on home pages;
  • Showcase products similar to past pages when repeat customers return to a site.

Why is Hyper-Personalization Important?

Personalized experiences have always been important to the sales journey.

However, in an era where companies are constantly competing to grab user attention, you can’t just cater to your site designs to a group of people anymore. Increasingly, users are expecting specific interactive moments on websites, made just for them.

Amazon is an obvious example to consider here. As one of the world’s leading online shopping sites, Amazon’s efforts with website personalization are incredible. The Amazon website uses tools integrated into the back-end of the marketplace to watch everything a customer does on its platform.

As users browse through the website, the site jots down each category that you look at, and which items interest you. Thanks to this, Amazon can suggest which products you may be most interested in.

Websites like Madebyhusk also offer an incredible insight into hyper-personalization, allowing users to browse for the products that appeal to them based on in-depth filters like edging and color.

The result is a higher chance of conversion.

When customers feel as though they have complete control over their buyer journey, and that each step on that journey is tailored to them, they’re more likely to buy.

Better Converting CTAs

A call to action is an excellent way to move things along when you’re encouraging the buying process with your target audience.

Used correctly, your CTAs can encourage more than just cart conversions. They can also convince people to sign up for your newsletter via a subscription form, take a survey, or begin a free demo.

Regardless of the CTAs that you choose to implement, personalization will quickly make your requests more effective. According to studies, CTAs that are personalized are 202% more effective than generic alternatives.

For instance, Byhumankind.com uses a crucial statement: “Great personal care products don’t have to come at earth’s expense.” Followed by an engaging CTA to drive positive action from their audience. The company knows that they’re appealing to a customer interested in saving the planet, so they make the benefits of “Getting Started” obvious immediately.

Using data provided by clients, designers can figure out exactly how to position CTAs and offers for customers. For instance, notice that Humankind has a green colored CTA button.

Most buttons take advantage of bold colors like red and orange, but the green shade for Humankind further highlights the nature-driven personality of the brand.

Relevant Product Recommendations

Repeat customers are infinitely more valuable than people who purchase just one item from your site.

However, convincing a standard customer to become a repeat client isn’t easy. Sometimes, clients need a push to determine what they want to buy next.

Fortunately, as a website designer, you can help with that. Using dynamic modules in the product pages of your customer’s website, you can show individual end-users what they might want to purchase next from a specific brand.

These dynamic modules can use information about what each customer has purchased in the past, to suggest a new product or service. Amazon do particularly well in this regard, leveraging a vast marketplace and treasure trove of information to make quality recommendations. But you don’t need to be designing a considerable website for a global business like Amazon to take advantage of dynamic suggestions. Any business with a focus on hyper-personalization can benefit from this strategy.

Increased Time on Site

Any form of personalization on a website can significantly improve the amount of time a customer spends in that digital environment.

Imagine walking into a restaurant that seems as though it was designed specifically for you. The décor, the seating arrangements, and even the menu are customized to your taste. You’re more likely to spend your time and money there than on any generic food place you find on the street.

The same rules apply to website design. The more hyper-personalized you can get with your client’s design, based on what you know about their customers, the easier it will be to keep customers engaged.

For instance, the WarnerMusic.no website entices visitors with various high-quality images of popular bands and artists, before providing them with endless information about the brand and what it does. The designer of this site knew that it needed to appeal to the visual demands of the audience first, before offering useful information like featured artist lists, News, and blog posts to keep the users on site.

Hyper personalization is all about figuring out what kind of end-user you’re designing for, so you can build the digital environment that’s more engaging and compelling to them. Some designers even create dynamic pages that change depending on whether a customer is a repeat client or a new visitor.

Improved Loyalty and Affinity

Finally, it’s human nature that we all want to spend time with the people that treat us best.

We all value excellent customer service, which is why customer experience is the most significant differentiating factor for any organization today.

Web-based personalization works in a similar way. When you use your design tools to make the site experience that you give to each visitor warm, individualized, and welcoming, then your clients are sure to see a boost in customer loyalty.

Around 89% of consumers say that they’ll only consider buying from brands that care about them. As a designer, you can convince every website visitor that they’re going to get the experience they deserve. Just look at how TheHappyHero.com instantly lets clients know that they can expect a fun and friendly interaction on every page.

Accessing useful data from the companies that you’re working with before you begin developing and designing a website could be the key to creating happier customers and higher conversions.

The more delighted end-users are with the experience that a website gives them, the happier that your client will be with you – increasing the impact of your design portfolio.

If you can create customer loyalty and affinity for your client, then you will be able to develop the same feelings between yourself and your client. This could mean that you earn more recommendations as a designer and build your position as a leader in the industry.

Hyper-Personalization is Crucial for 2021

As companies continue to worry about how they can safely use data without crossing the line when it comes to customer privacy, hyper-personalization has stayed just out of the mainstream. While it may be a while before we see every website designer starting their process with piles of in-depth data, it seems that we are heading in that direction.

Customers in 2021 and beyond will undoubtedly want a more advanced and customized experience from the brands that they interact with – particularly in an era where it’s becoming much easier to deliver meaningful moments online.

Source

Source de l’article sur Webdesignerdepot

Autre source / On the same theme

Designing for emotion in and of itself is not a problem. Websites are bound to elicit an emotional reaction from visitors, even if it’s as simple as them feeling at ease because of the soft, pastel color palette you’ve designed the site with.

I don’t want to outright villainize emotional design. Unless there is some form of unethical manipulation at play, designing for your visitors’ emotions can actually provide them with a more positive experience.

So, here’s what I’d like to look at today:

  1. What is emotional design?
  2. When does emotional design cross a line?
  3. What’s the right way to design for emotions?

1. What Is Emotional Design?

When we look at emotional design in the context of a website, we’re focused on three types of emotional reactions:

a. Visceral Reactions

Visceral reactions are instinctive ones. Usually, visitors experience these as their first impressions of a website or web page. For instance, a cluttered or otherwise poorly designed homepage might leave visitors feeling overwhelmed, hesitant, or wanting to flea.

A minimally designed homepage interface, on the other hand, might have visitors not feeling much of a reaction at all. In this case, no feeling is a good feeling.

Like Irene Au said:

b. Behavioral Reactions

Behavioral reactions stem from the usability of a website. There’s a lot that can stir up negative emotions here, like:

  • Extra-long contact forms
  • Confusing menus
  • Error-ridden content
  • Slow-loading pages
  • And more

Again, if a website is easy to get through and attractively designed, visitors aren’t likely going to “ooh” and “aah” with every step they take on the site. And that’s a good thing. If they’re focusing more on how the design looks, they’re not paying attention to the brand’s actual offer.

c. Reflective Reactions

Reflective reactions are the third type of emotions we design for.

This is complicated because there’s a lot wrapped up in how visitors feel about a website after the fact. Sometimes the most well-designed interfaces and experiences can’t save them from a bad experience, whether they realized too late that the products were overpriced or they were treated poorly by a live chat representative.

As a web designer, all you can really do is to make sure you’re working with reputable companies and then aligning the designs of their sites with their values.

When Does Emotional Design Cross a Line?

There’s already enough social pressure online; your website doesn’t need to be one of those places, too

Emotional design shouldn’t be about manipulating consumers’ emotions. In most cases, emotional design is about controlling the environment of the website so that emotions don’t go spinning wildly out of control — in either direction.

It’s when we take what we know about influencing someone’s emotional state to monetarily benefit from it that emotional design becomes problematic.

Here are some ways in which you might negatively impact the emotions of your visitors through design:

FOMO

The fear-of-missing-out isn’t always a bad marketing strategy. However, when FOMO is used for the purposes of rushing consumers to take action now and without time to really think it through, it definitely can be.

Chances are good they’ll feel badly no matter what. Either because they regret the rushed (and probably unnecessary, or expensive) decision or they blame themselves for missing out on an opportunity to be like everyone else.

There’s already enough social pressure online; your website doesn’t need to be one of those places, too. So, be careful with how you present customers with limits (on time, on products, etc.) or how you frame the call-to-action (“If you don’t buy this now, expect to fail/be miserable/suffer even more”).

Analysis Paralysis

It doesn’t matter why people specifically seek out your website. They have a problem or a hole in their life, and they’re looking for something to fix it.

Now, you can’t help it if the website has too much to offer in the way of options or solutions. Companies have to provide every possible solution/option so their users don’t feel like they have to go somewhere else to get what they need. However, the way you design these options can lead to a negative emotional state if you’re not careful.

For instance, your visitors might experience analysis paralysis, where there are so many options that it becomes impossible to take action. Similar to FOMO, this can lead to regret either with the decision they made or the one they were incapable of making.

By simplifying how many choices are presented at once, or designing a clear and supportive pathway to the right option of many, your website will leave visitors feeling much more positively about the whole experience.

Trendy Nostalgia

Nostalgia can be a great way to play upon the positive associations and emotions consumers feel towards an era gone by or a place they once knew. But, again, it depends on how you design with it.

For example, if you design a vintage website for an agency launched in 2019 and run by a group of 20-somethings, it might come off feeling disingenuous once customers start to catch on.

For a restaurant known as the oldest bar in the state, that would be a different story. That nostalgically designed website would be a real part of its story; not just done as a sales gimmick. As a result, customers would likely embrace those warm feelings for the “good ol’ days” they get from the website.

Also, think about how quickly nostalgia fades if it’s done to align with a trend. Unless you’re committed to redesigning a website the second that nostalgic feeling falls out of favor, you could be condemning your client to an outdated website mere months after launch.

What’s the Right Way to Design for Emotions?

Like I said before, there’s nothing wrong with designing for emotions. You just have to make sure your website visitors don’t feel manipulated and that they welcome the pleasant feelings the site gives them.

make sure your website visitors don’t feel manipulated

It might seem harmless at the time. After all, what are they doing on the site if they weren’t interested in the first place? And it’s not like they were bullied into spending their money, right?

But if they sense in any way that their response was driven by an emotion they wouldn’t have otherwise felt, they’re not going to be happy. While it might not be enough for them to cancel their subscription or services, or to return products they bought, it will definitely leave a bad taste in their mouth. And, ultimately, it can cost your website loyal visitors and customers.

So, if you’re going to use emotional design on a website, do it to improve their experience, not to put more money into your clients’ pockets. That means your emotional design choices need to be honest, transparent, and focused on eliciting naturally positive emotions like:

  • Satisfaction
  • Feeling impressed
  • Trust
  • Calm
  • Feeling valued

Go back to the three emotional reactions I brought up earlier. If you can design a website to give off a positive first impression, and to be pain-free and usable, you can spend the rest of your time injecting small bits of happiness and positivity into the website with color choices, friendly micro-interactions, personalized content, and more.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

It’s no secret that having a custom domain name is an essential piece of any company’s branding strategy. While there are a myriad of hosting plans available that offer domains like your company.webhost.com, making the shift from one of those to simply yourcompany.com is an important step.

However, your domain branding strategy need not end there. Domain mapping offers an opportunity for web developers and online business owners the ability to improve their marketing campaigns, protect their brands from competitors, cut down on costs, and develop a more efficient workflow.

What is Domain Mapping?

Domain mapping refers to how visitors to your website are directed to different domains and subdomains and what URLs will be displayed in the visitors’ browsers.

When you first set up your online business, one of the very first things that you do is register a domain name for your company website. But depending on the business, it could be wiser to actually register multiple domain names at once. This is because you will want to lease the primary domain name you plan on using in addition to all related TLDs. This way, cybersquatters will not be able to hold your domain name hostage, especially once you have grown into a more established brand.

For example, if you register the name yourcompany.com, you might also want to register yourcompany.net and yourcompany.org. Then you might set up a URL redirect so that visitors to the latter two sites will be redirected to yourcompany.com. However, with a domain redirect, visitors to yourcompany.net and yourcompany.org will be redirected to yourcompany.com, meaning the URL in their browser will appear as yourcompany.com no matter what they typed.

With domain mapping, this isn’t the case. A visitor to yourcompany.net will still see that URL in their browser even if the content is actually being hosted on yourcompany.com.

Benefits of Domain Mapping

Although domain mapping may seem a bit esoteric and complex at first, it serves several purposes and offers many benefits:

1. Make Web Addresses Easier to Remember

Imagine that your restaurant chain, Larry’s Lunches, just opened a new chain on 116th Street in New York City. Your first instinct may be to direct customers to larryslunches.com/116thstnyc, but that domain is a bit long and hard to remember. Instead, you might want to register the domain larrys116th.com for customers for that specific store.

With domain mapping, you can serve up the content from your main domain, larryslunches.com, while still having your visitors see larrys116th.com. This makes it easier to brand your sites without having to manage several different sites.

2. Boost Your Web Development Career

If you are a web developer yourself but are not admittedly well-acquainted with domain mapping already, you would do well to change that.

One of the easiest ways would be to look at online web development programs that one can take to read through documentation to get caught up to speed on how domain mapping can help their efforts and how to implement it. These kinds of programs can be more comprehensive than university courses and offer an impressive 88% job success rate for those who successfully complete the programs.

3. Shield Your Brand from Competitors

Remember, it’s a good idea to purchase several different related domains in anticipation of competitors snatching them up from you. Choosing the right domain names is essential to protecting your brand.

For example, Larry’s Lunches might want to snag larrysnyclunches.com and larrysfamouslunches.com as well. However, simply leaving those domains parked can be a bit of a waste, and managing multiple domains can be a pain in and of itself.

But with domain mapping, you can manage those domains just as easily as if they were your primary site, so you no longer need to leave them empty.

4. Save Time and Lower Development Expenses

Development isn’t cheap, and time is money. While the maintenance costs for a website are already high enough, adding in separate domains can sometimes break the bank due to the increased complexity of managing so many different moving pieces.

Domain mapping can lower expenses and save time by keeping everything tidy and in one place. By managing everything from a single WordPress installation, for example, you can push updates to all your subdomains at once, saving you from the tedium of going through each domain and making the same updates.

5. Manage Client Sites from One Place

If you’re a freelance developer or run an agency, using domain mapping for some of your clients’ sites can save you time as well. For example, if several clients want blogs, and you use the same infrastructure for them, you can easily push updates and changes to all of them at the same time. In short, domain mapping can make maintaining sites much easier and quicker.

How to Implement Domain Mapping

If you’re sold on the benefits of domain mapping, here’s a quick primer on the steps you’ll need to take to get started:

  1. Choose a domain registrar: The ideal registrar you choose should come with a number of important features including adequate hosting for keeping your website visitor friendly, SSL certification to ensure security, 24/7 customer support, comprehensive packages that make it easy to operate your online business.
  2. Register the domains you’re interested in: These can either be domain misspells (otherwise known as typosquatting), like youcompany.com, yourcmpany.com, etc, or related domains like yournewproduct.com, yournewlocation.com, etc. Whatever you decide to go with, you’ll need to have it registered before you can get started.
  3. Install WordPress Multisite: WordPress is one of the easiest ways to develop websites, and that holds true for domain mapped sites as well. Plus, considering WordPress sites account for over a third of the entire internet, you can’t go wrong with the famed CMS. All you need to do is install WordPress and, once that’s installed, open wp-config.php and add define(‘WP_ALLOW_MULTISITE’, true) above the /*.
  4. Configure your DNS settings: Next, you’ll need to point all your name servers to your hosting account. These changes can take up to 72 hours to go into effect.
  5. Add domains to your hosting plan: From your hosting platform, you’ll need to link your custom domains. You can usually do this from your cPanel.
  6. Map subsites to your custom domains: Once you have your domains set up, you’ll need to link them through WordPress. To do so, simply login and navigate to Sites -> Add New. After you assign them a subdomain or subdirectory name, you can click Edit and add your custom domain. Then just hit Save Changes, and you’re good to go.

Take note that domain mapping is not necessary for transferring a domain name. When you map a domain, you’re simply telling your domain where it can find your website on the internet through having your name servers updated. When you change your name, it only affects where the domain has been resolved.

The Bottom Line

While domain mapping isn’t necessary for all websites, it can still be a major timesaver. By utilizing it properly, you can greatly improve the standing of your online business by saving time and money, making website management easier, and improving the branding of your sites.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot