xFoundry
xfoundry.orgI was the lead web designer at xFoundry, a nonprofit alliance founded at the University of Maryland that works with universities across the country, turning each one into a “solution engine” where students build ventures around real-world problems and connect with industry leaders and investors.
My main focus was making a growing website easy to navigate. I shaped the site’s structure and content by working closely with students, xFoundry’s CEO, faculty leaders, industry experts and investors, and worked across information architecture, user research, UI design and content modeling.
Lead Web Designer
Merging two websites into one
Problem /
xFoundry ran two websites: one where students learned about the programs, and one where alliance members found out how to partner with xFoundry. When I audited both, I found most of their content overlapped.
Approach /
I merged them into one site, so each audience could see how the other participates and how they work together, then rebuilt the structure so each group could easily find the information it was looking for.
Before: two sites
I audited both navbars and tagged every item by whether it lived on both sites or only on one. Most pages existed twice, and the rest fit naturally into a single site.
Navbar for website 1 (student-facing)
Unique
Unique
Repeated
Repeated
Repeated
Repeated
Repeated
Unique
Unique
Unique
Unique
Navbar for website 2 (alliance-facing)
Repeated
Repeated
Repeated
Repeated
Repeated
Unique
Unique
Unique
Ordering page information according to students’ questions
Research /
I asked several students what they’d want to know before joining a competition, and wrote down their questions in order.
Approach /
I compared their answers and, from the pattern and order of their questions, built the information hierarchy for every competition page: understand, decide, explore, get help.
Since these pages shipped, sign-ups have grown from 108 for last year’s competition to 400+ across the programs, as of May 2026.
What students asked, in order
Hierarchy from user interviews
Can I join?
Wireframe
First layout, in the same order

How it shipped
Live Horizons Challenge page
A card for every competition stage
Problem /
xFoundry runs multiple competitions, each at a different stage. To build credibility with students deciding whether to join, the page needed to show past competitions and their winners, along with what was coming next.
Approach /
I created three tabs for active, upcoming and past competitions. Each card shows the status of the competition, the key information students need to know, and a clear call to action.
Active
For competitions that are currently underway. Registration is closed and teams are competing.

Upcoming
For competitions with registration open now, or opening in the future.

Registration opens later

Past
For competitions that have ended and been awarded. Keeping them on the page shows how competitions have changed over time.


TRY ITClick the tabs. Recreated from the live Competitions section.
Competitions
Mental Health Xperience
Build a scalable solution to improve student mental health and engagement, centered around one of seven high-impact entry approaches. Secure up to $250K in an investment to launch your company.
Horizons Challenge II
Set the stage for future innovation and compete for the $2,040 grand prize. Form your team, choose your focus area(s), and tell us why your topic deserves to be solved. Finalists pitch live in person for hundreds of industry experts at the NEXPLORE Summit.
Focus areas
Predictive User Interfaces
Smart interfaces that know what you need before you do.
Human Performance Monitoring
Health and safety monitoring tools that tell us when we are at risk.
Autonomous Asset Inspection
AI as a tool to warn before failure in infrastructure, systems, and parts.
Adaptive Learning
Learn, adapt, and configure in high stress environments.
Fall 2026 cohort
A new season of competition is just around the corner. Stay ready to showcase your talent and connect with peers.
Spring 2027 cohort
Look ahead to 2027; define your problem and gather your team early to make your mark in our Spring competition.
School Safety Xperience
The competition focused on developing an affordable and automated solution for rapid detection and notification of school shooting events for K-12 schools and colleges.
Horizons Challenge I
This Horizons Challenge, in collaboration with NASA, focused on identifying problems that need solving now for a future in space. Topic areas were Safe & Sustainable Food, Off-Grid AI, Peak Human Performance, and High-Tech Health.
Short student videos instead of testimonials
Problem /
I wanted students to hear about other students’ experiences with our programs. Written quotes felt rigid and staged, and one long video asked too much of someone scanning the page.
Approach /
I picked short vertical clips of different students talking about the program’s impact on their educational and professional growth. It was important to show their faces and let them speak in their own words.
Written testimonials
Not chosenAdds more text to the page and is easy to skim past.
One long video
Not chosenAsks for minutes before the viewer gets a single answer.
Short vertical clips
ChosenAround 20 seconds each. Scannable, and in the vertical format students already watch.
Shipped: screenshot from the Xperience page
Growing the component library with the site
Problem /
The site already had a brand guideline and a small component library in Webflow, built mainly around a bright blue. As new programs and pages launched, they needed pieces the library didn’t have.
Approach /
I kept the existing components and added new ones as the site grew. I introduced a deep navy as a second key colour, and gradient backgrounds for program page heroes and competition cards. Everything was built in Webflow’s asset library.
Telling a year of xFoundry in one report
Overview /
The 2025 Impact Report is xFoundry’s annual report to its partner network, covering a year of growth, student achievements, events, updates from active teams, and what’s coming next. The goal was a page that showcases the year’s work and stays easy to read all the way to the end.
Approach /
I built the report the way a skeptical reader thinks: each chapter answers the next question they’d want answered. I used different background colours to separate the sections, and mixed numbers, press, photos and video so the page stays easy to scan rather than text-heavy. Each format adds its own kind of proof that the work is real.
The Impact Report became the most visited page on the website, and the xFoundry team shared it with its partners and alliance members as the official record of the year’s work.
AI for speed, people for decisions
Problem /
Working at a small, fast-growing startup meant short shipping times. Every project still needed research, several rounds of design iteration, and, once the design was final, proofreading, fact-checking and QA.
Approach /
I used AI at different stages of my workflow to work faster and raise the quality of my work. I was in charge of setting up and training the tools, and my team and I made the final decisions at each step.
Research
Ran the interviews, analysed the findings and set the strategy.
Organised notes and brainstormed directions.
Design and QA
Tested and compared layouts, built the final design in Webflow, and reviewed every page with my team.
Drafted layout options and added a second QA check on live pages.
Components
Kept every new component in the same visual language as the brand.
Offered component and layout options to start from.
Images & motion
Directed each edit and animation until it matched what I needed.
Quick image fixes and short animations.
Copy
All final content on the website was proofread by me and several team members.
Drafted copy and suggested edits in xFoundry’s tone.




