Articles

Are you bored with some of your current design projects? This month’s collection of website design trends can help break you out of that rut with some fun and funky alternatives.

And all of these options are anything but boring. From visual display to technique, these trends present a different set of challenges.

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

1. Layers on Layers

These website designs have so many layers of information that you almost don’t know where to look or where the design elements start and stop.

This can be a complex technique to make work because of the number of elements competing for the same attention in the design.

What you are likely to see with this design tend includes an image or video background with some motion but not anything that truly demands attention. Then add on a few still images in smaller frames throughout the design. Layer on text as well for a three-deep effect.

If you interact with these designs, you’ll find that they are not flat either. They all include animated elements, hover states, and interactions that help direct you through the layers of what can be a somewhat complex design.

Western National Parks Association uses a background image, middle images with animations, and multiple text layers (some on the pictures and some on the background). There’s also scroll animation to help build the design. A lot is going on, but it does not feel too busy.

WIP Architects is another design with layers that interact with each other and include motion. With a lot of scroll animation and layers that go in front of and behind other elements, engagement helps this site work.

The Shipwreck Survey uses the same basic layer outline with a little more overlap between elements and less overall animation. The primary animated effect on the homepage is the scroll bar.

 

 

2. Directed Click Actions

This interesting website design trend can be incredibly useful or a wasted element – directed click actions. These are buttons, icons, and animations that tell you to click somewhere in the design to move to the next stage of interaction.

The direct approach ensures that users see and have the best possible chance of doing what the design is intended for. On the other hand, if you need this much instruction, is the design too complicated? Or is there a middle ground where this trend looks great and is usable?

In each of the examples below, these directed click actions are a bit different.

HUG Co has a big circle to click in the bottom third of the screen. It’s almost designed like a bullseye, and you can’t miss it. The thing that is interesting here is that most of the video falls below the scroll. The click action also has two emojis to denote action – a smiling face or pointer when you are ready to click. (The click extends the video to full screen.)

ThinkOvery also uses a similar circular click icon. It also takes you to the next screen in a single movement so that you can continue to explore the design.

Living with OCD has a different approach with scroll and back-to-top icons paired in the bottom right corner. The scroll option includes words to help create direction and instruction. It consists of a small animation and an interactive hover state when you get close to the interactive element. The interesting thing here is that it is not actually a button, and you use a traditional scroll to interact.

 

 

3. Word Breaks

If you are a stickler for readability, this design trend might make you cringe.

In each of these designs, words are broken across lines – some with and some without hyphens. For the most part, there’s not much confusion about what the words are, but it does make you pause and think during the page experience.

Why would this be a design trend?

It’s a combination of using large typography, long words, and figuring out a solution to create a common experience between large and small screens. Many of these words would not fit on mobile screens, for example, with the same weight, scale, and impact as the desktop counterparts.

Hence, the word break solution. It creates a consistent user experience across devices.

This technique should be used only if you think your audience is savvy enough to understand what you are trying to communicate with the word break. It can be a tricky proposition!

Plantarium breaks at “plant” with a word that’s made up. But with the imagery and supporting terms, you still know immediately what the design is about.

Michelle Beatty takes a common word and breaks it. Because “photog” and “rapher” are the only letters on the screen, it’s pretty easy to figure out. What’s interesting is that the word break is not on the syllable, but the letters do stack nicely with this break visually.

Wreel Collective breaks a word with a hyphen in giant letters – something we rarely see in website design. Hyphens are not often used in this medium. Because of this, it gets your attention and makes you think about the words and the design.

 

 

Conclusion

There are a lot of rule-breaking trends in this month’s collection. They are interesting, fun, and require a certain level of risk to execute.

Could you see yourself (or your clients) opting for a design that features one of these trends? Time will tell if these visual compositions grow in popularity or begin to fade fast.

Source

The post 3 Essential Design Trends, June 2022 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!

Bob Ross Ipsum

22 Apps Designers Can’t Live Without

15 Best New Fonts, June 2022

Payload is Now Completely Free and Open Source

Why Does Every Movie Poster Design Look like This?

Web Design Tools for Fast and Efficient Design

Developers: Stop Feeling the Pressure – Do this Instead

What People Think that Web Developers do Vs. What We Really do

Anytype: A Local, Privacy-first Notion Alternative

