Duda: The design tool that’s making people leave WordPress

Duda’s tools can help take your website from zero to hero!

website design

Our team is always looking for things we think our readers will value. If we make a content partnership like the one featured in this article, then we may receive compensation for publishing.

It’s no secret that WordPress is the most commonly used content management platform in the world. Among DIY solo-preneurs, web developers and design agencies alike, it’s become the industry standard.

And for good reason:

  • Incredibly easy to use and doesn’t require much technical knowledge to get started
  • Open source and comes with a complete, well-documented API
  • Fast, fluid, robust, and supports almost every platform and device
  • Has a growing community of designers and developers who’ve contributed to its extensive library of thousands of themes and more than 55,000 plugins

But this doesn’t mean that WordPress is the right platform for your agency. This is particularly true if you’re looking to scale up on your agency’s project load, for reasons we’ll get into shortly. Additionally, with WordPress, you don’t get some of the more important business-oriented features like client management, team collaboration, and white-labeling.

In other words, even though WordPress can do a lot of things really well, it offers them at the cost of reduced efficiency.

Lack of a built-in, centralized multi-site dashboard makes project lifecycle management across domains challenging. When you have several clients with different hosting solutions, development requirements, and content systems, if it’s all on WordPress, you’ll have no choice but to manage login credentials individually. And no, WordPress Multisite doesn’t do what it sounds like it does. This isn’t a sustainable option for a growing design agency.

Duda’s design platform, on the other hand, was developed as a platform that meets the needs of agency workflows.

Duda offers tools that bring efficiency and scalability to your work environment. In this article, we’ll take a look at some of the reasons why digital agencies have started leaving WordPress for Duda and why you may consider making the switch for your team.

Easier management of client relationships

One of the standout features with Duda is that it makes it easy for design agencies to manage client relationships. Its built-in client management tools enable you to improve interactions and communication between your team and your clients. This way you can deliver better work more quickly, retain clients over time, continue acquiring new business, and drive sales growth.

Duda’s “Site Comments” feature helps you keep your customers engaged in the site design process. By allowing them to post comments directly on design projects that are in progress, you’ll be able to reduce the number of changes required afterward.

The user roles and permissions tool lets you limit client access to the more advanced features. This way you can prevent them from accidentally messing with design elements or widget scripts. On the flip side, if your clients are power users, you’ll be able to give them administrative access. With that, they can make changes and manage accounts after transferring the site over to them.

Brian Lewis, the CEO of Colorado-based design agency WebAct, says, “Duda enables us to assign highly customized roles and permissions to our clients, so we don’t have to give them blanket access to a website. Some of our customers are tech-savvy enough to make minor site changes on their own, and others would just break everything. The ability to easily turn on and off access for individual clients has saved us from hours of site maintenance work and a lot of headaches.”

Your customers will be able to access their sites and make changes through a centralized dashboard. For instance, they can easily change site themes, connect domains, or edit SEO settings.

Duda

What’s more is that Duda makes it easy for design agencies to gather site content – including text and images – from clients. You can do this in one of two ways:

  • Set up automated emails that’ll ask them to send you the required site assets through an easy submission form.
  • Scrape content from their existing web database and insert it into your own libraries.

It also makes it easier for you to keep clients informed about site development and performance. You’ll be able to send progress tracking and regular analytics reports – personalized with your company’s logo and branding – to your clients using automated email sequences.

Allows you to offer subscription services

Duda is a complete website building platform. It offers design agencies fast and reliable hosting, e-commerce integration capabilities, a blogging platform, SSL certificates, one-click PWAs (progressive web apps), and several other useful features.

At web design agencies, customer churn is a major issue. Projects usually have finite scopes of work, and once they’re done, so is your client. Duda’s supported services make it simple to turn one-off projects into a recurring engagement.

You can even diversify the services you offer by creating subscription packages for existing clients. For example, if a client’s e-commerce store has a lot of seasonal product turnover, you can offer to maintain the product listing content. You can also keep it updated in exchange for a monthly service fee.

Duda

You might also do well to create tiered, modular monthly subscription packages for small to medium-sized businesses. Consider the following structure model as a starting point:

Subscription plan #1:

  • Secure web hosting
  • Round the clock security monitoring
  • Weekly analytics reports

Subscription plan #2:

  • Secure web hosting
  • SSL certificate
  • Round the clock security monitoring
  • Google PageSpeed optimization and global CDN

