All work

Full-Stack UX Engineering

GuardConnect

UX Engineer · Software Engineering for Consultants, Northeastern University Practicum

GuardConnect is a full-stack web application that centralizes communication and mentorship for the Massachusetts National Guard, improving how members receive information, connect, and navigate their careers.

GuardConnect interface preview

My contribution

  • Led UX design from research through high-fidelity interfaces.
  • Built frontend features using Next.js, implementing core user flows and UI components.
  • Collaborated on system design, including role-based permissions and data structure.
  • Translated complex workflows into clear, usable interfaces.

The outcome

Delivered a working web application that improved communication visibility, enabled structured mentorship, and provided a scalable foundation for future development.

Behind the work Research, process & screens

The challenge

  • Communication was fragmented across multiple channels with no central source of truth.
  • Mentorship opportunities were informal and difficult to access.
  • Organizational hierarchy was not reflected in existing tools, creating confusion around permissions and information flow.

The approach

  • Designed around real-world hierarchy to reflect how information flows in the Guard.
  • Prioritized clarity in high-impact workflows like announcements and mentorship.
  • Balanced flexibility with structure to support different user roles.
  • Iterated quickly between design and implementation.