← Back to work
xFoundry website on a laptop

I 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

400+students signed up for the programs
18pages shipped
2 → 1websites merged into one
The pages I designed and shipped for xfoundry.org, side by side: Programs, Horizons Challenge, Xperience, Xcelerate, Mental Health Xperience, the 2025 Impact Report, University of Maryland, Resource MatriX, Partners, Careers and more

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)

Old student-facing site navbar and menus, each item tagged as repeated or unique Unique Unique Repeated Repeated Repeated Repeated Repeated Unique Unique Unique Unique

Navbar for website 2 (alliance-facing)

Old partner-facing site navbar and menus, each item tagged as repeated or unique Repeated Repeated Repeated Repeated Repeated Unique Unique Unique

New sitemap

I combined pages that existed on both sites, sorted them by familiar website conventions, and renamed unclear pages so they’re easy to understand and find.

New xFoundry sitemap: homepage, navbar, and the Programs, About, Community and Partners sections with their pages

New navbar

One navbar for both audiences. This way, students see how xFoundry works with industry experts and university leaders, and alliance members see what student engagement and outcomes look like. The blue boxes in the dropdown menus highlight what’s happening now.

Live xFoundry navigation, Programs menu openLive xFoundry navigation, About menu openLive xFoundry navigation, Community menu openLive xFoundry navigation, Partners menu open

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

What is it?
When is it?
What’s the topic?
How does it work?
Can I join?
How do I sign up?
How is it judged?
What’s coming next?
Who won before?
What else should I know?
Who can I ask?
Understand Decide Explore Get help

Wireframe

First layout, in the same order

Greyscale wireframe of the Horizons Challenge page, with sections in the same order as the students’ questions

How it shipped

Live Horizons Challenge page

Full live Horizons Challenge page, grouped into Understand, Decide, Explore and Get help
Understand
Decide
Explore
Get help

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.

Active competition card: Mental Health Xperience, registration closed, investment prize, finals date

Upcoming

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

Fall 2026 cohort card with registration dates and a Registration open button

Registration opens later

Spring 2027 cohort card shown faded, with future registration and submission dates

Past

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

Past competition card: School Safety Xperience, awarded, $250K grand prizePast competition card: Horizons Challenge I, awarded

TRY ITClick the tabs. Recreated from the live Competitions section.

Competitions

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

SocietyHealthInfrastructure

Predictive User Interfaces

Smart interfaces that know what you need before you do.

HealthSocietyInfrastructure

Human Performance Monitoring

Health and safety monitoring tools that tell us when we are at risk.

ClimateInfrastructureSocietyHealth

Autonomous Asset Inspection

AI as a tool to warn before failure in infrastructure, systems, and parts.

ClimateEducationFood and waterHealthInfrastructure

Adaptive Learning

Learn, adapt, and configure in high stress environments.

Prize$2,040
Finals at NEXPLORE SummitApril 2027

Fall 2026 cohort

A new season of competition is just around the corner. Stay ready to showcase your talent and connect with peers.


RegistrationSep 01 – Nov 27, 2026
Submission deadlineDec 19, 2026
Registration open →

Spring 2027 cohort

Look ahead to 2027; define your problem and gather your team early to make your mark in our Spring competition.


RegistrationDec 01, 2026 – Mar 01, 2027
Submission deadlineMar 21, 2027

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 chosen
“

Adds more text to the page and is easy to skim past.

One long video

Not chosen
3:45

Asks for minutes before the viewer gets a single answer.

Short vertical clips

Chosen

Around 20 seconds each. Scannable, and in the vertical format students already watch.

Shipped: screenshot from the Xperience page

Hear from our students: four short vertical video clips of Xperience students on the live 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.

xFoundry component library in Figma: foundations, atoms, navigation, and components for the Horizons Challenge, Mental Health Xperience and 2025 Report pages, each documented with tags and specs for handoff

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.

Story map of the 2025 Impact Report: thirteen sections in reading order across three acts (baseline, proof, invitation), connected by the reader’s next question, with dashed links showing material reused across chapters and notes on where visual weight changes

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.

My roleAI role

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.