SEC digital calendar website is now mobile first

How the new SEC digital calendar website looks on a Google Pixel 2XL smartphone

This week I launched a mobile-first redesign of my SEC digital calendar website which is a resource for the Scottish Episcopal Church to enable anyone to integrate this year’s church calendar and lectionary with their digital calendar (e.g. Google Calendar).

While the previous design was optimised for mobile devices, I never felt that it was a truly mobile-first design. Its focus was still heavily on how to subscribe to the calendar, which is at most a once-a-year activity, but over the last couple of years I have found myself visiting the website to quickly find out what today’s church feast was. So, that has now become the primary focus of the homepage with subscribe and import information now relocated to a sub page.

I redesigned the site from the ground-up, using the latest version of Bootstrap which is a responsive, mobile-first, front-end component library. However, I didn’t throw everything out in the redesign. The main thing I kept were the five damask backgrounds (gold/white, red, green, violet and blue) which change daily to reflect the liturgical feast.

Over the next year, I’d like to make further improvements to this resource: include today’s readings, replace the Google Calendar on the calendar page, and perhaps introduce short biographies of the various saints.

Published by

Gareth Saunders

I’m Gareth J M Saunders, 48 years old, 6′ 4″, father of 3 boys (including twins). Enneagram type FOUR and introvert, I am a non-stipendiary priest in the Scottish Episcopal Church, I sing with the NYCGB alumni choir, play guitar, write, draw and laugh… a lot. Scrum master at Vision Ltd, Dundee. Latterly, web architect and agile project manager at the University of St Andrews and former warden at Agnes Blackadder Hall.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.