ROLES
UI Design, Infographic Design

TEAM
Kate Lundy (me), Rafael Sanchez (web dev)​​​​​​
TIMELINE
Aug 2022 –​​​​​​​ Sept 2022 (1 month)


Limbitless Solutions is a nonprofit company and a UCF direct support organization. Limbitless has one very important mission: to empower the limb difference communityLimbitless achieves this mission through providing bionic arms for limb different individuals, clinical research on bionic arms and wheelchairs, and promoting STEAM (science, technology, engineering, arts, and math) education for K-12 students.
Every year, Limbitless publishes a Year in Review document and webpage reflecting on the continuous growth of its mission, as well as attracting new donors and company partners. The Year in Review is a crucial part of spreading the Limbitless mission.
In 2022, I was in charge of designing the webpage for the 20212022 Year in Review. This past fiscal year has been one of the most significant years for Limbitless, as it wrapped up its first clinical trial, announced two new clinical trials, welcomed the largest group of interns in summer 2022, and won Orlando Business Journal's 2022 Inno Fire Awards. I aimed to convey this new era for Limbitless when designing this webpage.
A GIF showing scrolls up-to-down and back up again of the entire 2021-2022 Year in Review page.
I focused on making the UI as HTML-friendly as possible, as previous Year in Review pages had many assets that were unable to make the final cut as they were difficult to code. Responsiveness was another key factor, making sure the hierarchy of each section scaled well on to mobile screens.
Made to be as HTML-friendly as possible. This ensured assets from the original designs made the final cut.
Responsiveness was also a key factor. A mobile version of the Year in Review was also mocked up.
In addition to designing the overall webpage, I also made a couple of infographics to make information easier to follow along as users scroll through the page.
Graphic for The Bionic Kid "pay it forward campaign" (1/2).
Graphic for The Bionic Kid "pay it forward campaign" (1/2).
Graphic for The Bionic Kid "pay it forward campaign" (2/2).
Graphic for The Bionic Kid "pay it forward campaign" (2/2).
Graphic for Limbitless at the UCF Day of Giving 2022.
Graphic for Limbitless at the UCF Day of Giving 2022.
Graphic for Limbitless at the UCF Day of Giving 2022 (mobile version).
Graphic for Limbitless at the UCF Day of Giving 2022 (mobile version).
Reflection
This project has helped me realize how important responsiveness & communication with developers are when designing for web. Upon the page going live, it felt very rewarding to see the original prototypes get transformed into working code!


Special thanks to...
Rafael Sanchez, web dev intern who brought this page to life with Bootstrap and Chart.js.

You may also like...

Back to Top