Faith gospel tabernacle ministries

A complete visual identity, website and physical experience for a church community

Redesign the look, online presence and physical experience of faith based church community, with a "mobile first" and modern approach.
timeline

Lasted for 14 months as the scope kept growing.

the team

1 Lead pastor

1 Associate pastor

1 AV specialist

1 Product designer

My role

Lead UX designer for the end-to-end process of a physical and digital redesign

Main Goal

Help new and currently attending families interact with and get information that the community offers.

The problem

What we have now is extremely out of date and people can't use it to do anything meaningful.
The challenge

Give FGTM a modern design update of their physical materials and a custom responsive website using wordpress.

About the company

Faith Gospel Tabernacle Ministries(FGTM) is an assembly of people, led by a head pastor, who worship on Sunday mornings and Wednesday evenings. They support families in the wider community by hosting events, donating to causes and providing a place for people to grow.

my Role

As the only product designer contracted to help FGTM, that has about 6 employees and many volunteers. I had the opportunity to define the website and physical materials from end-to-end.

Research
  • Card sorting
  • Stakeholder interview
  • Stakeholder usability testing
Visual Design
  • Visual design
  • UI design
  • High fidelity mocks
Experience Design
  • Sketches
Development
  • Built on a wordpress content management system

Understanding the user

New and currently attending families of at least 2-4 people. These families would likely live within 10-20 mins away.

Rely on us

Stakeholders preferred that I rely on their knowledge of the target audience rather than interview the people directly to gain insights. They preferred that the project be kept among the project team, so I didn't want to push them extremely hard.

Breaking down the process

Always best to communicate and over communicate the importance of including the people who will experience the product

Constraints

  1. One constraint was that the stakeholders were focused on timeline and budget, and were just generally not fond of me interviewing any of targeted people. They preferred that I rely on their knowledge of them.
  2. Another was that fgtm's point person, sometimes became a bottleneck rather than a constant and easy flow of information which would usually present a road block.

Process

I use 1 of 2 types of processes.The first is:

  • A general process that usually covers most products.
  • The other which I'd like to use more often is IDEO user-centered process to solving challenges.

General process that covers most situations
General process that covers most situations

The first step: Identify

  • Now that the problem was identified we could move on to understanding the target audience, or so I thought.

The second step: Empathize

  • Was to understand the audience further, so I did an informal interview with the stakeholders. The reason why falls into one of the constraints I mentioned earlier.

The third step: Understand

  • After which a content evaluation of the current website was done to understand what we wanted to keep and what we didn't.

Original Faith gospel tabernacle ministries logo
Original Faith gospel tabernacle ministries logo

Current state of FGTM in 2015 at the start of the project
Current state of FGTM in 2015 at the start of the project

  • A card sorting exercise was also done to create a navigation structure for the website based on what was offered in the assembly.
  • We began with visual identity next. Stakeholders wanted to keep a visual element and a specific colour, so I used FGTM's color choice and the cross from the original logo to build on their visual design.

Visual identity

Original color exploration

Color choice FGTM already preferred

The fourth step: Prototype

Sketching wireframes, feedback and approvals were next to be sure we were heading in the right direction based on data I collected.

The fifth step: Test

  • Usability testing revealed that I had missed adding a youth section on the homepage based on the target audience.
  • We also found out that FGTM streamed video messages online, So adding access to that stream would help those would need to stay home or out of the building but wanted to watch.
  • We also changed the "EVENTS" navigation item to "CALENDAR" where this would serve as a place to see past, current and future events planned by FGTM.

The sixth step: Iterate

The insights found in testing were added to the mockups, and retested to make sure the stakeholders were satisfied.

When approvals were completed, I started work on the responsive website.

High fidelity visuals

Sitemap, Hi-fidelity wireframes of the homepage were designed to give a better visual of what the homepage would look like, which was followed closely by stakeholder usability testing.

Homepage high fidelity mockup desktop
Homepage high fidelity mockup desktop

Homepage high fidelity mockup mobile
Homepage high fidelity mockup mobile

Giving high fidelity mockup mobile
Giving high fidelity mockup desktop

Giving high fidelity mockup mobile
Giving high fidelity mockup mobile

The stakeholders really wanted their website and so that was my main concentration until launch. Project status updates were done as the website was being built. Here is a video example of a progress update.

Additional deliverables

After the development was done, some of the remaining deliverables like signup sheets and the Brochure..etc were transferred, where necessary to a word processing doc.

Handoff and training the team

A handoff and CMS training meeting was scheduled and completed with a team of 4 additional people who would be maintaining the website content and social media.

points to call out

Have a look at the fourth iteration of the brand standards pdf.

I spoke with the stakeholders in July 2019, who told me that they wanted to make updates to the site and including the target audience would be great! BIG WIN!

Check out the current state of FGTM

No items found.

Lessons learned

Advocate more for the people that will use product and explore different avenues to educate the stakeholders in ways that provide value for them.

After handoff the proposed team was charged to implement all the assets, but unfortunately, as of 2019 the website and social media were the main pieces to be implemented, where the website maintenance.

Today the stakeholders are not sure if the intended audience uses the website, but there has been an increase in awareness through the website and social media channels.

I’ve learnt that I need to advocate more for the people that will use product and explore different avenues to educate the stakeholders in ways that provide value for them.

Like what you saw?
Let's talk.

Get in touch