With Duda, you also get access to several useful integrations for building your sites. These include commonly used apps and tools such as PayPal, Google Sheets, YouTube, MailChimp, and a number of social media platforms.

Built-in functionality for team collaboration

Duda enables website developers and designers to assign and perform tasks in an organized way. This helps avoid common mix-ups. For example, it avoids having multiple people on the same design team creating the same section of a customer’s site – which is more common than you think!

It also lets you easily collaborate with your team members on different tasks. In addition to this, you’ll be able to import and reuse template designs in future website projects. You can also share your agency’s libraries of themes, custom page “section” designs and custom widgets, so that your team can use them across multiple projects.

Duda

Duda’s user roles and permissions functionality can also help you manage access to site settings. When working in teams, different members are assigned different responsibilities, for instance:

  • Team members #1 and #2: Designing the site’s layout for a wireframe, mockup, or prototype.
  • Team member #3: Optimizing the website’s metadata for SEO.
  • Team member #3, #4, and #5: Managing e-commerce and call-to-action microcopy.

By controlling access to specific sections of a site, your team will be able to focus on their designated tasks without overlap or distractions.

Nat Rosasco, Chief Creative Director and Owner of the Olive Street Design agency in Illinois, reports, “We could build a website with Duda in a third of the time it took us with WordPress, and we really liked that all of the features were geared towards a team organization. It really helped us manage our workflow much more efficiently, which meant we could scale up.”

You can also use Duda’s website comments tool to improve communication between your team members and ensure that correct and up-to-date information is conveyed to clients. Team members will be able to drop comments directly on a section of a site as it’s being built. Every individual element can be assigned a separate comment to help design teams easily convey their ideas and get responses from the same place. This way everyone involved can easily follow site development and distribute tasks when needed.

A white-label-friendly experience

Duda allows you to white-label your dashboard experience, which gives you the ability to put your company’s logo and branding on your client’s site back-end. This allows you to make the platform appear as if you own it, which reinforces the client’s trust in the experience of working with your brand.

Duda

Duda also lets you personalize pages on your back-end, including client login, dashboard, site builder, editor, and preview pages. In addition to this, your emails will carry your agency’s logo. For instance, login credentials emails, password confirmation emails, or monthly analytics reports will have your customized branding.

You’ll also be able to edit and set default branding elements like images, logos, colors, typefaces, image styles, graphic elements, background images, icons, and buttons. You can go even further and make changes to stylesheets. It also allows you to design engaging, custom-branded site previews (or functional prototypes).

Makes website personalization easy

Duda comes with some powerful site personalization tools that allow you to create and deliver different digital experiences to individual audience members.

Agency designers and marketers can do this by configuring triggers and actions which generate a predetermined response based on the site visitor’s interaction. For example, if a user visits your client’s speedboat dealership website you can display a pop-up that invites them to a boat show where the client has a booth, and offer a special discount.

From a marketing perspective, this has the potential for major impact, as it maximizes the sense of belonging that the visitor feels on your client’s web pages. From an agency business perspective, the personalization engine makes for some major opportunities for providing value beyond design.

As Shane Hodge, CEO of Australian agency The Camel, puts it, “Duda provides us with the ideal set of web design tools that allows our designers to do truly excellent work. The ability to customize a site per device and add website personalization into the mix has been hands down the greatest thing that ever happened to our business…. People have been told for years they need a website, and that’s true. But for way too many businesses, these sites end up as nothing more than digital brochures.”

“A business owner would hire a developer and spend thousands on it, and in the end they wouldn’t see any tangible ROI — Duda’s website personalization tools changed that,” Hodge continues.

Duda

Duda has a library of triggers and actions including the end user’s device name, their geographic location, and the number of visits. Although only one type of action can be triggered on a page at any time, you can choose to create several possible actions. The action that appears higher up on the list will be triggered first.

Takes care of the technical details

With Duda, you don’t have to worry about the technical stuff like finding the right hosting solution for clients or installing SSL certificates. Its built-in features take care of these “under the hood” aspects of web design work allow you to focus on your core business activities.

All Duda websites are hosted on Amazon Web Services (AWS), one of the most reliable cloud hosting providers out there. Duda gives agencies access to unlimited storage and bandwidth, free hosting, SSL certificates, and mobile responsiveness. As a result, you’ll be able to deliver the best website design and development services around. All you need to do is point the domain’s DNS settings to Duda’s servers, and you’re good to go.

Duda

