E-Mission to Islam — Global Radio Outreach
Boosting Global Engagement for 10,000+ Monthly Visitors
Time
February - April 2025
(8 weeks)
Tools
Figma
My Role
Product Designer
HIGHLIGHTS
Boosted user engagement
Potentially increase user engagement across 10K+ monthly visitors by interactive visuals
Built global
trust
Helps users across 189 countries feel connected and better understand their impact
PROBLEM SPACE
Firstly, I ran an UX audit and found that
BREAK DOWN OF CURRENT EXPERIENCE
SOLUTION - OUTCOME
CURRENT EXPERIENCE
AFTER REDESIGN
Static text and basic counters
Outdated layout with minimal visual storytelling
Limited engagement, no compelling entry points
OVERVIEW
GRO's Mission
🌍 Gospel Has No Borders
GRO brings hope to the farthest reaches of the globe, with every story shared making an eternal difference
No Borders, No Barries
GRO brings the message of hope in native languages directly to those who want to learn about Gospel through resources such as
Internet radio stations from various countries & languages
10 blogs/articles from various languages and still growing…
E-Mission to Islam
A Click that Echoes Across Continents
E-Mission to Islam is GRO’s main digital platform that shows how the Gospel is reaching audiences through internet radio, blogs, and outreach tools
WHAT ARE ITS PURPOSES ?
Showcase Gospel Impact
Tracks salvations, discipleship, and outreach metrics in real time to reveal how the Gospel is spreading in unreached regions.
Inspire Donor Confidence
Helps donors see exactly how their contributions are making a difference
Support Informed Giving
Allows supporters to choose where and how to give, based on data and personal passion
WHO DO WE DESIGN FOR ?
Our Partners
Need regular updates and shareable impact data to stay connected and communicate GRO’s mission to their networks
GRO's Team
Need centralized tools and data for planning, strategizing, and storytelling
Supporters & Visitors
Need a simple donation process and clear evidence of how their contributions change lives
RESEARCH
GRO's Mission
GRO brings hope to the farthest reaches of the globe, with every story shared making an eternal difference
No Borders, No Barries
GRO brings the message of hope in native languages directly to those who want to learn about Gospel through resources such as
Internet radio stations from various countries & languages
10 blogs/articles from various languages and still growing…
E-Mission to Islam
A Click that Echoes Across Continents
E-Mission to Islam is GRO’s main digital platform that shows how the Gospel is reaching audiences through internet radio, blogs, and outreach tools
WHAT ARE ITS PURPOSES ?
Showcase Gospel Impact
Tracks salvations, discipleship, and outreach metrics in real time to reveal how the Gospel is spreading in unreached regions.
Inspire Donor Confidence
Helps donors see exactly how their contributions are making a difference
Support Informed Giving
Allows supporters to choose where and how to give, based on data and personal passion
WHO DO WE DESIGN FOR ?
Our Partners
Need regular updates and shareable impact data to stay connected and communicate GRO’s mission to their networks
GRO's Team
Need centralized tools and data for planning, strategizing, and storytelling
Supporters & Visitors
Need a simple donation process and clear evidence of how their contributions change lives
GOALS
To support GRO’s mission of spreading the Gospel through digital outreach, I defined three key design goals to guide the redesign, including
Improve Data Visualization
Develop intuitive and impactful visual elements that make statistical data more engaging and easier to understand
Enhance Navigation and User Flow
Provide intuitive pathways for users to access relevant information quickly
Modernize and Simplify the Interface
Create a clean, professional, and consistent interface aligned with GRO’s missions
MAJOR DESIGN CHANGES
01. Impact Hover Hotspots: Real-Time Data Made Simple
Solution: → Interactive hotspots that display real-time data. When users hover over a region, a tooltip breaks down the numbers for each metric.
Interactive Impact Map
Displays live, color-coded data across continents, highlighting visits, radio listeners, and salvations at a glance.
Engaging Visual Storytelling
Hover-activated hotspots reveal real-time regional activity, offering donors and new visitors an intuitive, mission-driven experience.
Each pulsating hotspot reflects the dominant impact in that region
South Asia
Sub-Sahara Africa
South America
→ South America glows orange for salvations, disciples, and content views; South Asia glows blue for listeners; and Sub-Saharan Africa glows orange for salvations and disciples.
02. Trend Analysis: Visualizing Impact Over Time
Solution: → A line graph that tracks key metrics over time, helping users understand trends and long-term impact.
Insight Dashboard
Breaks down complex outreach data into clear, filterable views by year, region, or metric for easier understanding.
Personalized Exploration
Saves users’ last-viewed state to support return visits and foster deeper engagement with GRO’s ongoing impact.
Closer look of data tooltip design
First iteration
Second / Final iteration
The second design works better because
→ Emphasizes the numerical data over the date, which is more valuable.
→ Creates better visual balance with the overall layout by placing the arrow to the right of the percentage
03. Personalized Giving: Seamless & Targeted Donations
Solution: → A streamlined donation process with the ability to personalize contributions to a chosen region.
Region-Based Giving
Lets users donate to areas they care about and view real-time impact metrics for a more personal connection.
Streamlined Donation Flow
Simplifies the process and includes post-donation feedback to reinforce the purpose and projected impact of each gift.
Live animation in action.
Visual feedback that celebrates donors' contribution.
→ Emphasizes the chosen region and visually reinforces the real-world impact of each donation, so the donors can actually see where their help is going and feel the impact they’ve made.
04. Human Connection: Stories Behind the Data
Solution: → Featured testimonial stories from listeners, highlighting how GRO has transformed their lives through the Gospel.
Modular Testimony Cards
Showcases listener stories by region or theme, with rotating highlights on the homepage for passive discovery.
Emotional Connection
Puts a human face to the data, reminding users that each number represents a real life transformed.
FUTURE EXPLORATIONS
Beyond my project scope, I would add extra feature to elevate the dashboard interfaces, making it a more versatile and comprehensive, including:
Map view
Satellite view
REFLECTIONS
Things I've learned:
Exploring beyond my limit
As this was my first internship experience, it was an amazing journey where I learned a lot through this project. I kept exploring beyond my limits by trying various unfamiliar prototyping techniques combined with numerous design iterations, which enhanced my perseverance and made me enjoy the design process until I reached the final design
Communication is key
I also learned how to communicate with my design lead, from brainstorming to discussing struggles in solving design problems. I realized that an internship is a place for me to learn, which makes me grateful to be surrounded by supportive coworkers who are willing to help me grow.