Friday, 16 November 2018

Incorporate Bohemian Style Into Your Designs

Bohemian Style

The Bohemian Style, also known as Boho Chic, appeared as a counterculture movement in the early 19th century, in England, but it only became popular worldwide in the 90’s. Back then, the term described the people who rejected the norms of that era. Today, Bohemian is a word describing a style focused on natural elements such as flowers, animals, and patterns based on geometric figures. Albeit it is not hard to recognize the Bohemian Style, not everybody can create a Boho design. Today, we are going to point out some of the main features of the Bohemian style and teach you how to incorporate it into your designs. 

 

Let’s get a better understanding of the term “Bohemian”

In the 90’s, a bohemian person would be interested in “art, music, and/or literature, and lives in a very informal way, ignoring the usually accepted ways of behaving.” The term was directed at outcast artists who lived non-traditional lives. Nowadays, though, it means something totally different. It mainly describes a way of living that includes anything from home decor and clothing, to graphic and web design styles. You can tell it apart due to its main themes: leaves and flowers, vibrant colors that pop, layered clothing, visual textures, arrows, horns and antlers, floral wreaths, indoor plants, animal skulls, macrame, mixed geometric figures. Incorporated into a design, these elements will make your work stand out in the crowd. If this is what you want, let’s see how we can get the job done.

 

Incorporate Bohemian Style into Graphic Design

As you’ve probably deduced, the Bohemian Style cannot be introduced in all your products due to its specific characteristics. It wouldn’t look right to design a boho logo for a construction company, for example. As we mentioned before, Boho Chic is a way of living, so if you are not an adept, it will look wrong. Your clients, instead, might ask you to design Boho websites, business cards, wedding invitations, book covers, product packaging, clothing prints, greeting cards, wall artwork. In this case, you can take inspiration from the collections we listed below, which are exceptional examples of what your Bohemian Style design should look like.

Boho Bordo Watercolor Flowers

 

Bohemian Style

This stunning design was created by whiteheartdesign. If we take a look at this design, we can point out the main Boho elements the designer used:

  • watercolor flowers and nature resembling themes
  • accessories such as feathers, jewel shades of red
  • the decorated skull
  • the arrow
  • handwritten font
  • eucalyptus leaves
  • vibrant colors against a white background
  • mixed textures and patterns

Modern Boho: Pale Watercolor Set

The collection below takes another approach, featuring pastel colors contrasted by darker shades of blue and grey. This choice of colors and shades is specific to the Minimalist style, very popular, as well, among graphic designers. The result? Amazing aesthetics fitted for a more conservative client who doesn’t want a design that screams color.

Bohemian Style

This stunning collection was hand-drawn by Lana Elanor and it includes more than 140 watercolor elements such as:

  • 10 floral arrangements and bouquets
  • 2 clean + 2 decorative dreamcathers
  • 7 embellished floral frames
  •  hanging indoor plants
  • set of 10 beachy boho shells
  • set of 20 feathers (peacock feather included)
  • 1 Giant Leopard moth (butterfly)
  • 1 clean + 3 decorative wooden Peace signs (hippie symbol of peace)
  • set of 12 crystals, gems, and slices of minerals (amethyst, quartz, etc.)
  • and much more.

50 Boho – Tribal – Gypsy Ai Brushes

The Boho Style has many elements in common with the tribal aesthetics. The African attire is, regardless of the event, an ocean of colors and geometrical shapes. Marish created a collection of 50 hand-inked tribal inspired brushes that will make your work easier where going for a Bohemian design. The designer assures us that they are great for:

  • Logos
  • Posters
  • Wedding Invites
  • Textile design
  • Mandalas

Bohemian Style

The beauty of this style lays in its imperfections. We rarely have the chance to see perfectly straight lines or perfectly drawn shapes. This will give your design a natural, effortless, yet trendy look. Do yourself a favor and download all the brushes in the collection above and start designing with style… Bohemian Style.

ANIMATED Instagram Posts-Boho chic

Needless to say, as a graphic or web designer, you need to make an impression by all means. Whether this means a gorgeous website or a stylish social media profile. If you are a fan of the Boho Chic, CreativeFolks will put your work in the spotlight. They created Instagram Story Templates that you can have fun editing depending on your mood. You can change the colors, the text, and even the animation. Check some out below:

