Happy New Year, fabulous new website design trends!

This month’s design trends are a collection of the somewhat unexpected – from NFT website design to large text to illustrations; you won’t see a single photo or video here. Here’s what’s trending in design this month.

NFT Websites

This website design trend has more to do with the greater trends in digital marketplaces and commerce but has value in the design space as well. NFT websites are popping up everywhere.

Marketplaces for non-fungible tokens use modern design effects to draw users in and help them make purchases and view available images. If you haven’t delved into the world of NFTs, they are data units – often in the form of gifs – stored on a blockchain digital ledger. You can buy, sell, and trade these digital nuggets on various marketplaces.

The designs of NFTs could be explained as a trend of their own. Here, we’re focusing on the look and feel of the websites surrounding them. While some designs are relatively primitive, the best marketplaces have a full e-commerce feel with easy-to-use interfaces and a modern design.

Each of these three NFT marketplaces does it a little differently.

Styllar puts a focus on NFT avatars with a minimal aesthetic that gives plenty of room to individual NFTs. Sit on the website too long, though, and hundreds of options begin to cover the screen. Each visual element has a small text element to match that explains each image. It feels like a modern e-commerce experience that instills trust with users because of clean visual patterns. The site itself is just a gateway to a more traditional marketplace, but the calls to action are large, clear, and easy to follow.

OpenSea treats the NFT marketplace more like an art gallery with card-style buttons to look at different elements and images. Everything about the website design is tailored for the mobile user and quick browsing with large areas to click in the card format and easy-to-read headers that help you find your way through the NFT space, whether you want to buy, create, or sell. The site also does one more thing that’s not as common with e-commerce – it explains how to get started in this new digital territory with plenty of resources.

Rarible has an almost social media feel with lots of small blocks showing different NFTs. Digestible content in a grid-based design helps you navigate from images to rankings to what’s trending in NFTs. This site design is set up for high interaction and engagement, also featuring card-style elements and the ability to favorite items before bidding.

The key commonality with NFT website designs is that they are made for mobile users. These sites look good on desktops, but they are highly focused on a mobile, instant gratification user.




Text-Based Hero Headers

A trend in website design from 2021 is bleeding into 2022 with a lot of popularity: Hero headers that are mostly text. These designs have background texture and color, but for the most part, they don’t have a lot of other visuals.

These designs often rely on powerful language or messaging to help get user engagement. A secondary theme is the use of bright colors to help add focus and attention to the typography.

Font choices seem to be fairly neutral, with a lot of thicker sans serifs for the main headline and something a little lighter for secondary text options.
WeTransfer uses a smaller text block with multiple lines to create weight. The off-center placement draws the eye and is interesting even with the neutral background. Stacking elements create a nice focal area that encourages reading.

Halborn Blockchain Security goes with a less traditional font option and flips the color to the text to enhance the visual display. This design also uses an off-center, asymmetrical approach to create focus on the text element. The dark counterweight on the screen is an excellent guide to draw you back to the main hero headline.

FWD goes with giant oversized text elements to create a strong visual focus with this design. Other than the faint animation of the arrows next to “Here’s what they said,” everything is still and static. The color and blocky depth of the background help draw the eye through the text and to clickable elements so that you know what to do next.



Intricate Illustrations

Another trending design element is the use of intricate illustrations on homepages. These highly detailed images can tell a visual story, help add meaning to messaging, or serve as a remarkable visual element when you don’t have a photo or video.

The great thing about this trend is that the only limitation is your imagination.

Once you find someone to create the illustration (if you can’t do it yourself), the world is open to interpretation.

We are seeing three major themes within this trend, as showcased in the examples.

Multi-layer illustrations with hints of animation, such as the one from Highvibe Network. This illustration used lots of colors, layers, unexpected elements within outlines, and a little animation to pull it all together. The effect is rather stunning and provides a lot of interest for the user.

Realistic, painting-style illustrations, such as the one from Healthline, bring the content to life without real people or images. This technique is especially nice for industries where you may want to anonymize people in images. (Perfect for a healthcare website design because you don’t know if the illustrations are of real people or not.)

Detailed geo shapes and lines, such as the design from Radio Meuh Circus Festival. With great color and lines that draw the eye, this design can keep you looking and finding new depth for a long time. Color also helps draw you into the striking imagery.




What’s nice about all these design trends is that they have flexible elements that you can use and replicate across industries and projects. The common factor is that they lack traditional dominant imagery, which works exceptionally well.

These trends are likely a result of the worldwide pandemic as well. With less social contact, creating without conducting photo or video shoots is an ideal situation. Good luck trying some of these trending design elements on your own.


The post 3 Essential Design Trends, January 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 is a collective of creatives aiming to implement slow movement principles. Its site reflects those aims, creating a sense of calm and deliberation.


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.


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


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.

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.


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


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 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.


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


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.


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.


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


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


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.


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.


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.


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


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.


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


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, 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.


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’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 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.


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…


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

Source de l’article sur Webdesignerdepot

AR (Augmented Reality) continues to build as one of the most exciting technology innovations to appear in recent years. More accessible than virtual reality experiences, since no specialist headset is required, AR has quickly emerged as a crucial tool for building unique experiences.

