Class App

User Interface and User Experience Case Study • Mobile Application Redesign • Spring 2020


I’m doing this project to show UX redesigning process. This app gives student and instructor access to their online classroom, student portal, grades, shuttle service and general Academy announcements.In this app student and instructor can view their personal account and portfolio, update their portfolio, getting school shuttle information such as date and time also they can get route of shuttle.

Tools Used

Adobe XD, Adobe Illustrator, Adobe Photoshop,

User Demographic

Ethnic Diversity

Placed at #20, Academy of Art University has received an excellent ranking for ethnic diversity nationally.

Academy of Art University Ethnic Diversity Rank (20 out of 2,718).

Age Diversity

At Academy of Art University, 21.7% of students are in the age 18 to 21 bracket, compared to the national average of 60%. We rank Academy of Art University #887 in the nation for student age diversity.

Gender Diversity

At Academy of Art University, the disparity between men and women on campus is lower than the national average. This university is ranked at #814 in male to female diversity nationwide. The undergraduate population is comprised of 3,294 males and 4,358 females.

Competitive Analysis







Interview Result

  • Access to shuttle is confusing for students to use. 

  • Add a shortcut for shuttle on the main page.

  • Unnecessary options like registration is on the app. 

  • The app is difficult to understand in uploading assignment part, which is stressful for students, 

  • and it is better to show all notifications and changes.

  • The face of the app is boring to some users view, specially the colors.

  • Users like separation and distinction between jobs. 

  • AAU App is a mobile web field of the app rather than a native IOS app. 

  • Rethink the app from a student point of view. 

  • Shuttle is one of the more important jobs on the app, also homework.

  • Color pallet of the app must resonate the AAU, color wise, and be simple and user friendly. 



Design Iterations

High Fidelity Wireframes

High Fidelity Wireframes

Mid-Fidelity Wireframes

Mid-Fidelity Wireframes

Side By Side Comparison


Final Design

Check final presentation links

Next Project


Geev Online Store

Coding and Web Development  


  • Linkedin
  • YouTube
  • Facebook
  • Instagram

© 2020 by Safa Badamchi.