UX/UI Design

Part of my process as a web developer is to design pages in Figma, this includes wireframing and prototyping when applicable. I have links available for all projects below for further examination. Creating wireframes and prototypes for clients before hitting the development process is a crucial part of my workflow, to ensure that the project is delivered to the client's liking.

EdEcho.org Website

I created wireframes and prototypes for the ECHO (Early Cardiovascular Heart Outreach) website. The ECHO team is working on a video game to promote heart health to youth, and the website holds activities, music, game information, and more! I was provided with colored-in sketches of what each page should look like from Echo's illustrator. From there, I made minor modifications to support best practices, and created the mobile layouts.

Desktop and Mobile Wireframes

Hi-fi Wireframes of the EdEcho website desktop and mobile versions

Live Mas Scholar Connect - Guide Webpage

While doing this Digital and Graphic Design internship, I created hi-fi models for a welcome page on the Live Mas Scholar Connect App. The design was then handed over to CoLabl's developers and they created the webpage.