Rumor: Apple to Announce New Search Engine Next Week

Background Grids, from Paper to Display

Source

The post Popular Design News of the Week: May 30, 2022 – June 5, 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

WordPress 6.0 has been released, and another niche jazz musician will be enjoying extra Spotify royalties next month.

WordPress 6, named for latin-jazz musician Arturo O’Farrill, is the realization of a change of direction the WordPress Foundation adopted several years ago.

All versions of WordPress now power around 42% of the web. That’s approximately 810,000,000 sites. If you looked at each site for a single second, without pausing to blink, it would take you over 25 years to see the home page of each one — of course, if you factor in how long a typical WordPress site takes to load it would take well over a century.

Some people (i.e., me) have been predicting the decline of WordPress for so long that sooner or later, we were bound to be correct. And, despite its astonishing reach, there are some signs that its market share may now be in decline. Even the W3C abandoned it in favor of Craft.

Of the 1,930,000,000 sites that currently make up the web, only around 400,000,000 are active. WordPress’s long-term dominance, coupled with a stalling market share, means that a disproportionate number of abandoned sites are WordPress. With site builders like Wix, Squarespace, and Shopify taking huge chunks of WordPress’ share of new sites, WordPress is facing something of a cliff edge.

What the ill-informed naysayers (i.e., me) hadn’t counted on was that WordPress had already seen the writing on the wall and formulated a plan…

WordPress’s problem has always been its legacy code; supporting out-of-date ideas and a spaghetti-like codebase has meant a great deal of work to do anything new. As a result, the last few releases have seen great ideas stifled by labored implementation. Even the most loyal WordPress user has to admit that Gutenberg, while filled with potential, doesn’t work the way it should. However, with WordPress 6, all the work may be starting to pay off.

With version 6, the block editor in WordPress is starting to feel like a design tool that, if not perfect, is at least usable. Editing content no longer feels like you’re fighting against the UI. Most importantly, the bar for creating a site is much, much lower. WordPress 6 also offers improved performance and accessibility, both areas that have traditionally been lacking. Security is still something of an issue, but that is mainly due to the ROI for hackers that massive market shares generate.

WordPress, it seems, has arrived at two conclusions: its main competition isn’t other CMS but other site builders. To maintain its market dominance, it needs to cater not to professionals but to amateurs.

Don’t get me wrong; the WordPress ecosystem will benefit from WordPress 6, at least reputationally. New sites run by amateurs eventually become established sites run by, if not professionals, then at least knowledgeable amateurs.

OK, so WordPress probably isn’t a good choice for enterprise sites. And there are certainly better options for ecommerce. And as for SEO, well, probably best not mentioned.

But in WordPress 6, we have a free, open-source site builder that lowers the bar for making a new site. It’s a credit to the community that has persevered to produce it.

Source

The post WordPress 6.0 Lives Up To The Hype first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Websites haven’t always been as adaptable as they are today. For modern designers, “responsivity” is one of the most significant defining factors of a good design. After all, we’re now catering to a host of users who frequently jump between mobile and desktop devices with varying screen sizes. 

However, the shift to responsive design didn’t happen overnight. For years, we’ve been tweaking the concept of “responsive web design” to eventually reach the stage we’re at today. 

Today, we’re going to take a closer look at the history of responsive web design.

Where Did Web Design Begin?

When the first websites were initially created, no one was worried about responsivity across a range of screens. All sites were designed to fit the same templates, and developers didn’t spend a lot of time on concepts like design, layout, and typography.  

Even when the wider adoption of CSS technology began, most developers didn’t have to worry much about adapting content to different screen sizes. However, they still found a few ways to work with different monitor and browser sizes.

Liquid Layouts

The main two layout options available to developers in the early days were fixed-width, or liquid layout. 

With fixed-width layouts, the design was more likely to break if your monitor wasn’t the exact same resolution as the one the site was designed on. You can see an example here

Alternatively, liquid layouts, coined by Glenn Davis, were considered one of the first revolutionary examples of responsive web design. 

Liquid layouts could adapt to different monitor resolutions and browser sizes. However, content could also overflow, and text would frequently break on smaller screens. 

Resolution-Dependent Layouts

