Joomla! 3.7 is already out, and there are many new features in it. We all know that, the Joomla! development team is working on Joomla! 4 which will come with some radical enhancements. We're also dreaming about an amazing user experience. We’ve designed some concepts for the Joomla! 4 admin dashboard pages. We have been working on these concepts for several months. 

Here we will present some of these concept designs for the Joomla! 4 control panel. All of them are designed by the JoomShaper R&D team. Let’s explore them. (Please click any image to see the full version.)

Cleaner Login Page

We've designed a cleaner login page. This will give a Joomla! admin a fresh impression for starting with Joomla! 4. 

login page

Concept - Joomla! 4 Login Page

Dashboard

We dream of a cleaner, richer and more informative dashboard that would help the Joomla! administrators get an overview of the entire website in a glimpse. New notifications and unread message alerts are displayed on the top left bar. The logged-in username with the avatar and profile option dropdown is placed to the upper right corner of the top bar. 

dashboard

Concept - Joomla! 4 Admin Dashboard

There is a conspicuous sidebar to the left to provide the admin with all the dashboard options. Our concept dashboard shows the visitor statistics on the top followed by a handful of customizable widgets.

Flyout Menu

We’ve dreamt a unified section to manage all the website stuff. A sidebar in Joomla! 4 can serve this purpose. The sidebar would hold the admin menus such as the Dashboard, Content, Media, Components, Structure, Tools, System, Updates, and Help. 

dashboard

Concept - Sidebar Flyout Menu

All of the sections are detailed and feature rich. Let’s take a look at some of the inner pages under the Content section.

Articles

On the sidebar, the Content menu holds Articles, Pages, Categories, Tags, and Custom Fields. It's a flyout menu, which will show its inner options on mouse hover. In our Joomla! 4 concept design, we've imagined a cleaner article listing page, where admins will find it easier to view and organize the articles.

Article List

Concept - Joomla! 4 Article List

Below is the Create New/Edit Article page. We feel the need of the content output URL on the editor page, so we’ve given a ‘View’ link here.

Edit Article

Concept - Joomla! 4 Article Editor

Pages

In Joomla, 'Articles' are intended for creating and publishing blog posts. On the other hand, 'Pages' are necessary in building the website itself. A website's homepage, about page, and other inner pages are supposed to be built with Joomla! 'Pages'. So, pages need lot more features and functionalities. In our concept, Joomla! 4 has a native page builder. The page composer interface utilizes the native drag and drop page building system for easier website building workflow.

Native Page Builder

Concept - Joomla! 4 Native Page Builder

Media

A state of the art media manager would be a major feature of Joomla! 4. The Joomla! dev team is already working on a highly functional and brand new media manger for this purpose. We’ve designed a gorgeous and powerful media manager concept for Joomla! 4.

Media List

Concept - Joomla! 4 Media Manager

The media manager would support drag and drop file upload method.

Upload Media

Concept - Joomla! 4 Media Uploader

According to our concept, on-board image editing, image color adjustments and more useful features would also be available in the Joomla! 4 media manager.

Edit Media

Concept - Joomla! 4 Image Editor

The new media manager would be very fast, intuitive and feature rich.

Template

In Joomla! 4, we expect a unified place where users could control the entire site structure including template stuff management, menu organization etc.

Template List

Concept - Joomla! 4 Template Management Panel

The Structure panel lets an admin install and enable a template, view template details, open template options, and so on. Some more relevant page designs are given below.

The template details page would show the information about a template installed on the site. An admin could set a template as default from this page. A link to the template options is also available. 

Template Details

Concept - Joomla! 4 Template Details Page

On the template options page, an admin could change the template styling including preset colors, layouts, and so on. 

Template Options

Concept - Joomla! 4 Template Options Page

Navigation System

The existing navigation menu system of Joomla! is fine. We've designed a visually improved menu listing and editing interface in our Joomla! 4 concept. 

Menu List

Concept - Joomla! 4 Menu List

The single menu item composing interface concept for Joomla! 4 is demonstrated below.

Menu Edit

Concept - Joomla! 4 Menu Editor

There are some more concept dashboard sections called Components, Tools, System, Updates, and Help. These sections would host core technical settings for the Joomla! site. We have plans to design more concept pages for Joomla! 4.

At JoomShaper, our vision is enriching the web with prettier designs, better functionalities, more accessibility and the ultimate efficiency. We work to ease the efforts of both the website administrators and the end users. Besides the amazing templates and powerful extensions we create, we also brainstorm about the Joomla! site administration experience. Please share your thoughts about the above concept designs, and let us know what more you expect from Joomla! 4. Thank you!