Built with Framer

Bible Buddy | Framer Website Redesign

Dennis Uvokeke

Verified

Project Overview

Client Name: Gavin Wiseman
Industry: Tech & AI Chatbots
Project Scope: UX research, UX/UI Design, Copywriting, Logo Design, SEO, Web design and Web development
Duration: 4 days

Challenge

Bible Buddy already had an innovative faith-based AI chatbot, but their website told a completely different story. It had a terrible layout, outdated design, poor messaging, and lacked the trust factors needed to convert visitors into users. It wasn’t clear what Bible Buddy did, and it didn’t look or feel credible, leading to low signups and poor engagement.
The client needed a complete overhaul — not just a prettier interface, but a compelling web presence that would tell their story clearly, build trust, and drive conversions.
Outdated Version of Bible Bible's Website
Outdated Version of Bible Bible's Website

Approach

Since I had already served as the lead app designer, they trusted me to carry the vision forward into the website. I approached the redesign with three priorities in mind: credibility, clarity, and conversion.
My strategy was simple:
Tell the story clearly to help users understand what Bible Buddy is about within seconds.
Build trust and credibility using social proof, testimonials, and founder presence.
Keep everything simple and intuitive, especially for a non-tech-savvy audience.
I used Figma for prototyping and wireframes, Framer for the live development, and Gifcap to create animated screen recordings that show the chatbot in action. I also worked closely with the founder to align with his vision and even added a personal section called “Letter from the Founder” to connect with visitors on a deeper level.

What I Delivered

Full website redesign and development in Framer
Crafted clear, conversion-driven copywriting
Designed and added animated GiFs showing how the chatbot works
Fully responsive experience across all devices
Built-in SEO structure for organic discoverability
Added scrolling testimonials to build credibility
Introduced new strategic sections:
Letter From The Founder
How It Works – walkthrough of the app’s flow
For Churches – to help churches integrate Bible Buddy
Our Values and About – sharing team mission and beliefs
Testimonials – user-driven proof of impact
Call-to-Action Section leading to the contact form
Every decision was made to help the right audience understand the app quickly and trust it enough to sign up.

Outcome

The impact was clear and fast.
Clarity improved dramatically — visitors now instantly understand what Bible Buddy is.
More trust and engagement — thanks to better storytelling, real testimonials, and animated previews of the app.
Signups exploded — from fewer than 5,000 downloads on the Play Store to over 50,000 downloads, after the redesigned website went live.
The client was thrilled and soon reached out to me again to design another app called Magic Music.

Client's Review

Watch on YouTube

Project Shots

Hero Section
Hero Section
Testimonial Section
Testimonial Section
How It Works Section
How It Works Section
Our Values Section
Our Values Section
For Churches Section
For Churches Section
Contact Page
Contact Page

Final Thoughts

This was my first Framer website project, and it holds a special place in my journey. It taught me the importance of paying attention to details, understanding user emotions, and using tools like Gifcap to add visual storytelling.
Since then, I’ve gone on to redesign over 50 websites, but this project set the foundation. It confirmed what I now always tell founders:
"Your website is your number one sales tool — treat it like your best salesperson. You wouldn’t hire someone who chases customers away… So don’t let your website do the same."
Bible Buddy is proof that a great redesign doesn’t just look better — it changes everything.
Like this project

Posted Jul 17, 2025

Helped redesign the website for Bible Buddy, a Christian AI chatbot that guides people through life’s challenges with conversations grounded in Scripture.

Spitch | Framer Website Development
Spitch | Framer Website Development
Realtor | Framer Template Development
Realtor | Framer Template Development
Capital Flow | Website Revamp + Framer Development
Capital Flow | Website Revamp + Framer Development
The Village Natural | Framer E-commerce Website

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc