🧠 NAMI - Project Manager

NAMI’s USC branch is dedicated to breaking down barriers and debunking stigmas around mental illness, all while working with USC’s Counseling and Mental Health Services to provide students with access to resources they need.

My Role

Project Manager
Illustrator

Timeline

12 weeks

Team Members

1 Project Manager
2 Designers
2 Developer

Tools

Google Productivity Tools
Abobe Illustrator
Figma
Procreate
WebFlow (JS)

Overview

Phase 1

Client Onboarding

Our project team of 4 met virtually with our client, NAMI. The goal of this onboarding process was to identify what the client wanted in their landing page. It was imperative that we maintained what was achievable given the timeframe as well as delivering a project the client is excited about.

Phase 2

Establishing Project Timeline

After facilitating our initial meeting with the client, NAMI, I established a week-by-week timeline for our project. It was important to remain adaptive and flexible to our internal teams and client throughout the project.

Phase 3

UI/UX Wiregraming

Using Figma, our team worked together to create Lo-Fi, Mi-Fi, and Hi-Fi mockups of what we wanted to build out for the website. At the end of each stage, we sent the mockups to NAMI to receive feedback in order to guide us as we made edits and revisions.

Phase 4

Web Development Building

Finally, we built out the Figma mockup on WebFlow. We added custom code to personalize the landing page and prevent it from looking like a templated site. The complete website can be found at www.usc-nami.webflow.io/.

Phase 1 - Client Onboarding

Phase 2 - Establishing Project Timeline

Phase 3 - UI/UX Wireframe

Phase 4 - Web Development Building

View full website with this link: www.usc-nami.webflow.io/