A website experience is more than simply good looks. It's also about taking you to the very place an organization calls home. Into the roots of their story, the center of their mission, the richness of the Catholic faith. Imagery and detailing give nod to beautiful landscapes of homelands, statues at entrance ways, and art that adorn the walls of sacred places.
And this year’s list of top Catholic websites will certainly take you to the very heart of what their organizations are about.
However, in order to go somewhere you have to have a path to follow. Well-thought navigation that is so effortless, it can seem as though the website foresees your actual needs. And since you won’t be getting lost in any interior pages, you will likely end up scrolling a little longer just for the fun of it!
So let’s check out this year’s list of top eCatholic-hosted websites and see where they go!
Websites are a perfect place to tell your organization’s story. These parish custom website designs share their identity without it becoming lost in information.
What we love: Design variety that reflects parish identity
Divine Savior’s church and logo are sprinkled throughout their website design. Even the A in “All are Welcome” is reminiscent of the gable above the church’s entrance. The use of rectangles and circles perfectly break up sections of linked information. Community images abound... even in their drop down navigation menus. And the parish logo plus giving quick link nestled above the main footer of every page is ingenious.
What we love: Function and design built together
The St. Peter’s Parish and School site takes you right to the front doors of their community. The use of background images from various campus locations and branding elements are beautifully set in hues of blue and gold to create a custom canvas for content. Even ministry tabs and the communications form near the bottom of the parish's landing page show us that functional tools can work right into stunning design.
Visit WebsiteWhat we love: Unique newcomer welcoming experience
Clear paths of information for new visitors are essential, and St. Thomas More Catholic Church accomplished that with a unique, custom-coded navigation feature just below the homepage feature region. Notice how the newcomer menu options also change the section's content below, and offer a special place for people to start their journey. Other creative features include the many hover effects of linked buttons and other materials throughout the site.
Visit WebsiteAs learning has become flexible and even remote, so have fundraisers, volunteer engagement, and giving. These sites certainly take user experience to another level.
What we love: Unique art for design and story sharing
The custom style of a brush stroke, curving lines, and floating shapes draw site visitor's attention right back to the school logo. Sacred Heart School’s website directs elements to the image of their logo as it appears in the hover effect of custom buttons, as well as positioned above the welcome message. The alternating use of script and traditional font styles adds variety and another place to coordinate school colors from top to bottom.
Visit WebsiteWhat we love: Simplicity and function for information finding
Lourdes Academy brings us a well-branded site using school imagery and colors throughout pages. Take note of the large-sized logo that creates a custom backdrop for main sections of content. Even the unique shape of the site's footer is pulled from their logo. Various navigation links layered below the homepage feature region help site visitors start on the right track from the moment the website opens in their browser.
Visit WebsiteWhat we love: Vivid imagery shows expression and action
The lively images throughout the pages of St. John the Apostle Catholic School almost make it seem like you can hear the voices and laughter from the students featured. These images cannot be missed on a clean site that effectively uses white space for this purpose. Even the navigation is set off to the right corner as a collapsible feature allowing content, like the homepage feature region, to have as great of a presence as possible.
Visit WebsiteThe depth of online diocesan resources is hard to fathom. However, as big a project as their websites are, these dioceses make it a breeze for visitors to easily find their way.
What we love: Movement in images and unique interior sections
Las Vegas is an oasis of light, color, and vibrancy amid the Nevada desert. So the archdiocese’s use of large imagery of cityscapes and bold colors won’t disappoint. Don’t stop there, dive in close toward the fountain in the homepage feature image and notice its glowing effect. And don’t miss the unique use of side-by-side imagery and content sections that welcome you to each interior page.
Visit WebsiteWhat we love: Bold color and energetic imagery that welcome
Here's another example of large end-to-end images scaling the homepage to excite and welcome guests to the Diocese of Brownsville’s website. See how the alternating colors throughout sections are pulled right from their logo and work perfectly with all the bright, surrounding images. Be sure to click the Ministries & Offices navigation title, to go right to an awesome example of a tabs section that cleanly organizes offices alphabetically.
Visit WebsiteWhat we love: Natural beauty of hometown landscapes
Everyone appreciates natural beauty, and if you are in the Alaskan wilderness you don’t have to go far. The Diocese of Fairbanks created a website that captures a touch of that beauty for all to enjoy. Notice the incredible image in their homepage feature region, and the use of refreshing hues of blue and gray that alternate below. Clean white space makes site images stand out while a classic serif font gives elegance.
Visit WebsiteCatholic ministries go beyond church walls to serve communities. These organizations share the beauty of their mission, and the faith, through exceptional design.
What we love: Custom design that goes to new heights
Talk about going places… that is the very role of Journey of Faith Tours - creating memorable pilgrimages. This is probably why they also crafted one of the most memorable websites. Check out the one-of-a-kind design frame using cloud shapes from top to bottom. And their font styles play right into the theme perfectly. An incredible design for promoting holy places that draw our minds heavenward.
Visit WebsiteWhat we love: Timeless style that welcomes and attracts
Blending ministry, tradition, and faith, the Redemptorists of the Baltimore Province welcome guests with simplicity and elegance. A timeless design is one that will work for years despite trending styles, and this website offers a clean palette for learning the story and mission of a religious order with roots that are centuries old. Font styles, color schemes, and background imagery are all inspired by the community’s branding that even stretches well into the site's interior pages.
Visit WebsiteYou don't have to create a custom design to be a top website. These organizations simply utilized a beautiful free theme from eCatholic to create an excellent digital experience.
What we love: Neutral colors and clean homepage presentation
Once again, a use of color and imagery brings us to Our Lady of Fatima Catholic Church. Beautiful church images light up custom buttons that work well with the theme’s neutral colors. Mass, Confession, and Adoration times are organized in a tabs section, and a picture of Our Lady catches attention as a stunning background image to their parish events. What an awesome use of the free theme, Lorenzo.
Visit WebsiteWhat we love: Moving images featuring physical places
Utilizing the Homepage Makeover Service and the San Juan theme, St. Mark Catholic School’s website takes you right to their campus with outdoor images that offer a sense of place and time. A simplified homepage offers a stunning "fast facts" section and custom buttons that lead to the most desired information. Even the main navigation is simplified with the help of well organized mega menu titles.
Visit Website