Network for Applied Technology (NAT) Account Pages

It’s been great to volunteer with NAT, not only to gain UX and product management-adjacent experience, but to be part of a not-for-profit who is working towards helping early innovators use emerging tech to solve complex problems. The volunteers I work with are largely undergrad students or recent new grads, and it’s great to see what they’re learning to do already!

My UX Design role is on NAT’s Tech team, where I share design work with one other UX Designer who has joined since, and we are otherwise working with software developers. We catch up on our work in weekly stand ups and communicate through Slack, where we ask each other questions to make sure we’re on the same page, and then we continue our work and get feedback from there. Currently, the other designer and I are working on a desktop and mobile redesign of NAT’s member portal, which is where event or program attendees, partners, and other stakeholders register and can take part in other aspects of NAT’s offerings.

natPortal home page

Current natPortal.

As you can see, the current natPortal doesn’t have the best layout, with pages that have blank sections or an imbalance of text. It also doesn’t have all features that the future natPortal will be capable of.

natPortal page with an empty section
natPortal page with imbalanced text
Homepage paper wireframe

Sketches.

After checking out the current natPortal when I first started in March, I brainstormed potential layout ideas with sketching. As I got feedback on sketches from my Tech team lead, I made adjustments, and was then given a go-ahead to start bringing these to life with Figma prototypes.

Paper wireframes of multiple webpages
Paper wireframes of multiple webpages
Two medium fidelity desktop prototypes

Figma screenshots.

After I started making medium fidelity prototypes, a second UX Designer joined our team, and conversations amongst folks from other teams led to some pages’ development being paused. We also had to navigate a rebrand, where I changed our sticker sheet, header fonts and the primary pink colour across all pages.

Otherwise, my UX Design partner and I have gotten great feedback on our work from our team lead and the Marketing lead throughout our time making these pages, and our Tech team members have started coding our pages to bring them to life.

Medium fidelity mobile prototype
Medium fidelity mobile prototype
Medium fidelity mobile and desktop prototypes
Medium fidelity desktop prototype
Medium fidelity mobile prototype
Medium fidelity desktop prototype
Previous
Previous

Bare Bones Solutions Website Updates