morrisville churchmorrisville churchmorrisville churchmorrisville churchmorrisville churchmorrisville churchmorrisville churchmorrisville church
Logo Design
Website Design
Site Functionality
Documentation
Contributors
Stephan Church - Logo Design, Web Design, Documentation
Timeframe
February 2022 - February 2024
Programs/Software
Animate | InDesign | Illustrator | Photoshop | Visual Studio Code | Wordpress
At the beginning of 2022, I was approached to rework the logo and website for Bethel City Church, previously known as New Bethel Church. The Church wanted to establish a new chapter in their history, moving away from their previous identity. Initially, the project started as six week project but soon expanded past its original depth to become a much larger project.
logo service website frontpage website frontpage
website sermons website bootcamp page website frontpage
website frontpage website visit page bcc documentation
website connect page logo service website frontpage
logo service website frontpage
website bootcamp page website sermons
bcc documentation website visit page
website connect page logo service
Logo Design
Research
My initial task was to design a new logo for Bethel City from the ground up. This logo went through an extensive iterative process. Starting from a brainstorming session and advancing through multiple iterative states. Over 200 prototypes were created before a final logo was selected.
logo horizontal
logo square
Iterations
The logo went through seven design iterations. Below are some of the iterations. For more information on the design process for the logos, view the BCC design document.
Variations
I supplied Bethel City with different color options, sizing options, as well as the logo graphic with and without text. A black outlined logo was specifically requested by BCC.
logo black
logo white
logo outline
Animation
An animation was created for the logo for Bethel City. This animation aims to create the sense of a rising flame into a roar from the lion. Gifs, movs, and mp4s were delivered to Bethel City Church for their use.
black lion animation
white lion animation
Web Design
 
For this project, focus was placed on designing a malleable site template over creating a definitive design. I created a series of tools to allow users to modify the site itself without the use of a code editor or design plug-in.
Functionality
functionality wordpress
Host Communication
The site uses appropriate wordpress and woocommerce hooks to allow for communication to the theme through the backend of wordpress.
functionality content
Custom Content Boxes
I created tools to allow the user to edit text or images on the site without having to work around a plugin or code.
functionality navigation
Sermon Navigation
Users can navigate sermon series and find series based on particular subjects through the archives.
Documentation
 
In addition to the above mentioned articles, I was hired to create several documents for the church.