Application Redesign

Discovery, Research,Design Directions, Concept Design

While at Razorfish, a claims management company wanted a redesign of their two apps; one internally facing, and one customer facing.

 

In order to get brought fully up to speed on the project, I had someone who had conducted the actual user surveys and stakeholder interviews fill me in on the points of contact and the storyboards/user journeys. This helped me get a better understanding of how their users approach and utilize this app platform.

 

We had a week to get mood boards together to present to the client to establish a concept direction.

 

I printed out screenshots of apps that we felt best displayed and utilized: Material Design, Flat Design, and an Infographics approach to display information in a different way. You can see images of our mood boards to the right.

 

 

(Our Creative Director, one other experience designer, and myself began investigating concepts or "directions" for us to go in. )

 

Our brand attributes were: warmth, empathy, and a humanistic sense. These needed to be felt by the users because they are ultimately hurt, out of work, and have their livelihood at stake or families to support.

 

I then began organizing and constructing  Mood Boards to help understand the branding guidelines, communication styles, and personality that would be communicated with or through the User Interface.

 

 

 

 

 

 

 

 

Mood Board 1: Infographics

Mood Board 2: Flat Design

Mood Board 3: Material Design

Onto Sketching

The client engaged well with the mood boards and gave us the feedback we needed to move forward with our own designs.

 

We then had a couple Graphic and UI Designers come in and fully build out a prototype. Our Creative Director, who was my mentor in the process, filled them in on what to look for on the mood boards. Theses were examples of applications that displayed a mixture of material and flat design, but also looking for different ways to engage the user to complete tasks within the application.

 

The image to the left shows some of my sketches during our sketching session.

Wireframing

Our team split up the work. I was assigned to wireframe the "on-board" experience for an injured worker. My Design Directions were: "Stacked & Flat Design" with a visual cue playing with the "stacked" modules. For example, as seen below, after completing a task like entering in your claim #, the frame will rise upward and indicate a completed step with a colored entry box.

As mentioned above in the Sketching section, I had conceptualized a dashboard that had prompts displayed in a warm and empathetic fashion. Less of a, "do this, do that," and more of a, "hey, while you are here, why don't you complete.." The example frame above asking the user to fill out when they visited their doctors.