The Kaylor Yetto Foundation
Designed and developed The Kaylor Yetto Foundation website. It is a private, family managed, not-for-profit, philanthropic organization established in 2021.
Client
The Kaylor Yetto Foundation
Project Type
UI/UX
Design
Development
Hosting
Contribution
UX Design
UI Design
UI/UX
Design
Development
Hosting
The Project
The Kaylor Yetto Foundation needed a website for a newly formed (501-3C) not-for-profit trust.
My Role
I designed, developed and setup hosting for the The Kaylor Yetto Foundation site.
I was tasked with designing and developing the user interface and user experience for this application. I enjoyed this project because I was able to not only use my design skills, but also my previous experience as a frontend developer.
Awards
The efforts of Cera and the iEXCEL team garnered praise at the 2023 BioCommunications Association’s BioImages Juried exhibition, earning Images of Merit honors.
Software
- Figma
- Squarespace
Format
- Desktop
- Tablet
- Mobile
Discover Needs
I was tasked with designing a patient-facing web and mobile application of an interactive 3D pelvic floor model for the College of Nursing. From the first day starting the project, I worked hand-in-hand with faculty on a weekly basis in order to help women with urinary incontinence caused by a weak pelvic floor muscle.
User Persona
Samantha Hall
She is a retired woman in her late 70's experience symptoms of urinary incontinence.
To use a 3D interactive model to understand the causes and treatment of urinary incontinence.
Issues with existing technology that is not interactive in order to explain correct exercises and dietary needs.
User Experience
In order to explain how to use this module, I created a graphic that illustrates how manipulate the 3D model. Patients and users can interact with the pelvic floor model and select up to 15 annotations that correspond in real-time to certain muscles, while giving a description of each.
Instructional Graphic
Once selected, the Musculature of the Pelvic Floor button will highlight and zoom on muscles that may be weakened, causing urinary incontinence. The following buttons, once selected, produce a popup modal that illustrated how to treat the symptoms of urinary incontinence and how to strengthen pelvic floor muscles.
UI Components
I created all of these components using Figma and created them on the frontend using a customized Bootstrap Framework.
Grouped Buttons
Once selected, the Musculature of the Pelvic Floor button will highlight and zoom on muscles that may be weakened, causing urinary incontinence. The following buttons, once selected, produce a popup modal that illustrated how to treat the symptoms of urinary incontinence and how to strengthen pelvic floor muscles.
Toggle Button Sliders
When each toggle button is selected, it will hide or show the corresponding area and allow patients to view the 3D model and areas individually.
Instructional Modal
This modal instructs patients how to enlarge, zoom, and select each part of the 3D model. Each button highlights lifestyle and dietary advice.
