CBT Church
Brand strategy, website, and client-managed CMS in 2 weeks
tl;dr
An intensive, 2-week project in which I delivered a Brand strategy, Brand Guidelines, Web Design, and a client-managed, CMS-powered Webflow site.
- +80% average user engagement time
- +30% organic search traffic
- +40% event registrations
- +70% livestream views
Brand strategy, website, and client-managed CMS in 2 weeks
Thousands of churches across the country misrepresent themselves online with poor design, cheesy stock photography, and crudely laid out web designs that don't convert.
The CBT Church project was an experiment - a proof-of-concept for a crazy idea.
The idea: orient the staff around a mission, design brand guidelines that represented that mission, deliver a client-managed website that converted website visitors into church visitors, and train the staff on how to sustain it - all in 2 weeks.
13 days, 5 all-nighters, 4 trips to taco bell at 2am, and 3,000+ mg of caffeine later, I had proven the concept.
Here's a look at how I did it.
The Approach
- Strategy
- Brand Guidelines
- Web Design
- Web Development
- Staff CMS Training
Strategy
Workshops
We kicked off day 1 with 6 hours of brand strategy (and lots of carb-laden snacks). Once our brains were fried, we called it a day and came back fresh the next morning - wrapping up around noon on the second day.
We covered 9 different brand strategy exercises:
- Purpose
- Vision
- Values
- Audience
- Market
- Touchpoints
- Personality
- Voice
- Tagline
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f3d505aaf7234f2b68c4_IMG_20210301_165635102.jpg)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f3d6113774ef9c0dd9eb_IMG_20210301_151057979.jpg)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f3d5e788036ec2f09d54_IMG_20210301_162545026.jpg)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f24ae78803dc23f097e1_Screen%20Shot%202022-05-04%20at%205.36.28%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f24a8880fd8484909ec7_Screen%20Shot%202022-05-04%20at%205.37.35%20PM.png)
Brief
After the workshops were complete, I spent the remainder of day 2 drafting and delivering the strategy brief. The brief contained the summation of our workshops as well as 3 moodboards that would influence the visual direction of the project.
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f4e3631e411fafe58429_Screen%20Shot%202022-05-04%20at%205.49.01%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f54e7965b08152774ee0_Screen%20Shot%202022-05-04%20at%205.50.03%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f5712dfbed7ee9890199_Screen%20Shot%202022-05-04%20at%205.50.11%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f57906645dadc5482050_Screen%20Shot%202022-05-04%20at%205.50.17%20PM.png)
Brand Guidelines
On days 3 and 4, I created and delivered the brand guidelines based on what we had uncovered in our strategy workshops.
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f72b9b4d75c41d01cbba_Screen%20Shot%202022-05-04%20at%205.57.24%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f73624e6772f7618960d_Screen%20Shot%202022-05-04%20at%205.57.33%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f7422b90212e8701283f_Screen%20Shot%202022-05-04%20at%205.57.51%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f74c4c4948248454d421_Screen%20Shot%202022-05-04%20at%205.58.16%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f753125c0475d372be4b_Screen%20Shot%202022-05-04%20at%205.58.43%20PM.png)
Web Design
After delivering the brand guidelines, I got to work designing the website on day 5. The goal was to facilitate the transition from website visitor to church visitor in a way that was easy, smooth, and friendly. With that goal in mind, I set out to create a modern, sleek site that was "cooler" than your average church site.
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f3dc79769f73e502c8e9_IMG_20210304_131628861.jpg)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f8972f1e642dd5276342_IMG_20210304_131658805.jpg)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272f32b0416422aba997a3b_IMG_20210304_131647378.jpg)
Web Development
I began developing the website in Webflow on day 7.
I started by mapping out all of the CMS collections (team members, events, sermon recordings, etc), and filling in their data. After developing the home page, I created the dynamic, CMS-powered pages over the next few days.
For this project, micro-interactions were a key component of creating a clean user experience. I spent roughly 2 days on animations.
Finally, I spent the last several days writing Javascript and jQuery to power the more advanced functions of the site. For example, the livestream page needed to show the correct Vimeo livestream event based on time of day. I also implemented a custom filtering system for events.
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272fbd124e677546018c7fd_Screen%20Shot%202022-05-04%20at%206.16.47%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272fbdc252b5a63c1eae6d5_Screen%20Shot%202022-05-04%20at%206.17.09%20PM.png)
![](https://cdn.prod.website-files.com/622142619b43f638f8482d56/6272fbe40e8f27907b07affd_Screen%20Shot%202022-05-04%20at%206.17.40%20PM.png)
Staff CMS Training
On day 13, I trained the staff on how to use the CMS. I walked them through the process of adding team members, uploading sermons, creating events, etc. Since that day, they have been fully self-sustaining - I have not had to assist them with anything CMS-related.
The Results
Hard Results (YoY)
- +80% average user engagement time
- +30% organic search traffic
- +40% event registrations
- +70% livestream views
Soft Results
- Consistent uploading of content now that the process has been made much easier