The Joomla! ® Community Magazine

Trends in Joomla! Template Design

Written by | Thursday, 01 July 2010 12:30 | Published in 2010 July
At the end of every year the various design blogs that I follow come up with predictions for what they think will be trends in web design for the following year. I thought it would be a good starting point for the design section of the JCM to see how the Joomla! templates released from the various developers so far this year stack up against the predictions from the wider design community. (Please note: You can see a list of the blogs at the end of the article.)

The concept of a design trend is of course highly subjective and obviously depends on the aesthetic of the person that is putting the list together and it can only really canvas a small selection of the designs used in the millions of sites that are launched on the web each year. There is however what seems to be a degree of consensus among the lists and from what I’ve observed in my favourite web galleries (see the notes at the end), most of the predictions below certainly cover a majority of the sites that have made it onto the online web galleries so far this year.

As a template designer myself, I know from first hand experience that the Joomla! template market is incredibly competitive and that design is not always the key driver behind a template release. The power of Joomla, as you probably already know, is that it can cater to a wide range of website purposes so having a cutting edge design isn’t necessarily the biggest priority for a site and thus the biggest factor in a template shop putting out a theme. That being said, Joomla template design has matured considerably over the last few years and as other commentators have noted, Joomla has certainly influenced theme development in other content management systems like Wordpress and Drupal.

The list of Joomla templates below is not a defininitive list of cutting edge Joomla Templates but I think they reflect the trends as outlined by the design blogs.

Typography

A greater emphasis on typography. Larger fonts and big intro text blocks. Serif fonts and slab typography.

Postnote by Gavick

postNote

 

Design

Sketches and hand drawn elements. Subtle texture backgrounds.

Grunge by Rocket Theme

RocketTheme_Grunge

 

Images

Large images, oversized logos and headers.

JA Norite by JoomlArt

JaNorite

 

Single page layouts

Foto Plazza by Template Plazza

foto_plazza

 

Minimalism

White space, minimalism, minimal grids.

LeBlanc by Prothemer

leblanc

 

Layouts

Stricter grids, wider designs, horizontal page layouts, intro blocks, intro boxes, magazine layouts, oversized footer, change of perspective.

Bloc by Yootheme

bloc

 

Designing for the mobile platform

Mobile Design

appPraise

 

Predictions

It's going to be interesting to see how the rest of the year unfolds in terms of keeping up with and setting new design trends. Template design and functionality will certainly continue to evolve,  and as the growth in Joomla! template frameworks has proven, Joomla! template developers will continue to be part of the leading edge when it comes to influencing where this amazing content management system of ours can go.

Web design blogs that I used as a source for the 2010 trend predictions:

Web design Galleries

Read 43248 times
Tagged under Designers

Leave a comment

Make sure you enter the (*) required information where indicated.

[b] [i] [u] [s] [url] [quote] [code] [img]   

Comments (26)

  • avatar
    • 1
    • 1
    dziudek

    First screenshot is a little bit corrupted ;)

  • avatar
    • 1
    • 0
    Piter

    Yeap, I agree, the Postnote should like here: http://demo.gavick.com/index.php?year=2010&month=Jun

  • avatar
    • 1
    • 0
    ade iskandar

    nice..

  • avatar
    • 0
    • 2
    gnumax

    Hi Anthony,

    Congratulations for your help in magazine.joomla.org

    Regards

  • avatar
    • 1
    • 0
    Luthfi

    "Minimalis design contain of short sentences with a big font and maximized with an ilustrative pictures"

    I really love it!

  • avatar
    • 0
    • 1
    samran

    oh ! anthony Olsen best designed ""

  • avatar
    • 1
    • 0
    Sudhakar

    This layout not coming properly in top menu section in opera (Version
    10.60)please check it.

  • avatar
    • 0
    • 1
    Hendriyanto

    Congratulation for Megazine Joomla

  • avatar
    • 1
    • 0
    micokelana

    Yap, joomla is leader for CMS template. Another popular cms users sometime confuse with their template community. But 2 of joomla template designer, RT n JA goes to drupal and it help drupal community with a lower budget.

  • avatar
    • 1
    • 0
    Frank Dwyer

    Anthony and Joomla Bamboo rock! Design gives us beauty and function combined into a superior user experience.

  • avatar
    • 1
    • 0
    Thomas Dobner

    Anthony makes the best design!

  • avatar
    • 0
    • 1
    der Sascha

    I like the "MINIMALISM" Theme!

  • avatar
    • 1
    • 0
    Omar Musa

    Thanks for that. My site was just launched with a custom joomla theme..
    Omar Musa

  • avatar
    • 1
    • 0
    pierre

    Now only if template designers would start designing templates without color switchers,frameworks, and other worthless crap.

    I know CSS. I like to use premade templates as a starting point, as it saves me alot of time.

    Unfortunately the direction things have been going is making things easier for morons with no interest in learning CSS. 99% of people who deploy these sites dont even bother changing the default color scheme or graphics. I could'nt tell you how many times I have seen a live site with the original template club logo. So all of that is basically wasted effort.

    And why does a template need 25 different stylesheets? Just put everything in one or two!

    Sorry to rant, this has been pissing me off for awhile.

    I would love to see a template club for css developers, that basically consist of layouts with everything blank and ready to be filled in.

  • avatar
    • 1
    • 0
    dziudek

    Great work

  • avatar
    • 1
    • 0
    Jacques

    Great magazine - and good article. Well done all.

    Too often, I find, designers forget that THE most important aspect of web design is content. More often than should be the case, 'design' gets in the way instead of making access simpler and quicker.

    As Pierre says - too much worthless crap! But Pierre - remember that for most site consumers, they couldn't give squat about who did what to whom, with what and whether they forgot to wipe their feet when they left. How many EVER right-click a page to see what's underneath?

  • avatar
    • 0
    • 1
    cmschick

    Great article - big fan of typography template.

  • avatar
    • 0
    • 2
    John Casado

    Hi,
    I am a designer from long ago and have been designing
    websites in flash with an associate who knows flash.
    We received an assignment to design a site using Joomla.
    Trying to find a template is a nightmare. Most of them are
    just butt ugly! They may function but are clearly done by
    people who have no aesthetic.

    can you direct me to templates for Joomla that are clean
    simple and have the ability for the modules to change size
    and placement? Bahaus! White - basically what would be ideal
    is a "clean piece of paper for me to start on".
    Any help would be greatly appreciated,

    John Casado www.casadodesign.com

  • avatar
    • 0
    • 0
    Online Logo Design

    Amazing post! Thanks for sharing this captivating keep sharing more informative stuff.

  • avatar
    • 0
    • 0
    BradshawGina27

    Following my own investigation, billions of people in the world receive the mortgage loans at good creditors. Therefore, there is a good possibility to find a student loan in all countries.

  • avatar
    • 0
    • 0
    Website Maintenance

    Indeed a very interesting blog. Read a pleasure. Cognitive information that is very good.

  • avatar
    • 0
    • 0
    PSD To Wordpress

    Thanks for such an informative article and the extensive explanation, it's been very useful.

  • avatar
    • 0
    • 0
    William Smith

    Really great and effective designs. These trends are really good to know about the efficiency of web design.

Language Switcher

Grab the Joomla! Community Banners! Spread the word!

Recommend us on Google+