PORTFOLIO

UX/UI & Interactive Design

Examples below showcase digital story reports and small-scale websites designed with a user-first approach. Focusing on UX/UI design, intuitive navigation, and visual storytelling, these projects utilize tools like Blocs, Figma, Balsamiq, Canva, and HTML/CSS to create seamless, engaging experiences.

TCAP Program Website

Digital Storytelling Website—Showcasing Impact & Inspiring Support

My Role: UX/UI Designer, Visual Storyteller, Front-End Builder

Tools Used: Blocs, Adobe Illustrator

Goal: Develop a digital storytelling website for the Tar Creek Apprenticeship Program (TCAP) to highlight student-led restoration efforts, cultural engagement, and environmental impact — with the goal of inspiring ongoing sponsorship.

placeholder image-sq
thumbnails 1
marinart 5422d27818872b8

Approach: Before anything was designed, I worked closely with the project manager to shape the story we wanted the site to tell—making sure visuals, content, and photography would all align. I created early wireframes to map out the structure and flow, giving the team a clear picture of how the site would come together. From there, I designed and built the site in Blocs, focusing on accessibility, clarity, and emotional tone. I created custom infographics and icon-style visuals using vector elements to support the key messages, and brought everything together through testimonials, imagery, and thoughtful calls to action.

Outcome: The final site brought the story of TCAP to life—capturing the energy of student-led restoration work and their connection to place, culture, and purpose. Through visuals and testimonials, the site captures how students gained hands-on skills, reconnected with their heritage, and became passionate about ecological restoration. Their excitement and growth make a strong case for continued sponsorship, ensuring TCAP’s lasting impact on future generations.

REGION16 Website

Impact Story Microsites—Showcasing Literacy Success in Tribal Communities

My Role: UX/UI Designer, Visual Storyteller, Front-End Builder

Tools Used: Blocs, Adobe Illustrator, Photoshop

Goal: Develop a series of microsites to highlight the literacy accomplishments of R16CC’s initiatives across Alaska, Oregon, and Washington, with a focus on Tribal communities. The aim was to share the stories behind these efforts through thoughtful design and visual storytelling.

placeholder image-sq

Approach: I worked with the team to plan the structure and visual tone of the sites—thinking through how each story would unfold and how design could support that. Each microsite followed a shared layout structure for consistency, but carried its own theme and visual tone to reflect the identity of each state. I built the sites in Blocs with a focus on clarity, warmth, and cultural respect. Along the way, I created supporting visuals, layouts, and iconography to help tell each story in a way that felt connected but never generic.

Outcome: The microsites helped amplify the work being done across these communities, giving program leaders a place to share results, celebrate stories, and invite future collaboration. The final design offered a quiet confidence—one that made the impact of the work easy to see and feel.

thumbnails 1
marinart 5422d27818872b8
2 REGION16%20web2

AbtCreative Website

AbtCreative Video Production Website—Streamlining Video Requests

Goal: Create an intuitive website to guide clients through the video production process, from scriptwriting to AI voice selection.

Project: Designed and built a user-friendly site for AbtCreative Video Production, simplifying video requests with a clear step-by-step process. To enhance engagement, I incorporated MidJourney-generated robot illustrations in the hero section, adding a fun, futuristic touch while showcasing the studio’s creativity.

placeholder image-sq
2 Abt%20Creative%20web2

LHSS Website

Local Health System Sustainability (LHSS) Website Improvements

Enhanced the LHSS website for the U.S. Agency for International Development by refining UX design, personas, and navigation to improve usability and accessibility. Updates focused on optimizing key pages, refining the mobile experience, and streamlining navigation to better support users in accessing health system sustainability resources.

4 LHSS%20website2
2 REGION16%20web2

LHSS Online Report

2 Abt%20Creative%20web2

ACF Online Training

Title IV-E Prevention Services Clearinghouse Online Training

2 REGION16%20web2