Bohemian Style

For more Boho Design inspiration on Instagram, follow BohhoSoul.

Below, we have listed some more resources that will help you give your projects a Boho touch.

Bohemian watercolor collection II

Bohemian Style

Beautiful Boho Designs

Bohemian Style

55 Boho Style Vector Set + Bonus

Bohemian Style

Before we close up this article, we listed a few tips for incorporating Bohemian Style into your design in a more natural way:

1. Choose your color range from the beginning. If you prefer vibrant colors, make sure you stick to them to the end of your project. Same case applies to pastels. But don’t be afraid to juggle with them.

2. Don’t over use elements. There are plenty of Boho designs already created out there and it’s very easy to get carried away and add too many to your design.

3. Be consistent. When branding a new company, make sure the website, the logo, and the business card feature the same Bohemian elements.

4. Pay attention to your client’s directives. With such a detailed style like the Boho Chic, you might miss some details your clients want.

5. Creativity has no limits. The Bohemian Style offers you the freedom to express yourself through colors, patterns, themes, and so much more. Make the best of it.

Read More at Incorporate Bohemian Style Into Your Designs



from Web Design Ledger https://webdesignledger.com/comprehensive-collection-thanksgiving-templates/

Thursday, 15 November 2018

5 Tips for Better Website Navigation

Website Navigation

As a business, your website should be informative, and the key to a seamless user experience lies in the navigation. Any time a user visits a website, they want and expect all content to be clear and concise. Your navigation is the map—and therefore digital portal—between the visitor and what you have to offer.
According to Silverback Strategies, a DC web design agency, “A key step to staying ahead of competitors is ensuring that your company makes a great first impression, and your website is often the first encounter consumers have with your brand.” Unfortunately, not everyone puts the right amount of time and effort into crafting a navigation that works. With that in mind, these seven tips will help you create a better website navigation that users will appreciate and understand.

Website Navigation

1) Plan Your Navigation Early

It’s not uncommon to be eager when creating a website and to simply start adding pages in your website host dashboard. However, this can easily lead to an ill-planned navigation menu, and you can do much better by prepping your pages ahead of time. When you prepare your
navigation menu ahead of time, this is called a “sitemap”—and just as it sounds, it’s a map of your website. There are several ways you can do this. Start off by drafting a map via pen and paper to help get your ideas out. Then, begin creating it in something as simple as a Google
Doc. Use an outline format to create your page setup. For example:

1. About
a. Our Team
b. Company Mission
c. Brand History

There are also dozens of sitemap creation tools to streamline the process for you. Keep in mind that early on, you want to focus on creating visual sitemaps, purely for planning purposes. Take a look at some visual sitemap creator tools here. And for some inspiration, check out these websites with great navigation.

Website Navigation
2) Use Language People Can Understand

Your navigation uses language to communicate with visitors, and the language you use should be user-friendly. In fact, you might even consider getting creative with your copy, depending on your brand and the industry you’re in. Additionally, certain terms are more applicable across different industries than others.
For instance, if you were a professional scientific publication, it would be acceptable to use the word “Articles” to refer to your content, but if you were an e-commerce company, “Blog” would be the appropriate language to use. Similarly, as an e-commerce shop, you wouldn’t want to call your store “Marketplace” but would choose “Shop” instead.

3) Link Your Logo

Today, the majority of people expect certain experiences out of their website visits. And one of their expectations is that the logo always links back to the homepage. Typically, you will find the logo at the top left corner of the website. It’s not always bad to reinvent the wheel, but it’s important to understand that doing so can result in some confusion, and confusion can lose potential conversions. To ensure you’re creating the best experience for your users, you should A/B test your website to see which efforts are faring best with those visitors.

Website Navigation
4) Implement a Responsive Navigation

Without a doubt, you need a responsive navigation. A responsive navigation allows any user to seamlessly view your content and design from any device, whether it’s desktop, phone, or tablet. Today, this is extremely important. There are many reasons for this. First and foremost, in 2015, Google announced that, for the first time, searches across mobile devices surpassed searches on desktop devices in at least 10 countries, including the United States. Another study revealed that between December 2013 and December 2015, tablet Internet consumption grew by 30%, while mobile smartphone consumption increased to 78%. If a user visits your website through their mobile device and has difficulty with your menu, they’ll simply move on to the next best thing.