Although interest in AR as a tool for customer interaction and experience has been growing, demand has skyrocketed in recent years. In addition, since the pandemic of 2020, companies no longer have the same in-person opportunities available to create meaningful relationships with customers.

To ensure a client is fully invested in your brand today, you need to find a new way of building that emotional link. As an immersive, experience-led solution for brand building, AR can improve a company’s chance of earning brand loyalty. What’s more, around 71% of consumers say they would shop more often if AR technology were available.

The question is, how do you develop your own AR branded experiences?

Creating Branded Experiences in AR

For an augmented reality experience to be effective, you need more than just the right technology; you need a strategy for how you’re going to engage, empower, and support your target audience.

The best AR branded experiences aren’t just multi-dimensional advertisements; they’re tools intended to engage, inform, and entertain your audience in a new, highly immersive realm. Before you can begin to work on your AR app, you need to think about what kind of branded experience you want to develop. Here are some excellent examples to get you started.

AR Try-Before-You-Buy Interactions

Globally, ecommerce sales are growing at an astronomical pace. Going forward, there’s no question that the digital landscape will become the new platform for shopping and transactions. But, unfortunately, there are some limitations when it comes to shopping online.

While the right website developer or designer can create a stunning site packed with information about a product or service, there’s only so much that a webpage can do. Delivering a truly immersive user experience for your target audience involves replicating the kind of in-person experiences they would get in a digital format.

The best example of this is the “try-before-you-buy” AR app. Most commonly seen in the clothing and beauty industries, this app allows customers to use AR filters to see what everything from a new hair color to a shade of lipstick might look like on them. The experience is highly accessible and engaging because it builds on customers’ familiarity with filters and similar effects on social media channels like TikTok and Instagram.

A popular example of an AR try-before-you-buy experience comes from Sephora, with the “Virtual Artist” application. Originally installed within the Sephora app in 2016, the technology uses Modiface to scan and track the eyes and lips of the customer using a smartphone camera. After that, the system can overlay eye-shadows, lipsticks, and other products, to give the customer idea of what they might look like in real-life.

As AR applications become more mainstream, new solutions are emerging for companies concerned about things like privacy. Consumers who don’t want to load their image into a system for try-before-you-buy experiences can still access the benefits of AR with the right tools.

For instance, ASOS created the new “See My Fit” service in 2020 to help customers shop for clothing during the pandemic. The solution allows users to see what clothing will look like on a model with a similar body type to their own. This helps to show shoppers how products realistically look in similar bodies while reducing the risk of returns.

ASOS certainly saw the benefit of this innovation, with an increase in revenues of around 24% in the six months leading to the end of February 2021.

AR for Product Catalogs and Visualization

We all remember what it was like to flick through the glossy pages of a magazine or catalog for our favorite stores. Unfortunately, in today’s digital age, these paper brochures are far from the most efficient tool for shopping. We need a more digital experience that allows us to select products, see what they will look like, and add them to our virtual baskets.

One excellent example of how companies can use AR to improve the overall shopping and visualization experience for customers comes from Home Depot. The brand was one of the first to upgrade its user experience strategy with a new Project Color application in 2015. Although this app might seem a little outdated by today’s standards, it’s still an excellent insight into what companies can do to improve their customer’s brand experience.

The Home Depot app used AR to scan a room and implement the color a customer chose for their walls into that space, considering things like furniture, shadow, and lighting, to allow for a more realistic insight. The app has updated significantly over the years to become increasingly immersive.

Visualizing products in a real, contextual space is hugely beneficial for a customer’s purchasing experience and perception of a specific brand. If your customer sees buying the right product from you as simple and convenient, they’re more likely to stick with your organization long-term.

The product catalog and visualization approach to AR in brand development has grown increasingly popular in the last two years, perhaps driven by the demand for more online shopping opportunities. In 2020, Wayfair announced the release of an updated version of its “View in Room” app, which now uses LiDAR technology to provide enhanced utility when shopping for home products.

According to Wayfair, the LiDAR technology and “RealityKit” software give customers a more authentic and realistic view, so they can make better decisions about what they want to buy. According to Apple, customers are 11 times more likely to buy an item of furniture if they have seen how it looks in their home using AR.

Creating Unique Brand Experiences

AR is one of the technology innovations in our current landscape, helping blur the lines between digital worlds and reality. In a future defined by the rise of the metaverse, AR could have a significant impact on how we spend our time in a more virtual world.

Already, companies are taking advantage of this, with things like virtual pop-up shops and temporary experiences intended to differentiate their brands. For instance, Machine-A, a London-based concept store, is usually committed to showcasing contemporary fashion designs.

When it became apparent that London fashion week for 2020 would be virtual, Machine-A came up with a virtual boutique enabled by AR. By scanning a QR code embedded into billboards and posters across London, users could enter the boutique virtually from their phones and experience the designs themselves.

The concept created by Machine-A has opened the minds of countless business brand teams and marketers to new methods of increasing engagement and awareness among customers. In a world where you can’t necessarily interact with your top customers in person, providing them with a new and immersive experience can be a great way to generate loyalty.

The companies more willing to invest in innovative solutions like AR are also more likely to stand out as innovators in their field. Other companies have experimented with similar “pop-up” experiences and unique ways to capture audience attention. For example, Burberry placed a QR code in a Harrods store, which customers could scan to visit a branded experience, where an Elphis statue walked around in their surroundings through the lens of their smartphone camera.

