Free Will Baptist Board of Retirement Website

  • UX/UI Design
  • HTML/CSS/JS
Free Will Baptist Board of Retirement

Project Overview

The Free Will Baptist Board of Retirement was in the middle of a rebrand and needed a new website to reflect the updated feel of the brand. Our goal was to design and develop a website that would be easy to navigate, effective at recruiting new members to their financial service, and allow new and existing users a way to discover what else the FWBBR offered as services.

My Role & Responsibilities

  • Lead Designer
  • Wireframe and high fidelity mockups
  • Front end development
  • Testing

Stakeholder Discussions

By meeting and collaborating with stakeholders, we were able to get a clear picture of the objective for this website. These discussions were pivotal in understanding who the user demographic would be and what features would be needed in a new website.


Research

By studying competitor websites, we were able to evaluate specific features and whether they should be included on our site. This led us to incorporate features like financial calculators ranging from retirement planning to mortgage loans, as well as some other features.

Desktop view for Free Will Baptist Board of Retirement website

Design

Once the scope was identified for the new website, I worked on:

  • Developing sitemaps to aid in the design of user flow for the customer.
  • Creating wireframes to determine what information was needed on each screen and how that should be configured.
  • Creating detailed mockups illustrating how the website would look and feel.
  • Establishing the design system which included the style guide, UI components and guidelines.

Wireframe for Free Will Baptist Board of Retirement website
Wireframe for Free Will Baptist Board of Retirement website
Wireframe for Free Will Baptist Board of Retirement website
Wireframe mockups
Design system for the Free Will Baptist Board of Retirement website
Website branding & style guide
Development

Development & Testing

Once the design guidelines were set and mockups approved, I moved on to the development phase, which included:

  • Creating a custom theme on the Wordpress platform.
  • Coding functional HTML & CSS for all areas of the website.
  • Creating a responsive framework that would work visually on both desktop, tablet, and mobile devices.
  • Ensuring theme seamlessly integrated with third party features (e-commerce, forms, etc.).
  • Testing the functionality of all elements on the website.

Visit BoardofRetirement.com