PRSI Website Series: Phase 3 Drive and Measure Global Program Growth

Phase 3 Details

Client

G&M Public Reading of Scripture

Project Timeline

1.5 Months
Webflow Developer and Project Manager

Role

Tools

Webflow, CSS, HTML, Javascript, ChatGPT, Zapier

Platform

Desktop and Mobile Web

Website

View Website

Challenge

My client, a well-established Christian nonprofit based in NYC, engaged me to lead a comprehensive three-phase transformation of one of their program websites. The existing site was outdated, lacked cohesive branding, and operated on a slow, high-maintenance platform. The former website also cost the company nearly $300K/year in maintenance fees to maintain. Additionally, each copy change request would face a 2-3 week delay. The site needed to be localized into 10 written languages.

Solution

Our solution spanned across three phases. Phase 1 involved migrating the site from Drupal to Webflow. Phase 2 focused on redesigning the website to establish a cohesive, reusable template for all 10 languages. This new template was then localized and adapted across all language versions to ensure consistency and accessibility for global audiences. Phase 3 introduced functionality that allows the nonprofit to track and foster global program growth. The website was designed to be scalable and easy for each language and marketing team to manage, allowing them to maintain and update their localized content independently.

Background

As a reminder, this three-part series focuses on migrating a localized Drupal site to Webflow (Phase 1), redesigning the site to create universal template for 10 locales (Phase 2), and developing a solution to foster growth while supporting leaders and facilitators within the PRS community (Phase 3). To enable program growth, we prioritized simplifying the user experience for finding a gathering, starting, or facilitating a new PRS group. This included designing a “Start a Group” form to encourage new group creation, redesigning the “Join Us” page and form to connect users to multiple PRS gatherings beyond NYC, and adding dedicated facilitator forms and resources to support current and future leaders.

Strategy for Quantifying Growth

Introducing the Start a Group page

The Start a Group Form was a key initiative in Phase 3, designed to bridge a critical gap in the PRS user experience. While the previous website provided resources on how to run a PRS gathering, it lacked actionable guidance or sign-up options for potential leaders looking to start a group with official support. This oversight limited the organization’s ability to quantify its reach and support its leaders effectively. I recommended that this form would be the first new form we added to the website in order to start tracking and supporting new groups.
The purpose of the Start a Group form was to serve as a key tool for promoting PRS group creation at the organizational level. Designed to be easily shared at conferences through links or QR codes, it provided a streamlined way for attendees to take the first steps toward starting their own PRS groups.

Identifying the Problem

  • The absence of a formal sign-up process made it difficult for potential leaders to take the next step toward group creation.
  • Client could not track new groups nor the success of users' Biblical reading goals
  • Historically, the Spanish team has offered new groups white-glove onboarding, exclusive resources, tools and check-ins but this is not a practice that has been spread across all language teams
  • The Start a Group form's purpose was to be shared at conferences via links or QR codes, for starting PRS groups at. the organizational level

Form Design and Features

  • A multiple choice question at the top asking users whether they: "Want to start a group" or "Have already started a group" so that the form can be routed to the right team accordingly. This questions was added iteratively as we noticed there were groups that had already been started that had not been recorded.
  • Essential contact information questions to capture user data, and quantify growth by language and region
  • Historically, the Spanish team has offered new groups white-glove onboarding, exclusive resources, tools and check-ins but this is not a practice that has been spread across all language teams
Iteration 1
Iteration 2
Iteration 3
Iteration 4 - Final!
Notes on Iterations
  • First Iteration - introduced a multi-step form structure, breaking the process into four distinct sections to collect detailed information efficiently and enhance the user experience.
  • Second iteration - I explored a single-step form, condensing the process into three sections by integrating facilitator interest questions into the existing structure for a more streamlined experience.
  • Third Iteration - I revisited the core purpose of the form—to be shared quickly and easily at conferences to facilitate organizational-level PRS gatherings. Recognizing the distinct use cases, I decided to separate the facilitator interest form from the Start a Group form, ensuring each addressed its specific audience and objectives. This refinement simplified the Start a Group form into a single section and introduced a two-column layout to streamline the user experience further.
  • Final Iteration - Based on feedback emphasizing the need for simplicity and localization across nine languages, I revised the form to a single-column layout and removed the introductory paragraph. This approach aligns with best practices in multilingual UX design, ensuring clarity and ease of translation.