It’s even possible to use AR experiences to attract the attention of new audience groups. For instance, the retail brand, Pull & Bear launched an AR game created with Facebook to help the company reach the 90% of Gen Z customers who identify as “gamers.”

Provide New Levels of Customer Support

As many of today’s businesses know, memorable branding isn’t just about having the right image or website; it’s also about providing the correct level of customer service and support. Most purchasing and brand loyalty decisions made today are based on customer experience.

Providing customers with unique experiences to improve their shopping journey is sure to make your company stand out in the new digital age. But it’s also possible to go even further with AR in your brand CX strategy too.

Amazon Salon, for instance, the first bricks-and-mortar hair salon created by Amazon, was partially established to test new technology. The “point and learn” service, for example, allowed customers to point a product they were interested in on a display or shelf and immediately access educational content. Users could also scan QR codes to visit the product page on the QR site.

This helps customers immediately get to the product they want to buy without relying on input from human services agents. In a similar vein, AR could be an excellent way to onboard a customer, learning how to use a new product for the first time.

Imagine having a user’s manual your customer can enjoy scanning through, thanks to AR technology. All your customer needs to do is scan the QR code on the back of a product, and they can see the item they need to build or install coming to life in front of them. This reduces the risk of customers having to call for help from tech support and means clients can see the value in their purchases a lot faster.

Companies can embrace AR as a virtual learning experience, helping users collect information and learn how to do things through an immersive first-hand experience. This kind of immersive technology could help to make any brand stand out as more user-experience-focused. Even car companies could essentially provide their customers with a complete virtual HUD showing them how each button and dial on their dashboard works.

Upgrade Website Design

Perhaps the most common way companies will be using AR to create branded experiences today is by updating their website. You’ve probably already seen examples of AR being used in a host of retail sites, with new experiences designed specifically for the age of augmented reality.

360-degree images, for instance, allow customers to essentially “look around” a product, and see it from different angles, just like they would if they were looking at the item in-store. We can see an excellent example of this on the BMW build-your-own web page, where vehicle browsers can see their vehicles from every angle.

The 360-degree product viewing experience lets you check everything from the side molding to the sculpted edges in perfect detail.  

QR codes and app downloads can also allow customers to take their AR experience even further, looking at things like what life would be like behind the wheel of one of these virtually augmented vehicles.

As AR becomes more commonplace and the tools available for designers in this arena continue to expand, there will be even more opportunities available to bring AR into the website experience. Even essential website upgrades today might include allowing customers to upload pictures of themselves or their homes, then using augmented reality technology to implement parts of a product catalog into the space.

AR Virtual Events

Finally, when it comes to exploring all the unique ways you can build a better brand experience and excellent customer relationships with AR, it’s worth looking at the event space. The event landscape has struggled significantly over the last couple of years. The pandemic forced most live events to be canceled, and although the post-pandemic era holds new hope for upcoming in-person experiences, the landscape will be very different.

Going forward, most companies plan to avoid a complete shift back to in-person events by creating “hybrid” experiences and augmented reality events instead. Augmented and virtual reality tools allow customers to step into an event arena from wherever they are.

For instance, the Pot Noodle Unilever brand hosted a virtual alternative careers fair in AR, where people could use their phones to navigate through a range of graduate employer booths. The unique career fair experience was designed to replace the more common in-person interactions graduates might have as they approached the end of their education.

The custom-developed 3D booths featured a range of different employers, and students could tap on the booth screen they were interested in to see a video from each employer. As an added bonus, the connection to the Pot Noodle AR careers fair website meant that students could also instantly apply for any of the jobs they were interested in.

Similar events could help brands recreate some of the meaningful experiential experiences that their customers have been missing out on in the last couple of years. They could also act as a valuable tool for bringing together people in a hybrid event, where someone visiting an in-person demo table could scan a QR code to send virtual demonstrations of a product back to their team.

This would reduce the number of people who needed to be present in an event environment at any given time, reducing the risk of health issues.

Bringing Brands to Life with AR

In the new consumer landscape, brand relationships are more important than ever. As a result, customers are making more careful choices about who they purchase from, based on their understanding of that company’s values and differentiators.

Now that you won’t always have an opportunity to interact with customers in-person to earn their trust, AR could be the solution for a lot of companies in search of new engagement tools. All you need to do is figure out how you’ll leverage all the benefits AR can offer.

Will you be creating an app, building a new website with enhanced 360-degree photos, or designing in-person experiences? Hopefully, these examples have inspired you to start exploring your options.


Featured image via Unsplash.


The post How to Use AR in Brand Experiences first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here.

Here’s what’s trending in design this month…

Old-School Print Inspired

Vintage design elements seem to circle back in new iterations at a pretty frequent pace. This time website designers are finding inspiration from old-school print design.

These projects mimic the look of old newspapers and magazines with styles that look like news or advertising content. One of the most exciting takeaways might be color, with beige backgrounds that almost seem like aged paper.

Note the font choices, scale, and imagery as well. All of these things have an old-school feel that’s modern enough to help encourage interaction.

