Get inspired! 17 Joomlers share 17 Joomla 4 sites
August is Pride Month in the Joomniverse! We’ve asked Joomlers to share the Joomla 4 sites they’re most proud of, and ended up with diversity at its best. In this single JCM article only, we discover a wide variety of sites that use Joomla: personal and blog websites, small business and corporate websites, sites for non-profit and governmental organizations and community websites. Check them out and get inspired!
Troy Mumm about https://greatsaltlakenews.org/
The shrinking of the Great Salt Lake is an environmental crisis of great consequence not only for Utah, but the entire western US. We are proud to have a small part in highlighting the issue and potential solutions. The site is rich with multimedia information, as well as providing ways for the user to get involved.
Using extra fields and custom overrides, the client can easily maintain and manage content, while maintaining the design integrity. At Third Sun Productions we are very grateful for the opportunity to work on such a great project.
Crystal Dionysopoulos about https://lucidfox.studio/
I recently rebuilt my site with Joomla 4 and I loved having the opportunity to play with the design and the development of it.
For example, I was able to build the pages out with custom fields in a way that made rapid development of each page easy while still having a unique layout and content structure. I also love the illustrations on each page, though it made supporting dark mode a little tricky!
The new design is more true to the Lucid Fox brand and values, and is a cheerful home for my business as it grows.
Marc Dechevre about https://www.healthybelgium.be/en/
For a healthy Belgium is a governmental website that I released 4-5 years ago. It has around 2000 articles and continues.
I am now finalizing the migration to Joomla 4 which was a nice project.
There were indeed 2 big challenges for which I found a solution that was not yet available in J4!:
- Multi-domain: the site has 3 domain names, one for each language. But as announced a couple of weeks ago, that feature will only be for Joomla 5. So I managed to find a workaround. See the detailed explanations on my GitHub. Feel free to give your feedback and suggestions
- Nested Blogs: on a Joomla website, when you click on an Article in a Blog View it opens... the said Article. But on this site I need to have "Nested Blog Views". This will be made possible with the new J4 release (4.3). Indeed, following that discussion, Brian Teeman added a new Type of Custom Field to J4: the CF of Type 'Menu Item'.
Philip Walton about https://nbcc.police.uk/
I am putting the National Business Crime Centre forward because it's a type of site that is often done in a way that's not attractive or best practice but because it's needed.
This is the rebuild from the first site I made when I took over their website. It had been a WordPress site and was functional but not able to do as much under the hood.
The first rebuild followed the design constraints that they had inherited. With the trust built up with the client they agreed to follow some of the ideas and design I suggested and with Joomla 4 there are very few additional components or plugins needed to get this look and feel. It's already doing better than the previous site and is easy for them to maintain and keep smiles all round.
Sigrid Gramlinger about https://www.nke.at/en/
I am proud of this Joomla website for several reasons. On the one hand because we don't use any extensions for the content: only Joomla posts and YOOtheme Pro with dynamic content - and that for 7 languages. On the other hand, because we have implemented approx. 200 distributors with contact forms with Joomla contacts.
Furthermore, we have many different designs and all of them are implemented with custom fields, this means the customer never works in the page builder - only with Joomla articles and fields - otherwise multi-language would not be possible. Lastly because the website has an amazing design and so many different views.
Alison Meeks about https://pilkey.abiviahost.ca/
My site submission is for Pilkey Auto Sales. Pilkey's is celebrating 50 years selling recent model used vehicles as well as classic cars with this new website. It’s also about them getting away from a site system that was very expensive monthly run by a major used vehicle online presence (remaining unnamed). For me this site represents two big loves for me; Classic Cars and Joomla!
The plan was to use a 5 star popular vehicle sales interface extension. Due to reasons I'll not get into - that was derailed and I ended up doing the build using the new gallery feature in Advanced Custom Fields by Tassos and Joomla core custom fields. The client required split listings - no problem for Joomla. The client's previous solution did not do this well at all.
Hattip to Pete - you would have loved this one mate!
Soren Beck Jensen about https://www.wallow.tv
We almost always build websites for clients in Joomla, so it was the natural choice for us when launching our own startup project, Wallow.tv. The site is built in Joomla 4 using a cloned and modified version of the Cassiopeia template. The only extensions installed are Admin Tools, JCE and FaLang.
I am proud of the responsiveness of the site, given its relatively complex content, and I really like that the slideshow is handcrafted using standard content items. I think the “brutal” black and white design turned out nicely.
Steven Trooster about https://ugenda.nl/
Our website, Ugenda.nl, has been running on Joomla since version 1.5. Over the years we added extensions like K2 and Community Builder to overcome limitations of the core Joomla at the time (we didn’t have custom fields yet), and kept using those extensions, even though Joomla had evolved over the years.
Joomla 4 made us rethink our site setup. So we redesigned our site to make use of core functionality as much as possible, which also gives us the power of new features like workflows. It also makes maintaining and updating our site a lot easier. We're ready for the future.
Allon Moritz about https://www.chen-style.school/
Taiji is my way of life and in recent years I started to teach the art. For my courses I crafted this website where I sell tickets for the workshop and regular training. The template is self made and for every page is only the CSS and JS loaded which is actually needed and not the whole Bootstrap library.
Like that I keep the footprint small and ensure a fast page load. The whole page is made with accessibility in mind.
Randon Myles Chisnell about https://valleyhub.kvcc.edu
The valleyhub.kvcc.edu site was created in cooperation with the local community college in Kalamazoo, Michigan (United States) to create a digital space for the local food hub initiative. It's built in Joomla 4 with minimal extensions and a custom fully responsive design. In addition to the primary pages (linked via the menu), it features a blog and an events system using default Joomla articles with custom fields (unique to each type).
The theme and all layouts are created using YOOtheme Pro. The only other extensions used on the site are Weeblr 4SEO, JCE Pro, and RSForms! Pro. With Joomla 4 and the YOOtheme Pro framework, I can build beautiful, custom, functional websites while keeping the third-party extensions to a minimum. This helps stability, updates, and costs.
Cyrille Poussin about https://mjcsavouret.com/
I am very proud of this website because in order to make it reliable and very easy to use, it only uses native Joomla and a solid Template Framework.
I use all the tricks of Joomla: tags, blog view, different article orders according to the menus, images of different sizes in the introduction or in the full article. I use user identification to have activity management for each facilitator and conversely to be able to know at a glance who is leading the activity. Joomla's advanced search allows me to easily find what activity is possible, for example on a Monday morning. But what is most important is the native approach of Joomla which ensures simple maintenance and administration for the secretaries of the association. There is always room for improvement, but this is my finest.
Rene Kreijveld about https://www.oudebogten.nl/
This is a simple yet functional website for a community garden association, made with YOOtheme Pro and of course Joomla 4. I’m really proud of the layout overrides I created for frontend content management.
The webmasters manage their website through the frontend, adding news, events and items for the event calendar. With the frontend management tool the webmasters can also show emergency messages on the homepage, for instance when forecasts predict bad weather.
Ruud van Lent about https://overleven.nu/
Overleven.nu is a website with a paradoxical twist in the name: it roughly translates as ‘about life’ and ‘surviving’. Because sometimes living your life can feel like survival. A (personal) site bringing inspiration and light in darker times in life.
Recently I converted this website to Joomla 4: this was not based on a functional requirement (Joomla 3 still rocks), but more of what we call in the Netherlands: eat your own dog-food. A Joomla 4 site with a custom Bootstrap 5.2 (beta) template, supplemented with some of my own components and plugins that has an out-of-the-box 99/100 lightspeed (mobile / desktop) score. Speed matters; even for personal websites.
Sandra Decoux about https://www.stbarthdigital.fr
St-Barth Digital is the brand created by the Collectivité de Saint-Barthélemy (French West Indies) to lead the project to deploy optical fiber to homes.
The 1st version of the site was published in 2020, built with Typo 3 but the site was not up to the expectations of St-Barth Digital.
At the beginning of 2022, they asked IDIMweb to rebuild it from scratch, to make it more usable, more modern and functional.
IDIM web built the site with Joomla 4 and integrated the design created by Dauphin Telecom.
The map (an important element of the site), which is displaying all information about the deployment of the fiber: https://www.stbarthdigital.fr/carte-des-zones-de-deploiement, has been set up in collaboration with Natural Selection Web Design (Matthew Baylor).
Pieter-Jan de Vries about https://obix.nl/nl/
My previous website was built with Joomla! 3.x, using a Warp 7 YOOtheme template. Aurora to be exact. When mentioning it was time to migrate to Joomla! 4 to colleague Nico van Leeuwen, he suggested doing that using Cassiopea. That sounded like a nice idea. On one hand, not having built many websites lately, to brush up my CSS skills. On the other hand, because it is a rather simple website, it seemed like a nice opportunity to get to know Joomla! 4 and Cassiopea a bit better.
To say that I am proud is somewhat exaggerated, but I am reasonably satisfied. The main challenges for me were styling of the top bar, the left sidebar menu and the mobile menu, which involved just a bit over 730 lines of SCCS. Obviously I used the new child theme feature to do all the customizing, keeping everything nicely separated and clean. A great help was the "Bunch of Tips & Tricks" by Marc Dechèvre (https://slides.woluweb.be/cassiopeia/cassiopeia.html), not only containing useful information by itself but also containing links to various other useful resources.
Luca Marzo about https://casavacanzetorino.it/
I'm proud of the website of the guest house https://casavacanzetorino.it/ . It uses Joomla 4 and Solidres to manage bookings.
It allows to manage guest bookings without hassle keeping availability of the flat in sync between booking.com and the site itself, avoiding overbookings and issues. This is also possible thanks to the Scheduled Task management integrated in Joomla 4, which with a 1 minute configuration allowed us to setup a cron that automatically synchronizes availability calendars. The Scheduled Tasks feature is very useful to execute web crons without having to deal with server panels.
Josean Telleria about https://www.safem.com/es/
World leading supplier of international quality vacuum pumps since 1964: Safem, manufacturing, marketing and repair of liquid ring vacuum pumps and liquid ring compressors. Safem's website is built mainly to give an image of trust and good product with 3D designs of the products they manufacture. In addition, an exhaustive cataloging work has been done in order to generate urls that help the web positioning at national and international level.
The entire product catalog has been made with Joomla articles, custom fields and the dynamic content of YOOtheme Pro. Plus a menu and search engine that helps enormously to find any Safem branded product. And of course Joomla is a perfect choice considering that this website is multilingual!
I want to showcase my site as well!
My initial idea was to have a site of my own in this article. But then so many amazing people responded, and I was so busy organizing this, I totally forgot about wanting to share a site. It wasn’t until the last moment, when submitter number 17 submitted their story, that I remembered. Too late, and I really think you can’t have 18 sites in an article celebrating Joomla’s 17th birthday.
Luckily there’s a solution for me, and for you too, if you’d like so share your brilliant, genius or beautiful work with the rest of the world. It’s called the Joomla Showcase Directory. This is the place to be when it comes to showcasing your website: you can upload screenshots, describe what you’ve built, which extensions you used and why this was such a cool project.
What are you waiting for? Show us what you’re proud of and submit your site(s) now: https://showcase.joomla.org/
Would be nice to see examples of templates that are build from scratch, tailormade. And not making use of a framework. There should be lots of them.
This is an article about sites people are proud of, no matter what they used to build them.
Feel free to write a case study about creating a template from scratch or using the built-in Cassiopeia (which I believe is the case with some of the sites in this article).
Most of the descriptions here don’t mention a framework. In fact I think at least two are from scratch templates, including my own.
Of course there should be sites using Joomla 4 different themes but it would be nice to publish sites using Joomla default Cassiopeia template!
That was not the purpose of this article; this is about people showing sites they're proud of.
Having said that: a couple of the sites in the article have Cassiopeia as the template, but you probably found that out already when you checked them out or read their description.
Of course you can always write a case study for the Joomla Community Magazine about what you've built with Joomla 4 and Cassiopeia. We're looking forward to that!
By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/