top of page

St. John | Our Lady of Assumption

The Parish of St. John the Baptist and Our Lady of Assumption approached us asking for help in redesigning their new website. They wanted a mobile-friendly website that equally represented both churches and included all of their organizations, masses, and more. We met with a group of church volunteers monthly to create a sitemap and design for their new website.

St John the Baptist Website Mockup Home Page.png

After many years of church members adding information to the home page, the old website had so much text and information that it took about as much time to read as a 3-page essay. Our first task was to dissect the main page, decide which information was the most important to display, and organize other details either into icons/photos or onto a different page of the website.

iPad mockup no background St john.png

The Navigation

In order to organize such a large amount of data for two different churches on one website, we utilized mega menus and drop-downs to avoid having too many pages in the navigation bar. After many discussions with the volunteers, it was agreed that the most important pages to have in the navigation were pages that helped visitors find the church, new members get involved, and current members expand their relationship with the church. Once we decided upon the main navigation pages, we organized the dropdown and mega menus to fit within the scope of each page.

Screenshot 2023-05-26 at 4.07.31 PM.png

The Navigation

In order to organize such a large amount of data for two different churches on one website, we utilized mega menus and drop-downs to avoid having too many pages in the navigation bar. After many discussions with the volunteers, it was agreed that the most important pages to have in the navigation were pages that helped visitors find the church, new members get involved, and current members expand their relationship with the church. Once we decided upon the main navigation pages, we organized the dropdown and mega menus to fit within the scope of each page.

bottom of page