In 2004, a blog post by Cameron Adams introduced a new method of using JavaScript to swap out stylesheets based on a browser window size. This technique became known as “resolution-dependent layouts”. Even though they required more work from developers, resolution-dependent layouts allowed for more fine-grained control over the site’s design. 

The resolution-dependent layout basically functioned as an early version of CSS breakpoints, before they were a thing. The downside was developers had to create different stylesheets for each target resolution and ensure JavaScript worked across all browsers.

With so many browsers to consider at the time, jQuery became increasingly popular as a way to abstract the differences between browser options away.

The Rise of Mobile Subdomains

The introduction of concepts like resolution-dependent designs was happening at about the same time when many mobile devices were becoming more internet-enabled. Companies were creating browsers for their smartphones, and developers suddenly needed to account for these too.

Though mobile subdomains aimed to offer users the exact same functions they’d get from a desktop site on a smartphone, they were entirely separate applications. 

Having a mobile subdomain, though complex, did have some benefits, such as allowing developers to specifically target SEO to mobile devices, and drive more traffic to mobile site variations. However, at the same time, developers then needed to manage two variations of the same website.

Back at the time when Apple had only just introduced its first iPad, countless web designers were still reliant on this old-fashioned and clunky strategy for enabling access to a website on every device. In the late 2000s, developers were often reliant on a number of tricks to make mobile sites more accessible. For instance, even simple layouts used the max-width: 100% trick for flexible images.

Fortunately, everything began to change when Ethan Marcotte coined the term “Responsive Web Design” on A List Apart. This article drew attention to John Allsopp’s exploration of web design architectural principles, and paved the way for all-in-one websites, capable of performing just as well on any device. 

A New Age of Responsive Web Design

Marcotte’s article introduced three crucial components developers would need to consider when creating a responsive website: fluid grids, media queries, and flexible images. 

Fluid Grids

The concept of fluid grids introduced the idea that websites should be able to adopt a variety of flexible columns that grow or shrink depending on the current size of the screen. 

On mobile devices, this meant introducing one or two flexible content columns, while desktop devices could usually show more columns (due to greater space). 

Flexible Images

Flexible images introduced the idea that, like content, images should be able to grow or shrink alongside the fluid grid they’re located in. As mentioned above, previously, developers used something called the “max-width” trick to enable this. 

If you were holding an image in a container, then it could easily overflow, particularly if the container was responsive. However, if you set the “max-width” to 100%, the image just resizes with its parent container. 

Media Queries

The idea of “media queries” referred to the CSS media queries, introduced in 2010 but not widely adopted until officially released as a W3 recommendation 2 years later. Media queries are essentially CSS rules triggered based on options like media type (print, screen, etc), and media features (height, width, etc). 

Though they were simpler at the time, these queries allowed developers to essentially implement a simple kind of breakpoint – the kind of tools used in responsive design today.  Breakpoints refer to when websites change their layout or style based on the browser window or device width.

Viewport Meta tags need to be used in most cases to ensure media queries work in the way today’s developers expect. 

The Rise of Mobile-First Design

Since Marcotte’s introduction of Responsive Web Design, developers have been working on new ways to implement the idea as effectively as possible. Most developers now split into two categories, based on whether they consider the needs of the desktop device user first, or the needs of the mobile device user. The trend is increasingly accelerating towards the latter. 

When designing a website from scratch in an age of mobile-first browsing, most developers believe that mobile-first is the best option. Mobile designs are often much simpler, and more minimalist, which matches a lot of the trends of current web design.

Taking the mobile first route means assessing the needs of the website from a mobile perspective first. You’d write your styles normally, using breakpoints once you start creating desktop and tablet layouts. Alternatively, if you took the desktop-first approach, you would need to constantly adapt it to smaller devices with your breakpoint choices.

Exploring the Future of Responsive Web Design

Responsive web design still isn’t perfect. There are countless sites out there that still fail to deliver the same incredible experience across all devices. What’s more, new challenges continue to emerge all the time, like figuring out how to design for new devices like AR headsets and smartwatches. 

However, it’s fair to say we’ve come a long way since the early days of web design. 

 

Featured image via Pexels.

Source

The post A Brief History of Responsive Web Design 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!”

What’s New in WordPress 6?

From PHP to Next.js: What Trivago Learned

4 CSS Progress Bars You Can Use on your Website

