UX/UI Design & Marketing Process

Senior Capstone Group Project Documentation

View My Contributions

About the Project

This documentation presents my contributions to our senior capstone group project, where I focused on UX/UI design and marketing strategies. Through this work, I demonstrate my approach to user-centered design, visual communication, and brand development.

Working alongside my UX/UI partner Warren Goodell, I helped create an intuitive and engaging user experience while developing cohesive marketing materials that effectively communicated our project's value proposition.

images/updatedlogo.png

Team Composition

Our project was a collaborative effort between multiple team members with specialized roles:

  • UX/UI Design: Nita Byati, Warren Goodell
  • Marketing: Nita Byati
  • Development: Woong Huh

Trying to Work with CU Boulder

Initial Ideas

At first we wanted to work with CU Boulder to have a website that is directly linked to some part of CU's website. We created design systems and wireframes based on CU's. However, with much effort to get in contact with them and work with them, we were unsuccessful. We then decided to scrap our original idea and go rogue--making a design system and website we actually like.

01

Initial Solution

To start our work with CU, we reached out to CU's Distribution Center. We worked with them since it was hard to get into contact with anyone at CU. However, even though this CU branch was mentoring and guiding us, they also had pushback and lack of communication from CU.

02

Wireframes

We followed CU design's system closely and created wireframes.

03

Rebrand

After several weeks of no actual motion of our website being integrated on CU's main website, we decided to go rogue and do our branding.

My Contributions

UX/UI Design Process

Working alongside Warren Goodell, I helped create an intuitive, accessible, and visually engaging user experience for our project.

01

User Research

We conducted user interviews and surveys to understand our target audience, creating detailed personas that guided our design decisions. This research revealed key pain points and opportunities that shaped our approach.

02

Information Architecture & Wireframes

I developed the site structure and user flows, creating low-fidelity wireframes that established the foundation for our interface design. This involved multiple iterations based on team feedback and user testing.

03

UI Design System

I created a comprehensive design system including typography and color palette.This system ensured visual consistency while accommodating accessibility requirements.

04

Prototyping & User Testing

I developed interactive prototypes in Figma and conducted usability testing sessions, analyzing feedback to refine the design. This iterative process helped identify and resolve usability issues before development.

Marketing Strategy & Materials

I developed and implemented marketing strategies to effectively promote our project, creating cohesive brand materials and communication channels.

01

Brand Identity Development

I created a distinctive brand identity including logo, color scheme, typography, and "vibe". I was able to start this with marketing research. I did research on which students do the most physical projects and what major and building they are in.

02

Posters

I designed promotional materials including posters. These posters effectively communicated our project's value proposition and core features. I placed them on campus, in the places where students do the most projects.

03

Social Media

I posted on my social media (as I have many enviromental enthusiasts and engineering people following me) about our website.

Process Video

The last thing I did was animate an explainer video about our website. This was done on primarily After Effects.

Documentation Presentations

Presentation 1

View presentation

Presentation 1

View presentation