Each of these designs keeps visitors engaged with trendy effects that pair with the vintage aesthetic so that while there’s an old-school look, the overall design is modern and fresh.

The portfolio of Niccolo Miranda feels like a “WAR” day on the front page of a major newspaper, but with modern touches – computer illustrations, animated images, and button-style icons.

Enfant Sauvage Music takes on the feel of an old-style newspaper or magazine ad with a single color design and grainy imagery. An oversized funky pointer on hover and side navigation keeps the design interesting.

Kalso uses a giant timeline with typography and effects that mimic the era on the screen. Animation and motion keep the design with the times and on-trend.

Center-Screen Circles

Circles seem to be a website design trend that just never goes out of style – it only evolves.

The newest iteration includes center-screen circles. And you can use them in all kinds of different ways. The nice thing about a circle is the shape is innately harmonious and can pull a design together and make everything feel together and unified.

They can be an excellent container for text or other elements or serve as a button.

Circles work with almost any overall design pattern, in any color, and with virtually any type of image or video. The shape is practically perfect! (That’s why it’s a trend that never really gets old.)

Each of these examples uses a center-screen circle in a slightly different way.

Aflote uses a center circle as part of its overall branding effort and to help draw the eye from the split-screen images to the center arrow, encouraging users to scroll to the next bit of content. Color helps here, and the circle is a container for brand and some other content with a nice layer on top of the images.

One Ocean Science uses one of the oldest circles we know – the globe – as a dominant art element that rotates in the center of the screen. The layer on top – the exact text in multiple languages – gets extra attention thanks to the center placement. The design also uses a top left corner circle for branding and a bottom right corner circle as a CTA, helping create a visual flow through the design from top to center to bottom to click.

To Be Love uses a fantastic animated set of concentric circles to pull together the name of the event and draw interest to the CTAs. The circle is just the right size in a sea of black sky to draw the eye to the content in the middle of the screen.

Lighter, Happier Designs

After a couple of years of pandemic life and a world that’s just been a little less than cheery, website designers include lighter, happier elements to projects. This might just be the design trend we all need right now.

This effect can be designed in several ways, including color, imagery, animation, scale, and even typography. It’s hard to pinpoint what makes a design lighter and happier until you see it, but when you do, you’ll know it. (It might just be that little grin at the corner of your mouth when you see it.)

Meanpug uses fun, animated illustrations as a load screen with a full-text homepage (you’ll have to click through to see it). Between color and animation, you can’t help but feel good looking at the design. What might be most interesting is that the website is for a marketing agency that works with law firms. (Probably not what you expected at all.)

Happy smiling faces are hard not to feel good about. Even the devil emoji seems somewhat joyful. Add in big, bold typography and the yellow smiley, and the world just feels a little less dark.

Oatly uses lots of small elements in a cartoon-style aesthetic that is light and interesting. In addition to fun fonts and animation, all of the words on the website also contribute to a feeling of ease and happiness. It’s a solid strategy for sales; make people feel good about what they are thinking of buying to help propel them toward a purchase.



One of the most exciting things that we’ve seen with design trends in the past year is how world events – from the pandemic to isolation to working remotely – have impacted design projects as a whole.

We’ve seen fewer faces, more illustrations and typography, and an overall shift in feeling to some of the lighter, happier design elements featured here. Cheers to 2022!


The post 3 Essential Design Trends, December 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

It’s that time again. Black Friday. November 26, to be exact. And the many enticing deals you’ve been looking forward to at this time of the year are here as well.

There are three types of Black Friday shoppers. Those who are successful because they have prepared. Those who are successful because they got lucky. And, those who let some good deals simply slip away.

Your best bet, of course, is to be prepared, which is the purpose of this guide.

As you go down this list, you’ll find discounts, some pretty amazing offers, a few surprises perhaps – and plenty of inspiration.

We’ve been keeping close tabs on the various Black Friday discounts and promotions, and we’ve corralled the best of the bunch for you.

Starting with:

1. Brizy – The No-Code Website Builder For Non-Techies

Brizy is a fast and easy-to-use website builder for designers and agencies. Take advantage of Brizy’s Black Friday special and tap into the skills of a team that has been creating website-building tools for over 11 years.

This premier website builder gets better with each update.

  • Web designers can choose between Brizy for WordPress and the Brizy Cloud website builder, which includes hosting;
  • Agencies can choose among several white-label options;
  • Brizy brings power to the novice; use the pre-made designs or start with a blank page and let the imagination be the guide.

Black Friday is a time to take advantage of great deals, and this year is no different.

  • Big discounts are available on Brizy’s white label agency plans;
  • Participate at no cost to win a MacBook PRO;
  • Partner perks and discounts;
  • And exclusive new designs.

Design or coding experience is not a requirement to use Brizy’s drag and drop visual builder.

Click on the banner to take advantage of these great Black Friday specials.

2. Portfoliobox

A 50% discount on any portfolio website builder would seem like a good deal. On the other hand, getting one at 50% off that enables you to quickly create a portfolio website that reflects your creative personality and will truly set you apart from the crowd is definitely worth taking advantage of.

