top of page
tms use this one.jpg

At-a-Glance

Made for, TMS Marketing Solutions, I developed a cross-platform website which will educate potential and current patients about TMS therapy. In 11 months, I delivered complete sets of unique design layouts, handmade assets, personas, and prototypes. As the lead UX and Graphic designer, I created everything that you will see, except for the copywriting which was provided by TMS Marketing Solutions. 

Client

TMS Marketing Solutions

Timeline

11 Months

Team

3 Person

My Role

Lead UX Designer

Lead Graphic Designer

Problem

Many individuals abandon the idea of therapy before even starting due to the emotional strain of navigating the intricate and overwhelming landscape of mental health websites and resources. 

Screen Shot 2024-04-16 at 8.02.54 PM.png

User Research

TMS Marketing Solutions conducted extensive research on their target demographic. My additional research involved identifying pain points on a competitor's website, Greenbook TMS. This was followed by creating a user persona, mood board, researching fonts, and ideating the necessary website pages.

For more in-depth research click here.

 

User Persona

Solution

Foster the pursuit of mental health support with an educational website about TMS therapy, ensure a stress-free, easy and visually pleasing swift experience. Utlizing multiple calls-to-action, graphic user interfaces, appropriate font choices and a minimalist layout.

Multiple Calls to Action

User insights emphasized the crucial role of simple navigation for older users. Their preference for smartphones over computers signals the necessity for diverse navigation paths to prevent confusion

Menu bar (Laptop and Smart Phone)

Group 646.png
Group 647.png
menu bar.jpg

UI Elements (Buttons and Arrows)

Icon (2).png
Group 645.png
call to action (1).png
Screen Shot 2024-04-16 at 7.06.51 PM.png

​​​​​​​Younger participants responded better when small cartoons were implemented into the website’s design, contributing to a more engaging overall user experience. So I created minimalist cartoons to visually break-up word-heavy information

Asset Creation

Frame 611.png
Group 644.png
amanda commission-1 2.png
Frame 612.png

Larger Text

Chose larger text for all ages to easily consume. 

Frame 1 (2).png

4. Font Choice

Alongside the core stakeholders, I down-selected multiple options of fonts and landed on the Poppins font because it is professional, clean, and easy to read on all different platforms.

Screen Shot 2024-04-16 at 7.57.03 PM.png
Screen Shot 2024-04-16 at 7.57_edited.jp
Screen Shot 2024-04-16 at 7.57.10 PM.png

4. Color Choice

I drew inspiration from nature for our color palette, opting for muted tones to evoke calmness in users, aligning with our soothing user experience goal. Considering the ocean's calming influence on circadian rhythms and the brand's vibrant logo, we toned down blues and greens to ensure harmony.

Screen Shot 2024-01-28 at 10.16.04 PM.png

Low-Fidelity Wireframe

Screen Shot 2024-01-27 at 1.41.44 AM.png

Medium-Fidelity Wireframe

Screen Shot 2024-01-27 at 1.54.00 AM.png

High-Fidelity Prototype for Macbook and Iphone

bottom of page