5) Pay Attention to Your Footers

Your footer is the area where you put some of the items that are not so much fun—this includes your privacy policy and other legal terms. However, it’s an important area to pay attention to, as many people scroll directly to the footer to locate important information (or information they can’t find in the header navigation), such as where a business is located, how to find job opportunities, and where to get press and media information.

Many businesses, especially storefront companies, even put a visual map here to show visitors exactly where the business is located. And lastly, many businesses also include social media icons in the footer.

Read More at 5 Tips for Better Website Navigation



from Web Design Ledger https://webdesignledger.com/5-tips-for-better-website-navigation/

How to Improve Your Button Design

Who doesn’t love a button? In this case, we are not talking about the buttons of a suit, nor the ones that hold your pants together. Today, we are going to be talking about the buttons that have been a staple in interactive UI design for years. You might be thinking that a button is just a button, but it can be made into so much more. Button design gets a little bit more complex than you might think. Today, we are going to be discussing what makes a good button. 

 

A Button should look like a button

Online, buttons act as visual cues to help enhance the user experience. In order for the user to get the full experience, they should not have to guess where the button is located. If you really want your visitors to click that button, it should look like a button that can be pressed. This is how you do it:

Give it a shape

You want your button to stand out. For this to happen, you have to give your button a recognizable shape. It should stand out from everything else on the page and instantly be recognized as something the users can interact with. Believe it or not, the most common button shape online is not a circle, like you’ve all probably imagined. Your safest bet is to use a rectangle. Not a normal rectangle, though, but one with rounded edges. These typically work the best because they stand out enough to be recognized, but not enough to disrupt the flow of your website’s design.

button design

If you feel creative, you can just as well use something less traditional, such as a rhombus, a triangle, or even a custom shape. The key to making these easy to recognize is to be consistent throughout your website. They will give it a personal touch, which always makes the users more interested.

button design

Use Shadows and Highlights

Shadows have a valuable role in design, as they make things look like they pop out. Every good UI design requires elements that stand out against the background, suggesting that they are tappable or clickable. Just like in real life where the keyboards of a laptop, for example, has raised buttons that can be presses down. More than the shape of your button, the shadows and highlights play a very important role in identifying an interactive button.

Label your buttons according to their purpose

We evolved quite a bit from the times when the only buttons we’d use were the play, rewind, forward and stop. They used to be represented by symbols that everybody was familiar with. Today, it would be almost impossible to put a symbol on every button and expect people to memorize them. There are so many! The good news is that we don’t need to do that, as we have the option to simply write on that button what it is meant for.

button design

It may happen that the message is not clear enough. In this case, it is not wrong to have conformation label as a follow up, that explains the action of a certain button. These need to give the user the option to decline or accept the action of the button.

 

Place the Button Where It Can Be Found

The user should never hunt for the button. Place them in such a way that everybody can find them. The easiest way to do that is by placing them where people expect them to be. Also, there’s nothing wrong with testing their placement before you determine where to put them. A good example for this is when you log in to any given website. You always put your name and password in, and the log in button is right below that. Nobody would expect the login button to be anywhere else.

button design

Make Interaction with the Button Easy

Consider the size of the button relative to everything else on the page. Make sure that the button is large enough to interact with, but not so large that it takes from the beauty of the page. Studies have shown that the optimum size is 10mmX10mm. Another aspect to keep in mind is the distance between two clickable buttons. Give the buttons some room to breathe. You don’t want anyone accidentally clicking on the wrong button.

Allow Users to Visually Interact with the Button

The button can look good, but if it doesn’t act like a button, the whole project is pointless. When the users click, make the button give visual feedback. This helps in two ways. The first way is that well, it feels more like a button, and that makes everyone happy. The second way is that it gives the user quick confirmation that they actually clicked the button.

button design

Highlight the Important Buttons

Buttons have different roles, from minimal to major. The more important buttons should be easily distinguished between the any other button that’s not as important. The solution could be using different colors, outlining, or making the more important button bigger.

The summary

In order to improve your button design, you need to understand that:

  • A button should look like a button;
  • Buttons should be placed where they can be found
  • The interaction with the button needs to be easy
  • Interaction with a button should give visual feedback
  • Important buttons should be highlighted