Portfoliobox offers:

  • Mix and match templates to help achieve a unique look;
  • Powerful eCommerce functionality built right into the platform;
  • Safe and secure private client galleries;
  • An included Domain (custom domain with Pro plans);
  • Fantastic 24/7 support to keep problems to a minimum;
  • Affordable, transparent pricing plans that let you know what you are getting before you buy.

Click on the banner to find out more about this fast, affordable, and easy to work with a portfolio website builder for creatives.

3. wpDataTables

wpDataTables is a popular, power-packed plugin that can manage vast amounts of data in seconds and organize it to build a table or chart the way you want.

  • wpDataTables and charts are responsive, customizable, and easy to edit and maintain;
  • wpDataTables readily accepts data from a variety of data sources, from multiple database connections, and in the most used formats;
  • Tables and charts can be configured to nicely blend in with other website content and a website’s overall design, plus it is easy to add spice to a table or chart by using colors, adjusting font sizes, and highlighting key data using conditional formatting.

wpDataTables features Elementor and Gutenberg integration, provides the ability to connect WordPress tables with Google API, allows cascade data filtering, and much more.

Click on the banner to take advantage of the 30% off Black Friday special.

4. Amelia WordPress Booking Plugin

Amelia can be a genuine time and money saver for a variety of business types. Amelia automates and streamlines a business’s booking process.

  • Amelia relieves business owners and managers from the task of managing multiple appointments and events;
  • Clients and customers love the ability to make and manage their appointments 24/7;
  • Bookings and events are managed from a single platform, even when multiple locations are involved.

Annual and lifetime subscriptions are available.

5. Mobirise Free Website Builder

As it is an offline builder, Mobirise does not tie you to any platform, you can host it anywhere, and you have total control over creating the website you have in mind.


  • is drag and drop and easy and simple use;
  • is based on the latest Google AMP or Bootstrap 5, so your site will be mobile-friendly and crazy fast;
  • comes with eCommerce, huge selections of themes, blocks and templates, and a shopping cart.

Mobirise is free for both personal and commercial use.

6. Slider Revolution

There is a difference between an “interesting” website and one whose WOW effects cause it to stand far above the competition.

Slider Revolution specializes in WOW effects that can take any website to the next level, and it can be yours on Black Friday at a 33% discount on all licenses.

The Slider Revolution package includes:

  • Innovative templates and add-ons;
  • Advanced automation and special effects tools.

Grab the Black Friday offer now.

7. Getillustrations Bundle – Commercial illustrations for the web

Digital illustrations help attract attention to and pique interest in your website. features a package of more than 9000 commercial web and app illustrations in a wide range of topics.

  • This package features all the design formats you’re likely to need, e.g., Ai, SVG, PNG, Figma, Sketch, and more;
  • Great illustrations to spice up landing pages are included.

The package is available at a 25% discount. Use coupon code EliteDesingers25.

8. Litho – Multipurpose Elementor WordPress Theme

Litho is a creative, modern, and highly customizable theme that can be used for any type of business niche as well as for creating eCommerce, blog, and portfolio websites.

This multipurpose Elementor WordPress theme’s features include –

  • 36+ ready home pages, 200+ creative elements, and a 300+ template library;
  • One-click demo import;
  • Top loading speed and SEO result capabilities.

Litho also features detailed online documentation and top-of-the-line customer support.

9. 8bio – Linktree Alternative

Instagram and TikTok enthusiasts, take note!

With the 8bio tool at your fingertips, you can add a clickable URL to your social media platform profiles so visitors can visit your website, product page, or any other important page.

8bio offers:

  • Beautiful skins and catchy animated backgrounds;
  • The ability to link to your own domain or to *;
  • Powerful SEO and tracking options.

The 8bio tool can also be used for your Twitter, Facebook, and YouTube posts.

10. XStore – Highly Customizable WordPress WooCommerce Theme

XStore is designed to work with the best page builders on the market and is fully compatible with the Elementor and WPBakery builders.

The XStore package includes

  • $510 worth of carefully handpicked Premium Plugins for WooCommerce;
  • More than 110+ awesome Prebuilt Shops;
  • A built-in AMP for WooCommerce, a Full Ajax Shop, multi-vendor support, and much more.

Become one of XStore’s more than 60,000+ happy customers by taking advantage of the Black Friday special.

Knowing that it’s the early bird that gets the worm, we’ve worked hard to place before you and your fellow website designers and agencies this enticing selection of the best Black Friday offers.

You will no doubt find some of the products familiar. A few might not be. In either case, the opportunities are here for you to get some great deals on some premier products.

Happy shopping!


The post Live Now: Top 10 Black Friday 2021 Deals for Designers and Agencies first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches.

From peek-a-boo designs with neat animated elements to vertical bars to brutalist blocks, there are a lot of highly usable trends to work with.

Here’s what’s trending in design this month.

Peek-a-Boo with Animation

Designers have been experimenting with cut-out and layering elements with animation for some time, which has evolved into full peek-a-boo styles with a lot of visual interest.

How each design comes together is a little different. Some have the animation in the back, others in the front, and some include text as part of the style. There’s almost no set of actual rules to how to make this design trend work.

Each of the examples below does it somewhat differently with varying degrees of success. The commonality here is that it is almost one of those visuals that you either see and love or hate.

