Web designers tend to learn something new with each project. It may be something minor (but helpful) like a new CSS property. Or it could be something more significant, such as a whole new content management system (CMS). That is both exhilarating and just a tad bit scary. It’s great to gain knowledge that you…
There is no doubt that logo design is one of the most important aspects of designing a brand identity. However, it can also be the most difficult part of it. While it’s true that a logo design needs to be unique and memorable, sometimes, you can’t avoid that creative block. Or sometimes, you might have…
I made a site to help gamers find clans and communities, with forms and Discord integration, called Gather 🎮
Check it out here!
Thanks for taking an interest in my site. If you have any feedback, I’d be happy to hear it. You’re welcome to join the Discord.
Support 🤔. If you need help, check the guides, and join the Discord.
Search 🔍. Search is the main feature. You can use a wide range of filters, including for specific games. Concise information about each result is shown, with a call to action helping you to get involved with the community right away.
Alternatives 🧭. There are other sites to find a clan. For instance, siegrs.gg is great for Siege. I think Gather offers a unique combination of granular filters, seamless integration of multiple games, and randomised ordering of results for fairness.
Aesthetics 🎨. I hope the aesthetic is not too unexciting – it’s not quite my wheelhouse! 😉
Permissions 🔒. Please let me know if you have any issues with the permissions system, or have any thoughts on how the user experience can be improved. The system affords more flexibility than, say, the one in Discord, but that also makes it a little more complex, particularly as there is no simple hierarchy. I made two recent changes. First, you can now assign a permission to all roles or all forms, removing the need to specify each and every role or form. Second, you can assign the ‘Administrator’ permission, which grants power over everything.
Forms ✍️. An optional extra are forms, useful for some communities. I wanted to improve on what Enjin offers in this regard. In particular, users can share their Discord, Steam, or Blizzard accounts, which avoids the confusion of people using the wrong format or leaving out a discriminator (e.g. #1234). You can also change a form without affecting historical applications – all fields remain intact, with no data loss. It’s also privacy-friendly – applicants can revoke applications in whole or in part.
Discord 🕹️. The Discord bot can synchronise roles and notify you about form submissions.
API 🤖. The API has been designed with third party use in mind. The Discord bot actually uses the event system, which is open to everyone to use. The API isn’t currently documented, but if anyone is interested in using it, please get in touch.
SEO 🔍. I set up a search page for each game, but not many of them are being indexed at the moment. I think this is because there are simply not enough communities on the platform at the moment, and so many of the pages have similar content.
Background 💡. I came up with this idea as I am a clan leader myself. We used Enjin for years, but with the advent of Discord, that didn’t make sense anymore. Things like forum boards, blogs, and galleries just weren’t needed. There were some things we wanted, like application forms and discoverability through a recruitment system. So I conceived of Gather as a kind of lightweight compliment to Discord which stays out of the way for the most part and helps you where it can.
Note for moderators: I tried to post this on my Gather-specific account, here, but the account doesn’t have enough karma to post.
When it comes to creating PowerPoint slideshows, using a simple PowerPoint template can be a key approach. It may seem like a good idea to throw the kitchen sink: data, stats, charts, and shapes into every slide, but you’ll never be able to win over your audience with a cluttered slideshow design. That’s why professionals…
After completing a bootcamp in March 2019, I was overwhelmed by the choice of frameworks, libraries, languages, and courses I had to choose from to continue independent learning and hopefully score myself one of those elusive junior developer jobs. Almost everyone I spoke with had a different opinion on what was important and worth pursuing,…
Are you looking to start an independent blog or add a business blog to your website? Blogs are the most reliable means of growing a business and boosting revenue. They are the best way of letting visitors know what your business is about. In addition to help you generate leads, blogs build trust in existing…
Almost everyone you talk to is interested in search engine optimization. And for good reason: You want as many people to see your website as possible and find it in relevant search results. But did you know that user experience can be one of the most important factors that contribute to SEO and overall search…
Big bold fonts help you craft titles and headings that grab attention from miles away. That’s why they are commonly used in poster, banner, and billboard designs. If you’re searching for a similar thick font to use in your designs, you’re in luck. In this post, we present to your some of the best bold…
This sponsored article was created by our content partner, BAW Media. Thank you for supporting the partners who make SitePoint possible.For almost everyone, 2020 was a bummer. Many businesses were forced to take creative measures just to survive. Consumers had to make adjustments as well, and even the Web has had to make some changes.
Some of “yesterday’s” design trends had to make way for new ones too.
What, then, can we expect to see in the way of new design trends in 2021?
We’ll show you some examples of websites that have incorporated some of these new trends, along with a selection of BeTheme pre-built websites that are also putting them to good use.
Whether you’ll be creating sites for new clients or reworking existing sites to align with the newest trends, the following five design approaches should give you some valuable insight.
1. Use Soothing, Reassuring Color Palettes
Recent design trends have favored strong, bold colors. Various gradient schemes have also been both popular and effective. Why? Because these distinctive trends had a strong tendency to capture a visitor’s attention.
2020 gave us more than our fair share of worry, stress, and drama. We eagerly look forward to a return to a time in which we’ll once again feel more comfortable in our surroundings.
We don’t want people shouting at us, or websites shouting at us either, for that matter. Hence, the change to calmer, more toned-down color palettes.
The Bellroy website offers a good example of this toned-down look, with a calming color scheme that fits right in with its line of useful everyday products.
Note that when a brightly-colored product is displayed against a natural color palette it will still stand out, but without getting in your face. The BeSpa pre-built website, with its soothing color scheme, is another example of sending a message that’s calm and inspiring.
Calm and comfortable doesn’t need to be boring. Far from it. An image like this encourages a visitor to live for the moment, and the safety and security that goes with it.
2. Strive to Creatively Blend Physical Experience with Digital Imagery
For the first time in their lives, many people found themselves stuck at home in 2020, with little to do but look at their screens — which in some cases involved remote work, and in other cases playing digital games.
Some web designers have picked up on this by blending real-world images with illustrations and/or special effects.
A case in point is seen on designer Constance Burke’s website.
Instead of showing hand-drawn fashion sketches, or real models wearing real products, her portfolio creatively blends the two.
The BeSki pre-built site also blends the digital with the physical, but in a vastly different way.
The home page starts with a physical image of a skier. Notice how the snow in the hero section blends in with the next section, a section comprised of digital imagery. That section then blends into another real image, which blends back into a digital design.
2020 saw more people shopping online — often out of necessity. This created a situation that encouraged website designers to provide visitors with more efficient pathways to conversion.
Since many of these visitors were newly acquainted with online shopping, it was important that their experience would be as effortless as possible — that they could get in and out as quickly as they normally would in a brick-and-mortar store.
This can be accomplished by more concise product descriptions, improved product search capabilities, add-to-cart shortcuts, and the like.
Walgreens’ product page design sets a good example for 2021 eCommerce website design.
The product’s applicable details as well as picking and shipping options, customer ratings, and discounts or special offers are clearly presented and are all above the fold. Customers can either scroll for other relevant information or take their next step.
BePestControl’s pre-built site takes a similar approach.
Pertinent information is kept short and sweet. The customer can either add the item to the cart or read the additional information beneath the button.
Well-designed navigation aids and product description options combine to make the shopping experience a gratifying one.
4. Place Greater Emphasis on User-controlled Video Content
Once upon a time, video was ”the thing” on websites. While no longer new, video remains an effective method of providing highly useful content, but its popularity has taken a hit.
The reason? A lack of user control on too many websites. Videos are fine, but only when visitors feel a need to view them.
Thanks in part to Zoom connecting friends in 2020, more people have become accustomed to what video can offer. And if they’re given a choice as to what to view and what not to view, you can expect videos to make a comeback in 2021 — sans autoplay or embedded versions.
See how Payoneer has incorporated a Watch Video button in their design.
It’s not big and bold, but you can’t miss the way the white button stands out against the darker background. As you might expect, a visitor will appreciate having the option of watching or not having to watch the testimonial.
The BeOptics pre-built website takes a similar approach.
In this case, the Play button acts as a gateway to additional site or product information. The way the button transforms upon hover makes visitors aware that they have an opportunity to learn more by watching the video.
5. Spend More Time Displaying Trust Builders
Trust builders are indispensable website elements. Brick-and-mortar store shoppers may take several minutes to size up a business and decide if they want to patronize it. Online shoppers will do the same in far less time.
Web designers can choose from a variety of trust-building approaches. For example:
employing charts, statistic callouts, counters, or other data visualization methods
using logos to help to solidify the brand
providing client testimonials, customer reviews, or user ratings
security seals — such as Better Business Bureau (BBB) or TRUSTe
secure checkout and payment — such as PayPal checkout
proof of community service or social good
Consider which of the above would best convince visitors to become valued customers. Or, choose all of the above (although probably not for a one-page site).
Omaze has taken the approach of giving its visitors opportunities to win prizes when they’ve made donations. This website goes a step further by highlighting the good things its donors have enabled it to accomplish.
It has also set aside a space for highlighting reputable publications that have featured Omaze. This serves to bring added legitimacy to the organization.
It also uses data visualization and testimonials to provide an element of trust-building transparency as to how donations are processed and put to use.
No matter the size of the organization or enterprise you’re designing a site for, there’s always room for one or more impressive trust builders.
BePortfolio shows how this could apply to a portfolio site.
The home page has dedicated a lot of space to several of the trust builders cited earlier:
counts of satisfied customers
samples from the portfolio
an impressive display of client logos
It’s simply a matter of giving people more than enough reasons to trust your brand.
Have You Taken Up these New Web Design Trends Yet?
Out with the old and in with the new? Not exactly. Some trends may never go out of fashion — minimalism and bold headline typography to name a couple. But 2020 changed the way we look at some things, and as a result, some design trends need to be discarded and replaced with others to adjust to the new normal.
Whether you want to update and upgrade existing sites or implement these new trends in your new website designs, BeTheme’s 600+ pre-built websites will steer you in the right direction.
Video editing is an art form of its own. It takes careful and creative thinking to create a video that captivates an audience. Not just in filmmaking but it applies to YouTube, Instagram, and many other types of video content as well. The art of transitioning from one scene to the next is one of…