Network for Applied Technology (NAT) Account Pages

My Role

UX Designer. I owned the wireframing, sketching, and Figma prototyping for the NAT member portal redesign, working alongside a Tech team lead, a second UX designer, and a development team.

The Project

NAT (Network for Applied Technology) is a not-for-profit helping early innovators apply emerging tech to complex problems. I joined their Tech team as a volunteer UX Designer in March 2025 to help redesign their member portal — the hub where event attendees, program participants, partners, and other stakeholders register and engage with NAT's offerings.

What I Navigated

This project had real-world complexity: a mid-project rebrand, a second designer joining partway through, and some pages being paused due to shifting priorities across teams. Staying adaptable without losing momentum on the deliverables that were locked is something I'd point to as a core part of how I approach collaborative design work.

Skills Demonstrated

Figma · Wireframing · Medium-fidelity prototyping · Design systems · Responsive design (desktop + mobile) · Cross-functional collaboration · Developer handoff · Adapting to scope changes

Current natPortal.

natPortal homepage

The existing portal had blank sections, imbalanced text layouts, and lacked the features NAT's growing community would need. These screenshots show the starting point the redesign was working against.

natPortal page with a blank section
natPortal page with imbalanced text

Audit & Sketching.

After reviewing the current portal, I developed initial layout concepts through paper sketches and iterated based on feedback from the Tech team lead before moving to Figma..

Homepage paper wireframe
Paper wireframe of multiple pages
Paper wireframe of multiple pages

Medium-Fidelity Figma Prototypes.

I built out desktop and mobile layouts in Figma, covering the key account pages. Mid-project, a full rebrand required me to update the sticker sheet, header fonts, and primary colour across all pages, a scope change I worked through without disrupting the team's timeline.

Two medium fidelity desktop prototypes
Medium fidelity mobile prototype
Medium fidelity mobile prototype
Medium fidelity desktop prototype
A desktop and mobile medium fidelity prototypes
Medium fidelity mobile prototype
Medium fidelity desktop prototype

Handoff to Development.

The redesign has entered its build phase. Developers are now using the Figma mockups to bring the new portal to life.

Next
Next

Museum App