Aleteia.org Global Catholic Network
Aleteia.org is a Roman Catholic website that is financed in part by the papacy. It’s aim is to connect with Catholics worldwide and become a focal point for spiritual knowledge and discussion.
Design and build a website for an international Catholic organisation
What do you want your new website to do?
- Have a new, cleaner website design with solid navigation based on “The Digital Cathedral”
- A better content management system (WordPress)
- An up-to-date design that we can grow with and adapt to new needs
- A new mobile site, as the current site is not mobile-friendly
- Multi-lingual capabilities in 6 languages including right-to-left language (Arabic)
- A website that can support ad revenue
Building the ‘Digital Cathedral’
The layout of the site is designed to reflect the design of a cathedral
The client wanted as much as possible to bring the experience of being in a cathedral to the website. This was done by looking at the parts of a traditional cathedral and arranging them hierarchically on the homepage.
The user moves through different areas as they scroll, experiencing differing ‘micro-designs’ as they go down the page. Each area has a distinct experience, content, and layout.
From the brief…
“The lead story is featured in the Hero. Other top stories are featured in a Vertical Listing, with the balance of stories in a 3 column article grid. Other content areas feature the Daily Gospel, Video, Trending Stories (by Section), and Spirit Advisor. Petitions, Fundraising and other areas will be added later.
The Vertical and Horizontal scrolling reflects the cross shape of a Cathedral.”
Multilingual & International
Hello World; Bonjour le monde; Ciao mondo; Hola Mundo; Olá Mundo; مرحبا بالعالم
Religion and spirituality are global in scope. Aleteia.org reflects the global scope of the Roman Catholic faith, and is delivered in 6 languages, including right-to-left Arabic.
Modern, organised, maintainable code structure
I coded the site directly in the developing WordPress project using bourbon.io for a grid structure, HTML5 Boilerplate, an initial Underscore theme, SASS, Grunt, and GIT.
Some simple workflows were created to navigate the large blog sections
Mobile first and always
Aleteia was greatly in need of a new mobile website, as the existing one did not have a usable mobile view.
Custom icon font assets
In a multi-device and multi-OS world, the cleanest way to guarantee sharp logos, icons and graphics is to use an icon font.
A website for the 1 billion+ Catholics.
“It was a pleasure to work with Mike. He’s a master of his craft..”
Angelo Matera – Consultant & Project Leader – Aleteia