For such a simple concept there sure is a lot to know about buttons. Although the details are small, there’s nothing more satisfying than pressing a good button. We hope that these tips will help you design buttons that will offer your users a good experience. Share this blog post with other people you think would benefit from it and make sure you stay updated with out latest snippets of knowledge and inspiration by vising us daily.

 

 

Read More at How to Improve Your Button Design



from Web Design Ledger https://webdesignledger.com/how-to-improve-your-button-design/

Wednesday, 14 November 2018

10 WordPress Tips and Tricks to Steal from the Pros

WordPress is one of the most popular website platforms in the world, powering around 30 percent of the Web. It also has about 60 percent market share, beating out platforms like Joomla and Drupal by a long shot.

People who use WordPress generally love it, which may be one reason it’s so popular. The other is likely that it’s a simple-to-use editor, that’s also free to download. With that being said, the novice user starting out can be overwhelmed. However, this beginning phase with WordPress is something that really only takes just a few minutes to overcome and master!

No matter if you are a novice or a veteran site owner, you will want a sleek site with better performance, and these 10 WordPress tips can help you get there. The pros swear by them. Once you’ve tested them out, you probably will too.

1. Put the Basics First When Working with WordPress

Basic knowledge of WordPress is one of the most important things in your toolkit. If you want to build a great website, you need to start with a solid foundation. That foundation is built on the basics.

A great rule of thumb is to keep it simple. One reason WordPress overwhelms beginners is that it has so many different features. There are thousands of plugins, but there is only a handful that will improve your site.

If you’re starting out, these are the must-have plugins you need:

  • Jetpack by WordPress.com
  • Akismet Anti-spam or another spam filtering plugin for comments
  • Yoast SEO or another SEO tool to measure your optimization

You probably don’t even need all the features in a plugin like Jetpack, so be sure to turn off those you aren’t using. This reduces load times and optimizes the user experience of your site.

If you haven’t updated your SEO plugins in a while, or feel like you might be missing out on the latest ones to hit the market, simply read up on any of these top SEO blogs.

2. Put a Spotlight on SEO

You’ve already decided to install an SEO plugin. You know good search engine optimization drives traffic to your website. A great plugin isn’t the be-all, end-all of getting good SEO.

Before you even begin building your website, make sure you understand the basics of SEO. This can help you sort out what you need, and what you don’t need when it comes time to actually build the website.

Not sure what you need or don’t need? You might want to hire an SEO consultant before you begin. Hash out your plan before you get started, and everything will seem much more streamlined.

3. Get on Board with Mobile for Your Website

One of the biggest trends in the last few years has been the surging popularity of mobile. Google now ranks sites based on their mobile-friendliness. Mobile has also surpassed desktops as the most popular way of accessing the Internet.

The writing is on the wall. We’re living in a mobile world, and you must adapt. That’s why one of the most popular WordPress blog tips is ensuring you optimize your site for mobile.

4. There Are All Kinds of WordPress Tips for Personalizing User Experience

Does everyone who visits your website see the same message when they land there? Are your suggestions for what to read next static, or do they respond and change as users click around your site?

Personalization is the next frontier in delivering great user experience through your website. That’s why so many WordPress hacks focus on crafting a more personalized experience.

One of the easiest ways to deliver is to use a plugin to greet users with different messages. Someone visiting from a web search will receive a different message than someone who arrives after clicking a Twitter link.

5. Think about the Structure

If you were to map out your website on a piece of paper, what would it look like? Now think about how easy it is to navigate through all these pages. How quickly can people find what they’re looking for?

A common area for bad structure on sites, is the footer area. You can see an example of this in the screenshot below.

Site structure is more important than ever. Users themselves will move on if they can’t find what they want. Search engines like Google use the structure as part of your ranking as well.

6. Feel the Need for Speed

Another important thing to consider about your website is speed. How fast does your site load for visitors? Google will downgrade your rank and visitors will click away if the site is too slow.

Speeding up your website is easy with these premium hacks:

  • Reduce the size of images, so they load faster on slow connections
  • Use a lazy load plugin so images only load when the viewer scrolls by them
  • Remove unnecessary plugins and clutter that could slow the site down
  • Spring for dedicated hosting, not shared

You should also avoid fancy graphics or huge video files that might slow down the site.