Lesser-Known and Underused CSS Features in 2022

Responsive Forms with CSS Flexbox

20 Best New Sites, June 2022

Building a Button Component

15 Web Design Principles for a Customer-Friendly Website

How I Created a Minimal Linktree Page in Just 2 Hours

Pixelarticons

Source

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

Source de l’article sur Webdesignerdepot

Data mesh. This oft-talked-about architecture has no shortage of blog posts, conference talks, podcasts, and discussions. One thing that you may have found lacking is a concrete guide on precisely how to get started building your own data mesh implementation. We have you covered. In this blog post, we’ll show you how to build a data mesh using event streams, highlighting our design decisions, and the key benefits and challenges you’ll need to consider along the way. In fact, we’ll go one better: we’ve built a data mesh prototype for you to check out on your own to see what this would look like in action, or fork to bootstrap a data mesh for your own organization. 

Data mesh is technology agnostic so there are a few different ways you can go about building one. The canonical approach is to build the mesh using event streaming technology that provides a secure, governed, real-time mechanism for moving data between different points in the mesh. 

Source de l’article sur DZONE

When you hear the word “leadership,” do you think of a particular person?

If you’d been asked that question anytime before the 1900s, chances are you’d think of an accomplished politician or a battle-tested general. These were the people leading society for most of recorded history. Today, you might have someone else in mind.

Since the industrial era, the US has birthed a pantheon of founders who’ve arguably led our society as much as any statesman or president. We put Rockefeller and Ford right next to Lincoln and Jefferson. Think about it; these guys haven’t just changed the US; they’ve changed how the entire world lives and does business.

Founders of successful companies today command even larger amounts of capital and power than JD and Henry. With the rise of social media, they are often thrust to the forefront of their brands and the public, whether they like it or not. Some manage the responsibility better than others.

In my opinion, the best businesses use all that capital, manpower, and name recognition to do more than simply make a profit. By leading with authenticity, inspiring positive action, and influencing their brand’s vision for innovation – they try to make a change.

I wanted to take a minute to reflect on some modern founder-led brands I think are doing a killer job of creating unique, world-changing businesses and company cultures. I also want to discuss the lessons I have learned from them.

Elon Musk – Tesla

When talking about founder-led brands of the 21st century, it’s hard to pass over electric vehicle manufacturer Tesla and its outspoken CEO, Elon Musk. Love him or loathe him, he belongs in any conversation on influential founders.

While Musk isn’t technically the founder of Tesla, he is one hundred percent responsible for the company’s direction over the past decade. I think two of the strongest leadership points for Musk are his focus on branding and innovation.

Tesla created showrooms and charging stations long before his business had the sales to justify the expense. People saw the name Tesla everywhere, got curious about it, and now that’s paying off big time. Tesla today is at the forefront of the EV industry while all the other car companies play catch-up.

Behind the scenes, Tesla was also early to create a vertically-integrated supply chain – giving it almost complete control over its product and logistics. That’s another feature with a hefty upfront price tag but paid off when the pandemic hit. Now the biggest automakers in the world are rushing to copy that model.

Musk arguably even convinced China to deregulate foreign ownership of automotive companies. That’s hard to prove. However, China changed its rules around foreign ownership of EV companies shortly after he refused to enter the country.

Arguably, Tesla today is one of the frontrunners in redefining how traditional companies run. Musk is known to hate bureaucracy and traditional hierarchies. He hires other people to take care of bureaucratic processes for him.

Musk is also known for hiring relatively young, hard-working employees into high-power management positions in the company and letting them prove themselves. That inspires extreme loyalty from his employees from an early age. Musk’s focus on efficiency and rejection of traditional hierarchies has sparked a small revolution in tech companies.

Finally, I respect Musk because he has goals beyond showing year-over-year growth to shareholders. That’s hard to do day in and day out.

Sara Blakely – Spanx

Sara Blakely is an example of a founder with her hands in every part of her business, from product creation to sales. Most importantly, she created an authentic company culture with values she felt the business world lacked.

For those who know her story, Spanx very nearly didn’t happen. Blakely pitched her slimming undergarment to multiple women’s brands run by men. Most told her it would never work.

