Bringing a Life Coach Online

The Gist

A local life coach needed a simple yet functional website to capture and convert leads that she meets in person. The website also needed to provide legitimacy to the business, instill confidence in my client as a business owner and be accessible via mobile or desktop.

I built a one-page website designed to quickly convert leads by providing pointed information and a quick session signup procedure. The site automated a difficult part of the business so my client could focus on meeting leads and allow the website to handle the logistics of signing up new clients for an intro session via mobile or desktop.

I was the sole contributor to the project including the UX design, graphic design, and development of the site with WordPress. I sought guidance with colleagues when needed, especially with photography, which helped me test and refine my ideas as well as sharpen my skill set.

Empathize

The first order of business was to figure out exactly what my client wanted out of a website and why. My client knew that she needed a website but that was about as far as she had thought it through. Many interviews and discussions followed along with simple, drawn, low-fidelity prototypes to try and tease out the actual problem that my client was facing.

Defining the problem required several rounds of prototypes, conversations and analysis. My client stated that having an official website gives legitimacy to the business as well as the confidence in herself as the founder. That wasn’t the whole story though. The main obstacle we faced was defining the function of the website. We needed to answer the question; what was the purpose of this website?

Define

We finally found the answer. The true problem arose when talking to leads in person. My client would talk to potential leads at events and form a personal connection but would not receive a call back. These new leads would forget or lose the motivation to sign up for a session within the noise of everyday life.

I needed to build a tool that allowed leads to quickly sign up for a session on the spot. My client was losing clients in the gap between the pitch and the signup for the free intro session. The website needed to be an extension of her pitch and convert leads while the iron is hot.

Prototype

The purpose of the website was now defined and we used that knowledge to begin prototyping. We had already iterated many ideas with low-fi prototypes but with the knowledge of the website being an extension of in-person pitches, we decided to pursue the one page solution for more streamlined navigation and heavy focus on free session sign ups.

The next step was to finalize the design with a high fidelity prototype. I utilized Figma to create a higher fidelity wireframe to show the client before investing time in development.

My client signed off on the design after a few rounds of adjustments. This was key because prototype adjustments were simple to implement and significantly reduced more costly tweaks during development. This allowed the project to stay on time and in budget.

Deliver

I used the signed-off wireframe to aid the development of the website on WordPress. I utilized the Divi theme to build the frontend of both the desktop and mobile sites. I also used some custom CSS where Divi lacked the capabilities to get the website just right. In the end, the work leading up to the development paid off immensely as the development of the site went smoothly.

Visit the Live Site: LifeCoachLieberman.com

Conclusion

The program analyzed over 10,000 data sets and met strict FDA accuracy standards. The program even passed a validation protocol to become an official tool for the project.

The Conclusion

My client immediately signed three additional clients upon release of the website and has secured a contract with Proctor & Gamble. She now has the confidence to continue promoting her service and is having success signing both small and large clients. She points to her website as her most valuable asset during a pitch and has mentioned that it was the turning point in the Proctor & Gamble negotiations.

This was the first UI design project where I was able to utilize my education from the Interaction Design Foundation (second certificate) and showed me the power of working towards a deep understanding of the problem before investing time and resources in development.