Jatco Insurance is the most stunning example here, with a bold color choice and a peek-a-book element inside the oversized “J.” The overall effect is soothing and interesting and naturally draws the user across the screen from the top left to the background video layer. The small tagline, “Individual attention you deserve,” is perfectly placed.

Liron Moran Interiors takes a different approach with the peek-a-boo concept with the letters peeking out from behind an image. The animation is restricted to a hover and scroll effect that adds a liquid element to the image as well as changes to the image and color background. The challenge here is in readability. More of the words show on wider screens, but is it enough?

Melon Fashion also layers text and animated effects for a neat peek-a-book style that almost seems cut out from the background. The overall look appears to have three layers: background video, middle layer for the yellow color block, and text on top. The opacity of text elements with the peeking video is interesting and well pulled together without sacrificing too much readability.

Vertical Bars

Vertical color bars are a design element that keeps popping up in different ways. Designers can use it as a standalone element or container for content, such as navigation or other click actions.

Vertical elements are helpful because they can help create a more consistent and unified user experience from desktop to mobile screens. This shape can also be somewhat disruptive because you don’t see it featured that often. (Although with this style trending that might become less true over time.)

New Classrooms uses a vertical color bar on the left to help you move through the design. The color actually changes as each slide progresses on the homepage.

Serving uses multiple vertical bars as links to different content entry points. Clickability is emphasized with a change from a red overlay to a full-color image. The navigation is also tucked inside a white bar on the left side of the screen with a hamburger menu therein.

TechnoAlpin goes with a skinny vertical navigation menu on the right side of the screen. The icons with menu elements make navigation highly visual and intuitive. The color, which significantly contrasts with the rest of the design, also helps.

Brutalist Blocks

Not many people thought brutalism would stick around when it started trending. Elements of brutalism keep sneaking in, though, although they are much less stark and harsh than some of those original trending website designs.

This version of brutalism focuses on block elements that contain images or text and often click to other pages in the design. The blocks themselves are essentially the buttons that help you navigate to additional content.

The critical question about this design technique is whether this click action is intuitive enough. Will users interact without buttons?

The answer likely depends on your audience base, but if you opt for a style like this, it is essential to keep a close eye on analytics to ensure that users know and understand how to engage.

Milli Agency might be the most intuitive example of the brutalist blocks trend. The homepage is essentially a giant navigation menu. Each block changes from white to yellow on hover and expands, further encouraging clicks.

Sick Agency uses brutalist blocks with experimental typefaces and bold color for an in-your-face design. You can’t help but look at all the different things happening here. The biggest question might be, where should you focus and click next? The cursor provides some visual cues, but it’s not quite as intuitive as you might want it to be.

Mawo mixes brutalist blocks with a big blue cursor to help users click through the design to see more clothing options. Even the images here have a rather stark feel, which isn’t typical for e-commerce. Every block element above the scroll on the homepage includes a click action from the navigation blocks across the top to the “Shop Women” and “Shop Men” images. Further, the blue cursor dot helps show where users can click, and text buttons change to blue on hover as well.


Most of the examples here show trends as homepage elements, but you aren’t limited to that application. Try some of these techniques on landing pages or interior pages that you want to add a little something special to.

This can be an excellent way to test the design and see if your users like the style and know-how to interact with it. If it works, then you can extend the aesthetic to more of the design.


The post 3 Essential Design Trends, November 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Tilda website builder combines everything we liked so much about constructors when we were kids – you can experiment, test out and build myriads of new creative ideas out of ready-to-use blocks. Tilda is that type of constructor that allows you to own your creative process and create pretty much any website: landing page, business website, online store, online course with members area, blog, portfolio, or event promo page.

Founded seven years ago, Tilda is a website builder that completely revamped the way we create websites. Tilda has been the first website builder to introduce block mechanics that allows users to create websites out of pre-designed pieces. This breakthrough technology allowed all users – not only designers – to create professional-looking websites. Just like in kid constructors, you can drag-and-drop and mix-and-match blocks on Tilda to let your creativity flow and build a dazzling website, at extraordinary speed. 

When you ask designers why they love Tilda, they usually say it’s because the platform provides the ultimate balance between choosing from templates and being able to fully customize and create from scratch to bring any creative idea to life. Here’s what else they say:

Tilda has been a game-changer for us. It allows our team to quickly spin up new web pages, make edits, and ship new programs. We left WordPress for Tilda and after being with Tilda for 2 years, I don’t ever want to go back.

~ Andy Page, Executive Director, Forge.

I built my first website in 2001. Since then I’ve used countless platforms and website builders for customer websites and my own business. Tilda is the perfect combination of ease of use with powerful features at an unbeatable value.

~ Robby Fowler, Branding and Marketing Strategist, & The Brand ED Podcast.

Let’s dive deeper into core functionalities you can leverage on Tilda. 

#1 Cut Corners With 550+ Pre-Designed Blocks And 210+ Ready-Made Templates

The beauty of Tilda is that it provides 550+ blocks in the ever-growing Block Library designed by professional designers. Thus, you can quickly build a website out of pre-designed blocks that encompass virtually all elements you might need for your website: menu, about us page, features, contact, pricing, etc. 