It might seem silly now, but men used to think they knew women’s fashion better than women. It wasn’t until one executive gave Blakely’s product to his daughters to try out that he agreed to start stocking Spanx. It’s a great example of how businesses can make a lot of money by listening to their customers.

Besides founding a women’s clothing company that sells products women want, Blakely strived to bring “feminine energy” into the workplace. I saw this poignant quote from her in an article:

“Twenty-one years ago when I started Spanx, I ended up in the paper in Atlanta, and I was at a cocktail party and a couple of guys came up to me and they said, ‘Sara, we read about you. Congratulations! We heard you invented something.’ And I said, ‘Yes I did, I’m so excited.’ They said, ‘Business is war,’ and then they pat me on the shoulder and they kind of laughed at each other. I went back home to my apartment that night. I was 29 and I just thought, I’m not going to war. I’m going to do this very differently. I’m going to honor a lot of feminine principles — intuition, empathy, kindness. Just allowing myself to be vulnerable through this process. And of course, a lot of the masculine energy has helped me also — it was a balance. But I wasn’t going to do it by squashing the feminine.”

Blakely worked hard to create a sales-oriented company culture that was purposely welcoming from that point forward. She regularly scheduled “oops meetings” where employees could stand up and say how they messed up and turn it into a funny story. At Spanx, it was okay to make mistakes and learn from them.

Blakely wanted everything about her product to be fun, including the way it was sold. She created a mandatory boot camp for salespeople, which, among other things, requires employees to perform standup comedy. Little things like that resonated with people and made Spanx synonymous with “fun.” Even famous actresses were flashing their Spanx on the red carpet.

The lesson we can all learn from Spanx and Blakely is that fun and positive energy are great marketing tools for any business. Many companies try to push a fun culture publicly without any authentic leadership that genuinely exemplifies that narrative, they won’t have the same effect. Blakely’s story of Spanx is not just a story of the brand but a story of her life and the experiences that shaped her vision and goals.

Jack Dorsey – Block (FKA Square)

While better known for founding Twitter, Jack Dorsey has recently been in the news for his move to solely running payment processing business Block. I admire Dorsey because he radically encourages his teams to think differently about how they work.

Dorsey is known for optimizing ways to stay productive and focused throughout the day. He manages through unconventional tactics like communicating only through voice memos on his phone that he runs through transcription apps. He says this prevents him from being sidetracked by distractions on his computer. I think that kind of mindfulness is necessary now more than ever.

Dorsey tries to bring this level of focus to his interactions with his employees too. I saw a great quote from him in this article discussing computer-less meetings at Block.

“When phones are down and laptops are closed, the team can discuss any issue at hand without distraction. We can actually focus and not just spend an hour together but make that time meaningful — and if that time is 15 minutes, then it’s 15 minutes and then we move on with our lives.”

Besides limiting distractions, Dorsey is known to walk five miles to work daily, theme each day, and create detailed agendas and goals for each team meeting. In his former company, Twitter, the culture was frequently described as a space where employees could speak freely to management about things they wanted to change.

On that subject, Dorsey has been known to push hard for employee control in his companies. Perhaps ironically, he was also quoted saying he wants Twitter to break away from its co-founders’- vision and control, calling founder-led companies “severely limiting.” However, it still seems he has some sort of vision for the world that he wants to bring around via Block.

His business goals are visionary, pushing the boundaries of innovation in the financial world.

Dorsey is a known cryptocurrency enthusiast but had pushback from the Twitter team, including his CFO, about making a crypto-centric product. His move to payments processor, Block, seems to be a bid to follow his passion and exert his vision on the world.

Block has since made headlines for being extremely bullish on cryptocurrencies, while many have expressed doubts. Dorsey even changed the business’s name to Block to better reflect its focus on blockchain and famously purchased $50 million worth of Bitcoin in 2020. All the while, Dorsey has been quietly creating arms of his business in the hopes of improving BTC’s usefulness. That may pay off down the line.

Melanie Perkins – Canva

I identify strongly with Melanie Perkins, co-founder of graphic design SaaS, Canva. Besides being roughly the same age, we both came from nondescript beginnings with no background in entrepreneurship or tech.

Canva is an excellent example of a business created by becoming intimately familiar with a customer problem and executing. Perkins spent years teaching people how to use design platforms like Adobe Creative Suite because they were so complicated. Taking that knowledge, she started a simple product to help customers create high school yearbooks. That expanded into a super app covering every aspect of design.