View live!

Impact

By designing and implementing the Start a Group Form, we created a solution that:
  • Bridges the gap between PRS and its network of groups, enabling clearer communication and stronger support for both new and existing leaders.
  • Enables PRS to track and support new and existing groups.
  • Fosters leadership amongst the PRS community through enabling clear, actionable steps

Next up, enhancing the Facilitator Form

The Facilitator Form, similar to the Start a Group Form, was initially added to the Spanish locale, where facilitator training and resources were historically managed. Recognizing the importance of facilitators across all language teams, I saw an opportunity to implement a consistent, scalable solution for the entire site. To ensure this, I collaborated with the Spanish team to address pain points and plan for future needs, creating a framework adaptable to PRS’s global growth.
The purpose of the Facilitator form was to identify and onboard PRS Facilitators--trained leaders who guide PRS gatherings with the help of essential resources and a structured training process.

Process for Implementation

  • I led the project to desing the Facilitator Form and other pages for the Spanish team ahead of their annual retreat in Latin America.
  • I organized a meeting with the Managing Director of the Spanish team to understand facilitator responsibilities, process for joining and training, pain points and requirements from the current system
  • Finalized the fields to be included in the form after aligning with the Spanish team
  • The Spanish team emphasized the need for exclusive facilitator resources, requiring contact information collection to ensure proper communication, which is why these resources were not included in the general resources tab.

Form and User Flow Design

  • The user flow was designed to meet the Spanish Team's requirement for capturing user data to share exclusive resources: after submitting the form, users were directed to a confirmation page with a button labeled “Access Resources,” which redirected them to the Facilitator Resources Page.
  • Due to the extensive amount of fields, I tested simplifying number of fields or making a multi-step form instead
  • Received feedback that Multi-step form was well-organized but overly complex, potentially leading to a higher bounce rate.
  • Opted for a single step form, consistent with the Start a Group form
Iteration 1
Iteration 2
Iteration 3

Final output

Below is the final Facilitator Form and user flow, outlining the process for users to sign up, confirm their submission, and access their resources. To streamline operations, I implemented a Zapier automation that creates a new contact in the client’s designated SendGrid Facilitator list each time the form is submitted. Additionally, I configured an automation within SendGrid to send a personalized Welcome email to the user upon being added to the list. This email includes key welcome details and a direct button to access the Facilitator Resources Page, ensuring a seamless onboarding experience. Once the design and flow were completed and live in Webflow, I shared with Spanish team to review and translate accordingly. As of right now, this page is live in Spanish but as we scale, it will be translated for all languages.
View Facilitator Form Live!
I recommended this no-code solution because it aligned with Webflow’s platform capabilities, enabling efficient integrations and automations without the need for complex custom development. This approach provided a scalable and user-friendly solution for the client. Facilitators could easily bookmark the page for quick access, and the system allowed us to automate notifications whenever resources were updated, ensuring facilitators stayed informed and equipped with the latest materials. We implemented versions of solution for all the forms on the prsi.org page.

Lastly, revamping the Join Us page

To build upon the primary goal of Phase 3—expanding the initiative’s reach—the re-design of the Join Us page was a pivotal achievement. This form became the cornerstone of the phase, directly aligning with the overall objective of fostering growth by making it easier for users to connect with PRS gatherings.
The purpose of this page was to empower users to seamlessly join multiple groups, providing flexibility and fostering greater participation within the PRS community. By enhancing the page, we aimed to support users in staying on track with their reading goals—such as completing the Bible in a year using the 30-minute plan—even when their usual gathering was unavailable, ensuring uninterrupted engagement and progress.

