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.