This super-app has unlocked a way for millions to learn design and produce high-quality content at any skill level. The cost to use Canva is many times lower than anything else on the market.

While Canva is an amazing product, what I like most about Perkins is that she believes business serves a higher purpose than maximizing profits.

When she was suddenly thrust into the limelight with a $40 billion valuation, people were even more impressed by Perkins’ philanthropic goals. She vowed to donate a 30 percent stake in Canva to a charity dedicated to eliminating poverty (about $12 billion). She is also known to regularly fundraise for 25,000 different nonprofits through her app. She doesn’t just inspire people with words, but by actions, she’s actually taking.

Canva is very public about its ethos. I like their values because they are general yet avoid the jargon many companies fall into. They are:

  • To be a force for good and empower others;
  • Pursue excellence;
  • Be a good human;
  • Make complex things simple;
  • Set crazy big goals and make them happen.

Besides revolutionizing how modern businesses design and harness goodwill marketing, Canva was also one of the forerunners of the remote work trend.

Most of Canva’s “Canvanauts” worked from homes worldwide even before the pandemic. Canva showed a lot of tired old businesses that you could still run a successful company without having employees in the office 24/7.

How I Try to Learn From the Best

Finally, I want to talk about what I am trying to contribute to my team and society with my current business, startup acquisition marketplace, MicroAcquire.

As I’ve mentioned, I think it is very much on myself as a founder to set the tone of my business – and that starts with who I hire. When I’m searching for new employees to join the “#Micromafia” I not only look for productive workers, I look for people I genuinely enjoy spending time with. It’s the best feeling in the world to go to meetings where you leave thinking, “That was really fun.”

Besides creating a great team, I’ve tried to address another problem I see again and again at major tech companies: employee burnout. There’s a reason the average tenure of a tech employee is three years.

I love working on startups. It’s like playing a video game for me, and it’s probably why I’m a founder. That said, I know my employees don’t always feel the same way. As CEO, I make sure my team knows I want them to live their lives outside of MicroAcquire.

On the business side of things, I take cues from the best. Like Musk and Dorsey, I want to preemptively create features that I know our customers will love. I knew people wanted an easy way to sell their startups because I wished I’d had one back when I was doing it.

Like Spanx and Tesla, I also strongly believe in the power of innovative branding – and I make sure we spend in areas that will give us significant returns down the line.

For example, we’ve made it easy to get MicroAcquire merchandise online completely free. The extra exposure we get from tech people rocking MicroAcquire t-shirts is more than worth the cost. We also created our own media publication Bootstrappers.com to tell the founder stories we thought major publications had missed. That’s been a huge hit with our customers, who also happen to be founders. These people traditionally have had to spam inboxes and pay for press because they didn’t raise billions in funding.

Finally, like Blakely and Perkins, I also want to actively listen to customer feedback and make sure we create a necessary and desired product. That’s why I make sure we’re constantly engaging with our community both on our website and social media. Many of the features we’ve added are just things we’ve heard mentioned multiple times from customers.

So far, I love the community we’ve created online and in the office. I don’t claim to have the winning formula, but I feel we are making a real difference out there. We’re lucky to live in a world with so many smart people getting their ideas out and making a positive change in the world.

 

Featured image via Unsplash.

Source

The post 4 Founder-Led Brands That Are Done Right first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Having the right WordPress plugins on hand can do wonders for your business or online presence. WordPress offers a vast collection to choose from.

There are so many of them. However, finding those that get the best reviews and can do the most for you can be a challenge.

A plugin can give you additional functionality. It could otherwise be difficult or overly expensive to realize with your website by itself. A glance at the 10 top WordPress plugins described below can provide a powerful case in point.

Your website’s purpose or niche will usually dictate the types of essential WordPress plugins you would do well to invest in. The right ones can make your website a genuine powerhouse and, by extension, your business as well.

1. Amelia

Amelia is an excellent choice for beauty, healthcare, fitness, consulting, and businesses that might be saddled down with a manual or semi-manual booking system by saving them and their clients time while eliminating booking mistakes that often occur in those manual systems.

  • Clients can book appointments online 24/7, change or cancel their appointments, and receive reminders of upcoming appointments and other notifications via SMS or email.
  • Amelia enables business owners or department managers to track and manage employee schedules and time off.
  • Amelia can manage bookings for appointments, book tickets for events, and manage group bookings, all at multiple locations. There are no limits on the number of appointments that can be managed.
  • Booking forms can be customized to best serve a business’s needs and match its brand.