Customizing each block is a breeze with Tilda: You can drag-and-drop images, edit text right in the layout, alter block height, background color, padding, select the style of buttons, use custom fonts, and assign ready-made animation effects to specific parts of it. Also, Tilda provides a built-in free image library with 600K+ images, so you can find images that are just right for you without leaving Tilda, add them to your website with just one click, and use them for free.

Finally, all blocks fit together so well that it’s almost impossible to create a bad design on Tilda – even if you are a stranger to website building.

For a quick take-off, you can use 210+ ready-made templates for different kinds of websites and projects: online stores, landing pages, webinar promo pages, multimedia articles, blogs, and more. Each template is a sample of modern web design and consists of blocks. It means that templates don’t limit your creativity: you can modify them to your liking by playing with settings, adding extra or removing existing blocks, and embedding images and text. 

Each of the templates and blocks covers over 90% of use cases you’ll ever require and is mobile-ready, meaning that your website will look great on desktop computers, tablets, and smartphones by default.

#2 Jazz Up Your Site With Zero Block: Professional Editor For Web Designers 

To better meet the demands of a creative brief and unleash your creativity, you can use Tilda’s secret weapon called Zero Block. It is a tool for creating uniquely designed blocks on Tilda.

You can control each element of the block, including text, image, button, or background, and decide on their position, size, and screen resolution on which they’ll appear. For example, you can work with layers to create depth with overlay and opacity techniques or set a transparency level on any element and shadow effects below them. Additionally, you can also insert HTML code to add more complex elements, such as calendars, paywall, comments, social media posts, and so much more.  

Finally, Zero Block allows you to fool around with basic and more advanced step-by-step animation for a more individual look. Here’re some animation examples that you can make on Tilda:

Animation on scroll (position of elements is changing on scroll).

Trigger animation (animation is triggered when pointing at or clicking on an object).

Infinite scrolling text.

#3 Import Designs From Figma To Tilda In Minutes

Creators love using Figma for prototyping, but when you have to transfer every element and rebuild your website design from scratch – that’s what’s killing the party. With Tilda, you can easily turn your static designs into an interactive website in no time. 

All it takes is to prepare your Figma design for import with a few easy steps, paste the Figma API token and your layout URL to Tilda, click import and let the magic happen. Once your design is imported, you can bring your project online just by clicking publish.

#4. Make Search Engines Love Your Website With Built-In SEO Optimization

Thanks to the consecutive positioning of blocks on the page, websites designed on Tilda are automatically indexed well by search engines. There is also a set of SEO parameters you can fine-tune right inside the platform to ensure that your web pages rank high even if you don’t have an SEO specialist in-house. These parameters include the title tag, description and keywords meta tags, reader-friendly URLs, H1, H2, and H3 header tags, alt text for images, and easily customizable social media snippets. 

As an additional value, Tilda provides an SEO Assistant that will show you what errors are affecting the indexing of your website and will help test the website for compliance with the search engines’ main recommendations.

#5. Turn Visitors Into Clients

Tilda gives you the power to set up data capture forms and integrate them with 20+ data capture services, such as Google Sheets, Trello, Notion, Salesforce,, etc., to ensure seamless lead generation.

For more fun, Tilda developed its CRM to manage your leads better and keep your business organized right inside of a website builder. This is a very easy-to-use tool that automatically adds leads from forms and allows you to manually add leads you captured outside of the website. There is a kanban board that gives you an overall view of how leads are moving through your sales funnel and allows you to move leads between stages easily.

#6. Build A Powerful Online Store In One Day

Tilda provides a set of convenient features to create a remarkable online shopping experience. The platform gives you the power to sell online using ready-made templates or build an online store completely from scratch, add a shopping cart and connect a payment system of choice — Stripe, PayPal, 2Checkout, etc. — to accept online payments in any currency.

If you are looking to run a large ecommerce business, you should also consider Tilda. Thanks to the built-in Product Catalog, you can add up to 5000 items, import and export products in CSV files, easily manage stock, orders, and keep track of store stats.

And thanks to adaptive design, your store will look good across all devices, including tablets and smartphones. 

#7. Bring Your Project Online For Free

Tilda offers three subscription plans: Free, Personal ($10/month with annual subscription), and Business ($20/month with annual subscription). When you sign up for Tilda, you get a lifetime free account. It allows you to publish a website with a free subdomain and gives you access to a selection of blocks and a limited number of features that offer enough to create an impressive website. 

Personal and Business tariffs allow more advanced options, such as connecting custom domains, adding HTML code, receiving payments, and embedding data collection forms. The business plan also allows users to export their website and create five websites (while personal and free plans allow one website per account). 

To discover all features and templates on Tilda, activate a two-week free trial – no credit card required.


The post Tilda – The Website Builder That Disrupted The Way We Create Websites first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

There are some spook-tacular finds in this month’s October collection of resources and tools for designers and developers. From interesting tools that can help in the design process to boo-tiful typefaces, there’s something for everyone here.

Here’s what is new for designers this month…


Atropos is a lightweight, open-source JavaScript library to create touch-friendly, three-dimensional hover effects. The results are stunning and have a nice parallax style. Everything is highly configurable and customizable. It’s available for JavaScript, React, and Vue.js and has zero dependencies.

CSS Gradient Editor

