Project - Enrollment Plus

Overview

Enrollment Plus is a mobile and web app for students to better plan their school class schedule, avoiding class conflicts and missing necessary class open registration times. Users will get notifications when their favorite class is open for registration. After our team conducted online surveys and in depth onsite interviews with De Anza College students, we created this app to best fit their needs.

Our Team

My Role

Karen Jin

Role: UX Designer

 Job Description: Conduct both online and onsite user interviews. Define users’ goals and challenges. Create user personas, user experience map, work-flow, mock-ups for iPhone app and web app. Internal testing and selecting users for usability tests. Make posters, banners, flyers, and advertisements, promoting it on social media and on school campus.

Other Main Team Members

Alvin Lin

Role: Front-end Developer + Project Management

 Job Description: Conduct both online and onsite user interviews. Define users’ goals and challenges. Create user personas, user experience map, work-flow, mock-ups for iPhone and web app. Internal testing and selecting users for usability tests. Make posters, banners, flyers, and advertisements, promoting it on social media and on school campus.-

hao

Hao Huang

Role: Full-stack Developer

 Job Description: Help team with front-end and back-end work for our Enrollment Plus mobile app and web app. Develop a content management system for our app with Ruby on Rails and MySQL.

Andrea Lanfranconi

Role: Marketing Coordinator 

 Job Description: Research and analyze data to identify and define our target audiences. devising and presenting ideas and strategies. Help the team developing marketing campaigns and promotions.

Challenge

  1. Time Limits
    We were all students at De Anza College at that time.  We need to balance our project and study.

  2. Financial Support
    No salary. It’s our passion side project.

  3. Small Team

    That means most of times we need to do multiple jobs for our projects.

  4. iOS Mobile App + Web App
    It requires more coding knowledge and skills.

  5. User Interviews 
    Our purpose is create a better and more efficient school class planning and registering app for De Anza College Students. But figuring out their needs and pain points are not easy. Sometimes they are not clear about what is their real needs and pain points. We need to guid them a little bit, and it’s all about ask the right questions.
 

Tools

  1. Design Tool: 
    Sketch, Adobe Illustration, Adobe Photoshop

  2. UX Tool:
    UXPressia, miro

  3. Prototype Tool:
    Invision, Protopie.

  4. Coding Tool:
    Xcode

  5. Sharing Tool:

    Zepline

  6. Project Management Tool:
    Trello

  7. Version Control Tool: 
    Git

  8. Team Communication Tool:
    Slack
 

Process

DISCOVERY

User Interviews,
User Surveys,
Stakeholders Meeting,
Competitive Audit,
Task Analysis

EMPATHIZE

Create Personas, Brainstorming, User Stories, Storyboards, User Journey Map, User Flow, Sitemap

DESIGN

Sketches, Wireframes, Prototypes, Design System, Style Guide, User Interface Design, Interaction Design

TEST

Users Usability Testing, & Deep Interview, Get feedback & Improve

DEVELOP

Implement Functionality

1. DISCOVERY

  1. User Interviews 
    We did onsite deep interviews at De Anza College with 10 participants.

  2. Online Survey
    Use google form to do online survey with 20 participants, to understand our users expectations and their pain points for using the currently class register products.

  3. Stakeholders meeting
    Group meeting to clarify our projects goals and plans.

  4. Competitive Audit
    We did some research about our old school class register site, and analyze it together.

  5. Task Analysis During team meeting we share all our worthy ideas, discuss our diverge / converge and plan our next step and decide prioritize

2.EMPATHIZE

According to the interviews and online survey results we have a team meeting to define the challenges and pain points. We created: Personas, User Stories, Storyboards, User Journey Map, User Flow and Sitemap together.

 

 

 

Persona
User Journey Map

3.Design

I created Wireframes, prototypes, Design System, Style Guide, User Interface Design, Interaction Design for the our Enrollment Plus App 

4. Test

We did some usability tests and accessibility tests within our group users after design part complete and also after coding part deploy. After we got feedback from our users we start a new round of iteration.

5. Develop

I was doing some style swift coding and use git to corporate with our team. 

UI & Social Media Marketing

Below is our final product – web & iOS mobile app, and Social Media Marketing on our Facebook Page.