Amelia fully supports WooCommerce with PayPal, Stripe, Mollie, and RazorPay payments. Click on the banner to learn more about this time and money-saving plugin.

2. wpDataTables

wpDataTables is a premier WordPress table and chart building plugin that features virtually everything you are apt to need to build any table or chart you want.

Creating a table that is by any definition complex often requires tools that may not necessarily be easy to come by. wpDataTables uses four chart-building engines, one or more of which should suit you perfectly.

They are:

  • Google Charts
  • Highcharts
  • Charts.js
  • Apex Charts

For both table and chart building, wpDataTables can connect you to multiple database sources, including –

  • MySQL
  • MS SQL
  • PostgreSQL

wpDataTables can process data that exists in the commonly used formats and features various sorting and filtering options that allow you to create a host of different table types.

Both tables and charts are editable and responsive and, thanks to the wpDataTables conditional formatting feature, can highlight and color-code critical information.

Click to learn more.

3. Site Kit by Google

While your website’s performance might exceed your wildest dreams, it is more likely that there are areas that need improvement before your wishes can be met. 

Determining those areas can be a challenge, but Site Kit offers a one-stop solution to deploy, manage, and get insights from critical Google tools to make your site a success by making those critical tools available to WordPress.

They provide:

  • stats displayed on your WordPress dashboard from multiple Google tools
  • quick Google tool setup without your having to edit your site’s source code  
  • key metrics and insights for your entire site and individual posts, and
  • easy-to-manage, granular permissions across WordPress and different Google products

Site Kit shows you how many people have found your site, how users navigate it, etc.

Click on the banner to learn more about what Site Kit could do for you.

4. Tablesome –  WordPress Table Plugin With Form Automation

Tablesome is a WordPress form database and form automation plugin that you can use to store entries from WordPress forms to a database. It can be integrated with popular forms – Contact Form 7 DB, WPForms entries, Forminator database, Elementor Form submissions, etc.

After saving, you can:

  • Edit, auto-delete, and export entries to tools such as MailChimp, Google Sheets, Salesforce, etc.,
  • Display WordPress form entries on frontend pages
  • Automatically export contact data using the Mailchimp WordPress Integration

5. TheDock

TheDock eliminates the need to search for just the right WordPress theme by enabling you to create your own – which can be more fun anyway.

Among TheDock’s many features, a few key ones include –

  • A comprehensive, option-rich Design System
  • A responsive design system that ensures your site looks great on all screens.
  • Designer, developer, and editing collaboration support. 
  • Clean, readable code.

6. Slider Revolution

Beginners and mid-level designers can sometimes have difficulty finding ways to WOW their clients with professional-level visuals.

Slider Revolution changes all that by bridging the gap between what clients want and what you can provide with its –

  • 200 designed-to-impress website and slider templates
  • 25+ powerful addons and brand new WebGL slide animations
  • ability to import dynamic content from WooCommerce and social media outlets.

7. LayerSlider

More than a simple slider-builder, LayerSlider is an animation and website-building tool you can use to improve any website’s look and feel through eye-catching animations, contemporary graphics, and interactive features.

This is made possible in part through the use of –

  • 160+ website, slider, and popup templates
  • LayerSlider’s modern and intuitive editing interface

Plus, you can count on professional one-on-one customer support.

8. Download Monitor

The Download Monitor plugin helps you sell your digital products by offering a ready solution for tracking file downloads, gating content to generate leads, build your audience, and ask users for personal information in exchange for valuable content.

Download Monitor lets you –

  • add any type of file you need to your website
  • link a page to all your channels and promote your social media networks
  • place ads – and more.

9. Ads Pro – Multi-Purpose WordPress Ad Manager

The biggest ad manager for WordPress, Ads Pro gives you everything necessary to manage and sell ads.

Ads Pro’s admin panel makes managing ads straightforward for you and your users.

  • Key ad features include 25+ ad templates and 20+ ad display options.
  • CPC, CPM, CPD billing and PayPal, Stripe, and bank transfer payment methods are built-in.
  • Geo-Targeting lets you show/hide ad spaces based on countries, provinces, cities, and Zip Codes.