Initial Discovery and Problem Identification

  • Current form directed users to join only one group (NYC PRS meeting MWF).
  • Users were unaware of other groups they could join.
  • Localization requirement: Form needed to adapt to the user’s language and locale, displaying relevant PRS language groups in each language
  • The previous page lacked a goal-oriented approach, missing the opportunity to connect users with groups aligned to their reading goals—a key long-term objective for the client.
Current Join us Page

Feature Requirements

  • An interactive map to visualize all PRS Gatherings in an area.
  • A location search bar to filter gatherings by location.
  • Detailed information on each group, including goal the group is tracking towards, time, location, and schedule.
  • Functionality for users to sign up for multiple groups instead of being limited to one.

Starting Design

  • Began the process with sketching and wireframing to explore layout ideas and potential user flows.
Wireframes

Hitting and Overcoming Roadblocks

As I worked on the initial wireframes, I encountered several challenges. I was unclear about the specific objectives users were trying to achieve—were they joining groups based on their language, city, or reading goals? This lack of clarity made it difficult to ensure the designs effectively addressed the overarching problem and vision. In my initial design review, I received feedback that while the wireframes were visually cohesive, they ultimately didn’t align with the purpose of fostering meaningful group connections or supporting user goals.
How did I overcome this misalignment?
I compiled a detailed list of questions focused on key areas such as the purpose of the page, the current user journey, objectives for filtering, vision for user goals, localization requirements, and group information. I shared these questions with Chris to facilitate a collaborative discussion and ensure we reached a clear and unified understanding of the project’s direction. Chris directed me to Alpha.org or Alcoholics Anonymous to review their process for users viewing and joining groups.
Created an inspiration board to guide and refine design iterations.

Iterations

Based on the design requirements and the feedback my client provided during our discussion, I determined that an interactive map should serve as the central feature. This would guide users in finding nearby groups and offer flexible options for joining, ensuring they could continue working toward their Biblical reading goals even if they couldn’t attend their usual sessions. I iiterated the wireframes based on feedback and moved to high-fidelity designs after approval. The following were my top two favorite iterations.
Iteration 1
Iteration 2

Pushing to Production

Iteration 2 was selected as the final design for production due to its simplicity and clarity, effectively meeting the page’s core objectives without unnecessary complexity. Development is still underway, as the interactive map functionality requires advanced JavaScript implementation, making it the most technically complex page we’ve worked on so far. Stay tuned as we launch this page in early 2025!

Results

11
Groups
initiated from new Start a Group Form
4
Facilitators
added into new PRS community
2
KPIs
Added to begin tracking future growth

Key Learnings

Ask the right questions

In the development of the Join Us page, I learned its crucial to gather as much information about the aclient’s goals, both short-term and long-term to be able to flesh out a solution. Initially, I had wireframed multiple solutions because I had a lot of unanswered questions and was not fully certain of the direction the client wanted me to take. However, once I took the time to discuss product goals I was able to flesh out the design.

Get Feedback Early

To work effectively as a designer, it’s essential to seek feedback early in the process rather than making assumptions about the client’s needs or the design’s purpose. Clear communication is key—whenever there’s uncertainty, reaching out to the client or direct manager ensures alignment and prevents misunderstandings.

Product Strategy

Through the development of these three pages, I gained a deeper understanding of product thinking. While the designs themselves were straightforward, the challenge lay in aligning them with the broader business goals and purpose. This foundational understanding enabled me to approach design decisions with greater confidence and clarity. To work effectively as a designer, it’s essential to seek feedback early rather than making assumptions about the client’s preferences or the design’s purpose.

Next Steps

Excited to launch the Join Us page and continue delivering impactful projects like this three-phase PRSI.org initiative! Thank you for following along—I hope you enjoyed exploring each phase. Feel free to share any comments or questions—I’d love to hear your thoughts!

Ready for the re-design?

Go to Phase 2
WorkContactAbout