7. Upgrade Your Site’s Security

People are becoming more concerned about security and privacy online. WordPress offers plenty of plugins to help you provide high-grade security.

If that’s still not enough, you can consider a custom-built website or theme. When you’re building the code from scratch, you can write better security in line by line.

8. Use WordPress as a CMS

WordPress is known for powering blogs. It’s time to expand your understanding of the platform. Think of it as a full-fledged content management system.

Your blog likely isn’t the only thing you’re going to put on your website. You’ll also have landing pages, a few static information pages, and more. You can also use the website as an archive for all the content you’ve made in the past.

Thinking of WordPress as a CMS can also help you define the site’s structure.

9. Get a Custom Website

WordPress is endlessly customizable, and many themes are very versatile. That said, you may not find a theme that meets all your needs or reflects your brand.

Many companies settle for making a few alterations here and there. A custom website gives you greater control over every aspect of your WordPress site. You can upgrade security, restructure the site, and improve loading times.

Check out some examples of custom sites, like the ones from this company, to see what this solution could do for you.

When going with a custom design, make sure your design is configuring your site to view correctly to the user across all platforms. With more users now relying on their mobile device to access the internet, you MUST have a site that is mobile-optimized and responsive across all devices.

10. Seek Out Help When You Need it

This might be the best entry on our list of WordPress tips and tricks. Since WordPress is so popular, there are endless resources on the Web. If you have questions, the answers are out there.

Just like we’ve come out with a list of actionable tips for WordPress users, many other sites will do the same. The good news is that each of these lists will likely highlight different tips and features. So whenever you see a new one mentioned, be sure to check it out and see if it has any new tips and tricks that you might not be using yet.

You Can Master WordPress with these Simple Steps

For the novice, WordPress might seem a bit overwhelming. You can get started on the road to mastery with these WordPress tips.

If you’re looking for more advanced advice, try out some tutorials or other resources. There’s plenty of information around the blog to help you master WordPress and create the website of your dreams.

The post 10 WordPress Tips and Tricks to Steal from the Pros appeared first on SpyreStudios.



from SpyreStudios https://spyrestudios.com/wordpress-tips-and-tricks/

Pre-Built Websites and How to Use Them to Enrich Your Designs

How often have you put out work only to wish you could have gone through at least one more iteration? It happens that you want to make what you now see as needed improvements.

Don’t feel guilty. We’ve all gone through that.

You know you’re capable of doing better and you always strive to do so, a factor which is definitely in your favor. To help speed up your goal of continual improvement we’ve put together a checklist for you.

It describes 5 ways to improve your designs using pre-built websites. It is complete with examples.

Be Theme and Its Exceptional Library of Pre-built Websites

Sure, you take pride in doing your own designs. But by ignoring any assistance you’re placing limitations on what you can accomplish. Your ability to improve as much and as quickly as you’d like to is also lowered.

They’re professionally designed and crafted. Yet, pre-built websites are not a “lazy man’s approach to web design”. What they provide are structure and inspiration. At the same time, they are leaving plenty of room for you to apply your creative skills.

Be Theme has a library of 390+ of them at a one-time cost to you of only $59. And, more pre-built websites are constantly being added at no additional cost.

They are organized by industry and website type, so it’s easy to find what you need.

These pre-built websites reflect the latest design trends. Each is tailored to their chosen industry or niche.

 

Our Checklist of 5 Ways Pre-Built websites can Improve Your Design Efforts

  1. Am I aligned with the trends in this specific industry?

Take the fashion industry for example. Your work features a luxurious design, rich textures and colors, and plenty of bold images. Then, it’s in line with user expectations – right? Actually, your design will be out of sync with changing times and trends.

This year, fashion sites are taking on a minimalist approach. Simple black and white sketches and an abundance of white space are currently in vogue. So are minimalistic menus.

Be Theme has taken this new trend into account by launching a new series of fashion templates.

See for yourself.

BeModel2

BeWeddingDresses

BeTailor2

Do 2. I know for sure what NEEDS to be on the Homepage?

There are a lot of the difficulties associated with a homepage design. One of them is that what is WANTED all too often gets in the way of what is NEEDED.

Another problem is that a typical homepage design should have the right mix of art and science. Your typical web designer tends to struggle to find the right mix. Some aren’t aware of it at all (WANTS supersedes NEEDS).