10. Ultimate Membership Pro

If selling content is your objective, Ultimate Membership Pro is the tool you’ll want to take your website and convert it into a powerful content selling platform.

The Ultimate Membership Pro plugin enables you to –

  • Create unlimited subscription levels, including free, trial, and paid member subscriptions
  • Control customer access to content based on their subscriptions
  • Send emails to welcome new members and send notifications and reminders to regular subscribers.

The WordPress plugin directory is already stuffed with almost 60,000 plugins. This guide has been published to narrow things down to 10 top WordPress plugins for your use.

We consulted with experts to create this list of excellent plugins for WordPress. It can help you with content strategy, SEO, site security, and even social media marketing.

Installing plugins and getting the functionality they provide can add immense value to your use of WordPress.

 

[- This is a sponsored post on behalf of BAW Media -]

Source

The post 10 Terrific WordPress Plugins You Should Be Using in 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

This month’s collection of the best new sites is a mixed bag. Positivity remains from last month’s edition, and what we’re seeing is designers being far more ambitious for the experiences they create.

We have a couple of sites helping to alleviate the damage of war, some unusual approaches to topics that are normally very dour, and some excellent portfolios to be jealous of. Enjoy!

Sarah Fatmi

Characterful illustration and desktop sideways scrolling make this portfolio site for illustrator Sarah Fatmi stand out.

Vestiaire Impact Report

Green is the new black, and fashion resale platform Vestiaire presents its green credentials in an informative and engaging way.

Houseplant

Houseplant is a collection of cannabis-related products designed by Seth Rogen and Evan Goldberg; this site is a lot classier than the average headshop.

FreshCut BarberShop

The site for FreshCut BarberShop is modern, bold, and gets its message across clearly, even if the user doesn’t read French.

Feed The 300

Feed the 300 is an appeal in aid of the animals in Ukraine’s zoos. It is very simple in concept and design, but endearing animated line drawings give it character.

Honeymoon Chicken

Luscious photography combined with surprisingly delicate illustrations makes Honeymoon Chicken very inviting.

Patachou Inc

Patachou Inc operates a group of eateries and the site does a good job of conveying both the very different individual brand identities of each establishment, and the common ethic behind all of them.

Living With OCD

Many design studios do showcase projects, and Living With OCD by designedbyla is one of the more publicly beneficial, and well-executed, examples around.

Aro

Aro is a product with a very simple concept — basically, a box to put away a phone, that also charges it — but this website does a great job of increasing the product’s desirability.

Kim Kniepp

The navigation on this site for Kim Kniepp’s design studio feels very interconnected, an effect heightened by the overlapping masonry grid.

Triniti

There is a calming, reassuring quality to the color used here for Pan-Baltic law firm Triniti. The perpetual motion style hero video adds a confident, soothing touch too.

Herezie

Creative agency Herezie uses saturation and gradual color changes to pleasing effect in this confident, assured website.

MetalColor

The color choices in this site for MetalColor, and how they are used, succeed in evoking what results the company could achieve without focusing on the less glamorous parts of the process.

Gras

Architecture and design studio Gras goes for a clean feel with an irregular grid layout and carefully curated images. The blog sidebar works well too.

Vendredi Society

Dark green and bright yellow make a strong statement in this portfolio site for brand strategists Vendredi Society.

HUB

HUB describes itself as a progressive property developer and this site does a great job of leaving behind the corporate image usually associated with property developers.

Nowhere Bakery

Nowhere Bakery makes vegan, paleo, gluten-free cookies, which don’t sound all that appealing on paper. This site manages to make them seem both really tasty and healthy.

Apotheke zur Triumphpforte

The botanical illustration style images on Apotheke zur Triumphpforte’s site help create an approachable brand identity while adding visual interest.

B!POD

A good balance of images, animation, and illustration combine to create an impactful presence for B!pod’s first product, a food vacuum storage system.

The New Exhibition

The New Exhibition is a showcase platform for Ukrainian creatives — type designers, illustrators, graphic designers, photographers, and others — whose ability to get work has been affected by war.

Source

The post 20 Best New Sites, June 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot