website upgrade with new features

When Denise from the Catholic Parish of New Plymouth approached us about updating their website, we knew it needed to be clean and easy to navigate from all ages. Along with having some key aspects like mass timetables, a place to showcase the amazing churches throughout Taranaki, consideration of integrating the use of Te Reo Māori throughout the website and a section for the artwork that is displayed throughout the Catholic Parish churches of New Plymouth.

Mass time calendar function

The main requirement of the Catholic Parish of New Plymouth's website is to have their mass times clearly laid out and accessible on desktop, mobile and tablet devices. When the calendar is viewed on a mobile device, it's layout changes to a more intuitive horizontal slide function (see image below).

Both view types allow the user to click the mass time they're interested in and a pop-up message will show useful information on the type of mass, location, parking information, etc. The colours used on the mass calendar and throughout the website are derived from the beautiful lead light windows at the parish's Fitzroy-based church.

catholic parish new plymouth calendar

artwork page type

With such a variety of artwork throughout the churches in the Catholic Parish of New Plymouth, it was important to have a page set-up that allowed them to be showcased. This is a section of the website that will be continually growing with information as it's collected.

Two aspects of these pages are a full-width slider below the page banner used to display the artwork of the chosen artist. In this example, we have one of Michael Smither's large murals (that are on display at the St Joesph's Church). Each slide has information on the art such as when it was created.

catholic parish new plymouth gallery page

different block types

Throughout the Catholic Parish of New Plymouth's website, there is an array of colour. These colours have been restricted to six key colours and can be selected to fill the background on the 'image content blocks'. This layout style was chosen because it allowed for bite-size parts of information to be laid out methodically but it also works with larger bodies of text.

Depending on if you're viewing the website on a desktop or mobile, their layout will be configured differently as seen below. This allows for the information and imagery to be displayed effectively on a multitude of screen sizes.

catholic parish new plymouth block style