A good solution is to use a pre-built website as the basis for your home page. It will have been designed by professionals and have a tried and tested user journey.

Which, as these examples illustrate, is what you need – and “want”.

BeBand3

BeGunRange

BeCakes

 

  1. Should I Follow or Disrupt?

You could place web designers (and much of the rest of the population) in two general categories. The followers who like to play it safe, and those who delight in taking one leap of creative faith after another.

We constantly hear whispers in our ear that tell us to “go for it.” This is not particularly good advice when you’re dealing with “stiff” clients. These are professionals who would rather not be taken down unfamiliar paths.

Pre-built websites give you the solidly-structured templates you need. You can still customize them with a creative touch your client would appreciate.

 

BeRenovate3

BeCar2

BeSpa3

 

  1. Which of these 5 great ideas I have will go best with this project?

When you’re involved with design, too many ideas, even great ones, tend to run into one another. The too many idea (TMI) syndrome is not at all uncommon and it’s not a nice problem to have. None of us like to discard what we believe to be a great idea. If you have 5 of them, you might be tempted to incorporate all of them into your idea.

The odds of all 5 meshing nicely together is about the same as the odds of winning the lottery.

A far better approach is to –

  • Browse Be Theme’s large collection of pre-built websites.
  • Search through them by type of content, industry, or niche.
  • Pick one that closely matches your design ideas or needs.
  • Customize it.

The result? You’ll be able to implement your creative vision on a tried and tested structure and platform.

 

BeRestaurant3

BeMinimal2

BePizza3

  1. Is the client right or should I stick to my ideas?

Taking the approach that the client is always right is usually the best way to go. But there will be times (many of them perhaps) when you’ll really want to change a client’s thinking. It might be simply not the way to go to establish a solid online presence.

You’ll help your client (and yourself) by using a pre-built website. It’s simply a matter of convincing the client that a website structured to his or her industry is the best way to go. Pre-built websites allow you to deliver high-quality work. They will conform to industry standards and feature good structure and content focus. And that’s usually enough to seal the deal.

 

BeAgency3

BeCoffee3

BeEcoBeef

 

Conclusion

Pre-built websites have many things going for them. Two of them are that they are a proven way to improve your designs, and they are fast and easy to work with.

They also allow you to produce designs that are in tune with the latest trends. At the same time, they ensure one of the characteristics of the products you deliver will be a tried and tested UX.

Pre-built websites will help you zero in on the best idea for a new design. They will also give you plenty of room to exercise your creative talents.

Turning out one example of high-quality work after another is appealing. Check out Be Theme’s library of 390+ pre-built websites for only $59.

Read More at Pre-Built Websites and How to Use Them to Enrich Your Designs



from Web Design Ledger https://webdesignledger.com/pre-built-websites-and-how-to-use-them-to-enrich-your-designs/

Design Elements That Increase Conversion Rates

Once you’re past the stage of creating traffic and at least some sales or leads, the next thing you want to do is to make sure you are actually getting the most conversions you can out of your users.

Even a small increase in conversion rate, from say 1% to 1.25% can mean a 25% increase in absolute sales or leads.

So what’s the best way to go about that? Bellow you can find a few design elements that are bound to move the needle in the right direction, and will give you sufficient hypotheses for your own A/B tests.

Design Elements That Increase Conversion Rates

Testimonials

People trust other people and are much more willing to buy a product if someone else has had a good experience with it. For this reason, always try to attach a customer review on your landing page.

But keep in mind that customers are savvy, and will spot a fake review quickly. So, be ethical, and only point to true reviews from users, and actually link to them so people can see they are genuine.

Ideally, try to collect your reviews on a neutral and respectable platform such as TrustPilot.

Also, if you have visual cues of your reviews, such as stars or ratings, be sure to include those too.

Success stories

The principle is similar to user testimonials, only that they are more in-depth. These can be a sort of mini-interview or video, where the customer details more in-depth how the product has made their life better.

Pricing changes, offers and discounts

This is one of the more “careful how you use it” type of design elements since pricing is such a delicate balance and varies wildly from one business to another.

Ideally, you want to use discounts and offers very strategically, to nudge certain users (but not others) into buying your product.

For instance, you may want to create dynamic pricing for users who visit your page 3-4 times. They are obviously interested in the product, but there’s something that keeps holding them back. By creating a landing page with dynamic content that changes according to user behavior, then you can create a much more granular and strategic approach that targets just the right user to help you increase sales.

On the flipside, you can even try to increase prices. While this will likely hurt conversion rates, the increase in order value could be enough to entirely offset the losses. Below is a before / after optimization process for a company called Server Density.

Design Elements That Increase Conversion Rates

Result of pricing A/B test

Pop-ups and lead capture mechanisms

Pop-ups have a bad reputation when it comes to user experience, and truth be told, a lot of the times these are justified.

The flipside of the argument however, is that they work. This is because the unobtrusive methods of lead collection, such as a static lead form always present on the side of a page, simply fade into the background for most users. They simply don’t notice the lead forms are there, no matter how flashy the images and copy are.

So how do you balance the need for both user experience and lead generation? Proper targeting and dynamic rules.

  • Exit intent pop-ups trigger whenever a user is about to leave your page. They work great, because you don’t both a user while they are reading / watching your content. Instead, you just gently remind them if they want to hear from you in the future.
  • Dynamic rules that target users based on how many pages they’ve viewed, or if they’ve scrolled down to the bottom of the article. In both cases, they’ve shown to be highly engaged, and so be more receptive to further communication from you.

Below is a chart that shows how pop-ups helped a small blogger increase email signups over the course of just 1 month.

Source

Money back guarantees

Some users are apprehensive about buying stuff online because they don’t know if they will like the product once they actually have it. So instead of taking the risk, they opt not to buy in the first place.

Money back guarantees are a solution to this problem and give potential customers the peace of mind of knowing they can get their money back if there is little chemistry between them and your product.

Abandoned cart optimization

Did you know that abandoned cart rates can be as high as 70-80 %? That’s a huge figure, so even if you’ve done all the hard work of actually convincing users to click the “Buy” button, you’re still not getting sales because you’re losing them in the shopping cart.

So here are a few pointers to make sure users actually buy your products:

  1. Keep the number of fields as small as possible. Users are lazy, and will always look for reasons to avoid buying something, completing a field is certainly one of them.
  2. As much as possible, keep everything on one page. A large part of your users will drop off if they have to reload another page.
  3. Keep it as clean and distraction-free as possible. Keep the user and fields, and that’s it.
  4. You can make an exception to rule #3, if you add elements that increase user trust that his money is safe, such as money back guarantees, encrypted and secure payment, etc.
  5. Try to convert the price into his currency. Familiarity breeds security, and security encourages users to part with their money more easily.

If you want to go more in-depth on the subject, be sure to check out this dedicated article on countering high abandoned cart rates.

Seals of quality and awards

Some websites operate in niches that are regulated or have established industry standards such as electrical engineers, plumbers, jewelers, watchmakers, etc.

These sites can get a boost in trust by attaching seals of quality, certifications or awards.

Page speed matters, a lot

Page speed doesn’t immediately come to mind as a design element that helps conversions. But many users are impatient and simply won’t wait more than 3-4 seconds for a page to load.

The fewer users you have, then the fewer possible conversions.

For this reason, make sure your page loads as fast as possible. Use caching, image compression and a better web host to increase loading speed, and thus conversions.

Below is a relevant section from a comprehensive infographic, that explores how page speed affects all aspects of a website.

Conclusion

No matter how you choose to monetize your website, conversion rate is a crucial step in the process, since it can greatly increase your income simply by better leveraging the customers and visitors you already have.

It’s for this reason, that every business and marketer should allocate an important part of their efforts to.

The post Design Elements That Increase Conversion Rates appeared first on SpyreStudios.



from SpyreStudios https://spyrestudios.com/design-elements-that-increase-conversion-rates/

Monday, 12 November 2018

Design Trends For Company Team & Staff Pages

CompanyStaff Page UI

Almost every major company has an “about us” page. This is true for blogs, agencies, and even personal sites. And if you look around you’ll find lots of articles detailing tips on about pages for the web. However they don’t always get into the details of staff pages, or team pages which feature all the […]

The post Design Trends For Company Team & Staff Pages appeared first on Vandelay Design.



from Vandelay Design https://www.vandelaydesign.com/team-staff-page-design-trends/