Webmail Redesign

 
 
 

I was tasked to redesign an application of my choosing. I chose to reimagine the communication networks used at the university I attend, Emily Carr University of Art and Design (ECUAD). The system has many interconnected applications to organize and connect major stakeholders including administration, instructors and students. I focused primarily on our webmail service because of its short comings and the opportunities that lie in the gaps of its practical use.

 

Ecuad's Webmail (before)

 
Screen Shot 2017-01-21 at 6.06.14 PM.png

Redesign

 

The final redesign was based off of a persona created during the research phase, a student named Toby. The largest population that uses webmail is the student body, I aimed to create an aggregate of organization tools to aid in the organization of a student's often hectic life. 

 

This redesign provides students with course and professor information, allows users to directly message all class participants (students, instructors and technicians), send (or access) uploaded assignments and check deadlines. In summation the redesign consolidates the most useful features throughout ECUAD's communication networks. 

 

Process Highlights

 

Precedents, Personas and Empathy Maps

I studied precedents such as my other university's (University of Saskatchewan) mail and course organizer "Paws," e-mail aggregate Inky, e-mail providers Gmail, Yahoo, Outlook and  lastly Slack. For each examined regular tasks by asking How do you do? How do you feel? How do you know? This was done to understand how each precedent worked in order to optimize the best features to create a better user experience for stakeholders at ECUAD.

 

Screen Shot 2017-01-21 at 7.39.42 PM.png

Kano analysis, User Flow and Information Architecture

I created information architecture for Emily Carr's webmail, analyzed a typical work flow and  performed a kano analysis to get a better sense of the features and redundancies.

 

 
2016-02-06 19.32.54.jpg
2016-02-07 12.28.13.jpg

Wireframes

 

I created wireframes throughout the project and iterated on layout and work flow. I continued to build and edit features and icons heading into the final design concept.

 
Stacie Schatz