Additionally, Duda’s platform guarantees that your websites are GDPR compliant. It gives you ready-to-use resources like privacy policy templates, cookie notifications, and user consent forms.

All websites created on Duda’s platform are optimized for Google PageSpeed. It delivers your site content (like copy, images, and videos) to visitors through a global content delivery network (CDN), minifies CSS code, and supports lazy loading of below-the-fold elements.

Conclusion

With Duda, agencies are able to deliver fully white-labellable experiences and personalizations to clients that you simply can’t get with WordPress. More specifically, you’re able to:

  • Simplify client management.
  • Improve internal design team collaboration.
  • Look professional by delivering a fully white-labellable experience.
  • Diversify your offering by offering subscription packages.
  • Personalize client website using combinations of triggers and actions.
  • Stop worrying about the technical side of things and, instead, focus on growing your business!

What are some of the features you look for in an agency-focused site building platform? Let us know by commenting below!

Unleash your creativity with this new Adobe software sale

Get 20% off the Adobe Creative Cloud for a limited time.

These days, it’s hard to think of a career that doesn’t benefit from access to good video and audio editing software: Photoshop, Illustrator, Lightroom, After Effects – these are the secrets to stepping up your presentation game, no matter your vision, no matter what medium. Whether you’re an Animator, YouTuber, Filmmaker, or a Graphic Designer, these are the tools you need.

Adobe video editing software
Edit your projects with the same tools as Hollywood professionals

These Adobe products will let you create and edit on the fly from either your desktop or mobile device, and breathe life into whatever you can dream up, adding any manner of graphics, effects, and pro-quality audio.

Creative Cloud

Got your eye on a few of these products? Save your money and check out the Creative Cloud. The Creative Cloud is a series of different price plans that group all the best video and audio editing software into a neat bundle. Now, for a limited time, you can grab all this great software for £39.95/month. That’s 20% off.

Creative Cloud contains all the renowned apps and services we mentioned above, giving you a huge leg up in any video editing, visual and audio design, and photography you want to tackle.

Adobe Creative Cloud
Watch your art and animations come to life

It’s also got built-in tutorials and templates if you’re just starting out, so you’ll get a feel for how each program functions as you take your first steps. If you’re already a seasoned artist, you’ll find the Creative Cloud has all the design tools to bring your ideas to life.

Adobe Photoshop
Your trial subscription will automatically roll over to the full version!

This is the perfect opportunity to sample some of Creative Cloud’s most powerful tools, and to do it conveniently and for a great discount.  If you’ve ever wanted to unleash your creativity, jump on the sale and see what you can dream up!

Adobe offer

7 easy website design tips for beginners

Trying to build your own website? Follow our guide to make sure it looks its best.

A successful website combines great content with great design. While you might have the content on lock and a great product, web design is a whole other animal.

You have to consider the user experience, the color scheme, and of course, whether the site works well on the iPhone.

It’s a lot for the budding business owner to take in.

8 tips for building a better website

These aren’t necessarily the top web design trends for 2019. But, clear navigation, hi-res pics, and a winning color scheme never go out of style.

1. Take photos seriously

flower

Visual assets are one of the key elements that make or break a website. But not everyone has access to a personal photographer or high-end equipment.

Original photos:

You might want to look into hiring someone for a few hours for some specific elements. There are some things that you need to produce yourself — or get a pro to do it for you.

Outsource, if possible:

  • Headshots — if an “about me” section is needed
  • Product shots — well, if you’re selling a product
  • Process shots — anything related to services, or a look behind the scenes

That said, if it’s totally out of your budget, a recent smartphone and some choice editing apps can do the trick. VSCO, Lightroom, Snapseed—all great for editing Instagram pics — extends to your own site, too.

Stock photos are your best friend, especially if you have some photo editing capabilities. Fill in the blanks by adding stock shots that represent content.

Sites like Pexels, Unsplash, and Snappa are our top picks, as they allow you to simply “click to download” so you can get right to work.

But, tread carefully. We recommend avoiding stock shots with recognizable models. It’s a dead giveaway that you’re using stock photos.

One that comes to mind is that guy with the big beard and whimsical mustache—he seems to come up in all kinds of workplace content.

unsplash mustache model

Beyond sourcing photos, everything should have a similar look and feel. A good way to get a sense of this is by looking at popular Instagram feeds.

You’ll notice they use the same filters and color schemes — which creates a cohesive feel. Doing this with your own photos and stock photos allows you to make all visual assets feel like they belong in the same collection.