CSS Gradient Editor helps you create the perfect gradient style – you can start from presets – that you can use in projects. Design a background, fill, or almost any other gradient element you might need, make adjustments or customizations, and then get the CSS with one click so you can use it right away. is a fast visual sitemap builder that lets you work in real-time using the content brick method. Share and collaborate in real-time and there’s no signup required to use it.

Pirsch Analytics

Pirsch Analytics is a privacy-friendly, open-source alternative to Google Analytics — lightweight, cookie-free, and easily integrated into any website or directly into your backend. It includes filters to see metrics in the way you want and light and dark modes.

Basic Pattern Repository

Basic Pattern Repository is a collection of simple SVG patterns for projects. Everything is rooted in a simple style to help push projects along quicker. You can get it via GitHub or as a Figma Library.


Blobr is a way to get a branded API portal, manage access, and monitor usage all in one place. Customize everything to fit your brand and the tool grows as you do with the ability to increase or change capacity. Plus, it is easy to set up and free to use.


HEXplorer helps you better understand something you use all the time – HEX colors. This pen by Rob DiMarzo shows how the values for different colors come together to provide greater comprehension when it comes to this color format.


CCCreate is a curated collection of tools and resources for web creators. It includes some tools that have been around for a while as well as some newbies. Everything is grouped and sorted by type of resources – color, icons, type, layouts, animation, shapes, docs, and miscellaneous so you can find what you are looking for faster.


Glass is a photo-sharing app for photographers. It’s a social network of sorts that lets you share images with the greater photography community without “likes.” Just great images.


Revolt is a chat app that’s still in beta and designed for easy communication without having to download apps. It’s an open-source project that is customizable and with an intuitive and recognizable interface. The thing that’s different about this app is that it is built on a privacy-first model.

Doodle Ipsum

Doodle Ipsum is the illustrated version of placeholder elements. Customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.


Mechanic is an open-source framework that helps you create custom, web-based tools that export design assets in your browser. The best part is you can try it right on screen using the “poster generator.” If you like what you see, there’s plenty of documentation to help you along the way.

Medio Website Template

Medio is an agency-style website design template for Bootstrap 5. The layout is perfect for a design agency or marketing group but can be adjusted for almost any multi-purpose design. The free template includes a minimal design and includes features such as parallax, popup video, and more.

Tutorial: Simplifying Form Styles with Accent Color

This tutorial is a life-saver when it comes to using and understanding the new CSS accent-color property. This quick lesson will help make your life easier and is simple to use. It starts with setting an accent-color property on the root element and then applying it. is a worklet library that is full of CSS and code examples to help you work smarter. See how different elements look cross-browser and learn to adjust the code and put them together in just the way you want. Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine.


Chainstarters is a powerful, rapid, Web3-enabled platform for software developers. It eliminates the burden of setting up and maintaining a secure and scalable infrastructure, allowing you to focus on creating amazing technology.

Web Vitals Robot

Web Vitals Robot is a search optimization tool that monitors SEO metrics for you – so you can prevent your business from disappearing from Google.


Searchable is a unified search tool that looks at local, cloud storage, and apps to find the files you are looking for. It returns results in a jiffy with previews so you don’t have to open every file to find what you are looking for.


Athlone is a fun serif with lots of personality. The free demo version includes a limited character set for personal use only and the full version has everything you need for fun display or branding with this typeface.


Capitana is a Geometric Sans typeface with humanistic proportions and open apertures. This means that all shapes are constructed from basic forms, the circle, triangle, and square, and are designed according to the classic proportions of the Roman Antiqua. Distinct ascenders and pointed apexes with deep overshoot give it a cool beauty and classic elegance. It includes 784 characters per style in nine weights from Thin to Black, it offers both light and extremely heavy weights for striking headlines.


Colours is a funky script with just enough texture to keep it interesting. The free version includes a partial character set and is for personal use only.


Flexible is a variable typeface that includes 18 styles in the family. It’s made for creativity and display use. This typeface is made for experimenting because there are so many things you can do with this single family.

Singo Sans Serif

Singo Sans Serif is a simple and strong typeface that would make an excellent display option. The free version is for personal use only. Fun fact: Singo means Lion in Indonesia, which is where the name of this strong font comes from.


The post Exciting New Tools For Designers, October 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

Pollen – A Library of CSS Variables Inspired by TailwindCSS

Using the Platform

Why You Should Switch to Code-Based Design

15 Great Chrome Extensions for Web Designers and Developers

Exciting New Tools for Designers, September 2021

24 CSS Javascript Animation Effects

3 Psychological UX Design Principles to Enhance User Experience

UX vs. UI – Which Should You Focus?

Customize TailwindCSS to Give Your Sites a Unique Look

10 Fundamental UI Design Principles You Need to Know


The post Popular Design News of the Week: September 6, 2021 – September 12, 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

7 Free Javascript Effects for a Truly Interactive Site

Responsivize – A Must-Have Tool to Develop Responsive Websites

12 Graphic Design Memes That Will Make You Laugh (or Cry)

Why Do People Hate Redesigns?

Why Should Designers Learn to Code?

12+ CSS Text-Stroke Examples

20 Best New Sites, August 2021

8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements

Ten Years of Bootstrap

A Complete Introduction to Web Components in 2021


The post Popular Design News of the Week: August 23 2021 – August 29, 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot