My Role
UI/UX Designer &
Developer
Retention Rate
+ 40%
Timeline
The Old Experience
Outdated website with poor structure, minimal visuals and little to no interactivity.
The Problem
Users struggled because the website lacked a cohesive design and structured user experience. Content was cluttered and disorganized, there were few visuals to make the site engaging and the website offered little to no interactive features.
The Solution & Impact
From an outdated design to
a modern, interactive experience.
+68%
Retention Rate
+ 50%
Interactivity & Feature Usage
4.0/5
User Satisfaction
+45%
Content Discoverability
The Design & Build Process
This case study focuses on transforming an outdated, static church website into a modern, structured, and interactive digital experience. Decisions were driven by user needs, content clarity, and accessibility, with a strong emphasis on translating design directly into a functional, production-ready product. I designed, developed, and iterated rapidly using Framer.
Discover
•
Website audit & usability review
•
Content and information architecture analysis
•
User needs assessment (members, visitors, first-timers)
•
Pain point identification
•
Comparative analysis with modern church websites
Define
•
Problem definition and success metrics
•
Content restructuring and hierarchy
•
Navigation and user flow definition
•
Key user journeys (sermons, events, contact, giving)
•
Feature requirements and constraints
Design
•
UX strategy and layout exploration
•
User flows and wireframes
•
High-fidelity UI design
•
Visual system and components
•
Interaction and micro-interaction design
Build
•
Website development using Framer
•
Responsive design implementation
•
Component-based layout setup
•
Interactive elements and animations
•
Performance and accessibility considerations
Test & Iterate
•
Responsiveness testing
•
Usability validation
•
Interaction and navigation refinement
•
Performance and content checks
Deliver
•
Production-ready website
•
Design-to-development consistency
•
Deployment and handoff
•
Scalable structure for future updates
Design Decision & Final Design
Simplify Navigation to Increase Engagement
I analyzed the old website and user journeys, which required navigating multiple unclear paths to reach key content like sermons, events, and contact info. By restructuring the navigation and surfacing key actions earlier, users could access content faster, improving discoverability and engagement.
Old User Journey Flow
Timothy Oyediran
This design project exemplifies how I can benefit your business. If you”re interested in collaborating. Please contact me :)