Size should be uniform, too. So, if you’re posting blog content — all blogs should come with the same size photo header and formatting rules for embedded images and videos.

2. Navigation needs to be clear

Website navigation allows users to follow a map that gets them from one point to the next. As such, the fewer twists and turns, the better the user experience.

This example below is confusing. There’s no direct path from point A to B to Z.

website navigation mistake

Alternatively, here’s a good example of clean, clear design. They’re not trying to get cute with the layout. Instead, visual interest lies in the products, not some crazy menu.

simple website navigation

Navigation questions to ask yourself:

  • Who is the target audience and what do you want them to accomplish while on the site?
  • What kind of information or touchpoints are available on the website?
  • How will I demonstrate what information is most important?
  • How do I want people to get in touch?

A few extras to keep in mind:

  • Dropdown menus should include essential information only
  • Make logo part of the navigation – and make sure it’s clickable.
  • Be sure contact details are listed on every page.

3. Design on a grid

You’re likely reading this because you aren’t some natural web design pro. That’s okay. Luckily today’s prevailing aesthetics are relatively clean and uncluttered—not much to do on your end.

A grid system allows you to plot out every photo, button, and text block so that all elements are aligned correctly.

how to use the grid web design

The grid system has been around since the early days of print — and there are two types: landscape and portrait.

different grid layouts web design

The main benefit is, you can easily make decisions about where to add images and content, as the grid inherently limits where you can place these elements.

4. Embrace the (white) space

White space is like a fresh drink of water when you’re taking on a big chunk of text.

Even the most avid readers prefer to scan their content, not take it in all at once. As a visual element, a wall of text isn’t pretty. It adds a visual texture that can create friction.

Don’t feel compelled to fill every square inch of site space. Let each element speak for itself, with enough space on each side for some visual breathing room.

Even websites can make people feel claustrophobic. Apply the same principles to your new site as you would your home — it’s not wall to wall stuff — it’s a few choice pieces here and there.

5. Coordinate your colors

When it comes to color, less is always more. A three-color palette on a white background is a good starting point. Think a neutral with a strong accent color to add some interest.

What those colors are is a whole other story. Failing to add color means you’re going to be looking at a website with minimal interest. Too much color and you risk making a poor impression. Web visitors won’t want to enter the fun house.

Hubspot put together this handy guide for those who want to dive a little deeper into color theory and how it relates to the web.

Finally, you’ll want to make sure that you keep the same color scheme throughout the site. Consistency builds trust, and color is one of the easiest ways to keep the same look going across pages and onto other platforms.

6. Limit fonts

The more fonts added to the mix, the messier your site will look. The rule of thumb here is to use no more than three fonts.

Use one for headers, one for body content, and one accent font. An accent font should be used sparingly — generally, you’d see this in branded graphics, a logo, and other pieces of marketing collateral.

If you’re new to the world of typeface, Google Design is a really solid resource. They’ve put together a beginner’s guide to picking the right web fonts.

Prefer something more visual? Canva offers a different approach with several examples, like this one:

canva guide to fonts

10

7. Understand the art of the CTA

Just about any site, regardless of the goal, must have what’s called a call to action, or CTA. CTAs are generally represented by buttons or links placed on the page. The goal is to get the reader to take action.

That action depends on what you’re trying to do, though. It’s not all “buy, buy, buy.”

For example, if you are creating a blog, your primary CTAs are likely things like “subscribe now” “enter email for free ebook” and so on. You’re promising something in return for providing an email and a name.

subscribe CTA example

An e-commerce store might have a link to buy products or a newsletter sign-up.

eCommerce cta example

Ground rules for driving action:

  • Action words
  • No wishy-washy language
  • Tell users exactly what you want them to do
  • One CTA per page
  • Must be relevant to the content on the page
  • Must also align with goals
  • Make sure your site is responsive

This last tip isn’t so much something you need to do. Rather, it’s something that you need to make sure is part of the web hosting package you sign up for.

Wix, Squarespace, and others are automatically mobile responsive. So whatever you create for the web is automatically optimized for mobile. Most platforms allow you to preview both versions before you publish.

Wrapping up

Hopefully, the information above allows you to feel less overwhelmed by the whole idea of creating a website.

While it might seem like a lot, the main theme across the board is: you need to keep things neat. Photos should be crisp and clear, fonts and colors consistent, all elements aligned on the grid.

Beyond that, you’ll start to develop your own style as you go. Don’t be afraid to keep things simple — the whole purpose of the site is to make things easy for users.