This button scrolls you to the top of the screen.

Case Study

Full Potential

Website Redesign + Brand Design
10/2021

Full Potential is a company based in Fremont, Indiana, that provides support for developmentally disabled individuals and their families.

Task

Full Potential tasked us with redesigning their website to modernize and improve the UX of the existing site. The goal was to make the site accessible and as intuitive as possible for people with all types of cognitive abilities. 

Tools

For this project we designed everything in Figma, and implemented in Webflow. 

Process

Teamwork, Collaboration, and Support are the key words the leadership at Full Potential used to describe their brand. We began by choosing elements for the design, such as fonts and brand colors that are inspired by these key words. One of the most important features of this website was accessibility. 

Services section of Full Potential’s new website.
Services section of Full Potential’s new website.

Resource section of Full Potential’s new website.
Resource section of Full Potential’s new website.

Users would need to navigate the site to get the support they need. This led us to create a website that had a simple, yet informative design, including images that gave context as to what the user may be looking for, fonts that were easy to read, and colors that provided high visual contrast. 

Brand fonts and colors for the new Full Potential Website.
Brand fonts and colors for the new Full Potential Website.

When searching for a font, we ran through a number of different styles that captured friendliness and community. Something inviting, and easy to read. Source Serif Pro would be the main font, used for big headers. We chose a font that had some visual interest while maintaining its legibility. Of all the serif fonts, Source Serif Pro had rounded serifs where most serif fonts pointed out. This provided a unique feature that worked well with the website's overall design. Poppins would be our body text; the simple shapes of each letter make it a perfect font to read in multiple sentences with ease. The wide and bubbly shape makes Poppins an especially inviting font, giving users a familiar and welcoming energy. 

When it came to choosing a color palette for Full Potential, we prioritized making users feel safe and supported when searching for help and resources. We wanted to stay true to the color of the original website while giving the site an overall aesthetic upgrade. Stone blue became the color we chose. At times, Color Theory can seem like pseudo-intellectual psycho babble. BUT, if we put aside our feelings bout Color Theory, blue is typically associated with the feelings of safety and support. The grey tones that we infused with the blue help create an overall soothing and minimal aesthetic.  

When designing the composition of the website, we included a good amount of white space to reduce the amount of visual clutter on each page, drawing the user’s eye into essential pieces of information. We included images alongside the text giving context to the users. Each resource is scannable in a grid layout where each resource and its details are contained in a card. A similar layout was given to each service Full Potential offers. 

Low Fidelity Mockups of Full Potential’s new website. 
Low Fidelity Mockups of Full Potential’s new website. 

About Us page of Full Potential’s new website. 
About Us page of Full Potential’s new website. 

Ultimately, the client was quite pleased with the end result. We're actually working on another project for them right now, so keep an eye out for another (related) case study coming soon!