Not every website needs a design system


Howdy Reader 👋🏻

Have you tried Elementor v4? If so, what are your thoughts?

I personally love the overall idea of Elementor v4. Especially, regarding the number of elements.

Elementor v4 has way fewer elements than Elementor version 3, but they are all essentials. Honestly, I don’t think that more elements means better.

I still use Elementor v3 on my daily basis and have no plan to switch to Elementor v4 before the beta status is lifted.

When designing a page using Elementor v3, in most real use cases, I rarely use widgets like Price Table, Testimonial and Call to Action.

When I need to add a pricing table to my page, I prefer to create it manually using the Icon List widget paired with other widgets like Heading, Text Editor and Button. This gives me more freedom regarding the design and layout.

The same is true for call to action and testimonial.

Then, I save it into a template and re-use it on other pages or projects. In Elementor v4, something like this can be turned into a component.

Components and design systems are two main features that Elementor wants to offer in version 4.

The question is, do you really need a design system?

Design system is good, but not all websites need it

A design system is great and super useful if you want to create a large website. Something like an e-commerce website or a website with multiple pages.

With a design system, it becomes extremely easy and fast to make changes to your design because you have the documentation of what you have applied to your website.

As simple as changing the button sizes, spacings, colors, etc.

But in reality, there are many people that use Elementor only to create simple landing pages to promote their products or portfolio websites to showcase their works. And these types of websites don’t need a design system.

Also, there are many Elementor users who work solo on a website, while a design system is ideally used in a team as a communication tool.

Creating a design system is not easy and requires adequate web design knowledge.

If you are new to Elementor or primarily use Elementor to create landing pages or simple websites, I strongly recommend you to skip the design system and only use it on larger projects that really need one.

That’s it and good luck.

Talk soon,

Aliko

Founder of Totheweb (UtilizeWP, WPPagebuilders, Pagebuildertemplates.com)

El Samara Coworking Space, Jl Wora-wari no 3, Laweyan, Surakarta, Surakarta, Central Java 57141
​Unsubscribe · Preferences​

Aliko

Join my newsletter to receive weekly insights on Elementor, web design and WordPress. 7,000+ people already subscribed.

Read more from Aliko

Howdy Reader 👋🏻 Elementor is always marketed as a no-code website builder. And that’s the truth. With Elementor, you can create a professional website without touching a single line of code. You can even use it to create a super complex dynamic website by pairing it with plugins like ACF and JetEngine. The next question is, how far can you go with the default styling options that Elementor offers? Because in many cases, what’s available in the Elementor settings panel is not enough. I will...

Howdy Reader 👋🏻 A small detail can make your Elementor design look better. Sometimes, it can be as simple as the button design. The main goal of every website is to generate conversions. And to generate conversions, you need good click rates. A simple trick to increase click rates on your website is by making your button look eye-catching. People are likely to click a button if it looks different from buttons they usually see on the internet. This is a natural behavior. I have four simple...

Howdy Reader Elementor as a page builder is great. That's why it is powering 13% of the websites on the internet. But let's be honest. There are some areas where Elementor is left behind other competitors. And if you ask me which area where Elementor gets left behind the most, I will answer the icons collection. Divi, the Elementor's biggest competitor in the WordPress scene, is better in this area because it offers its own icons collection, combined with Font Awesome. Elementor, meanwhile,...