Responsive Web Design 

THE CHALLENGE

CREATE A PERSONA DESIGN LAYOUT THAT COULD BE USED AS A TEMPLATE FOR INTERNAL EMPLOYEES TO EASILY DISTRIBUTE THROUGHOUT THE COMPANY

My goal was to take a script of text I received from a UX Researcher that pertained to a Persona of a Product Manager named Navdeep and create a design layout that could used by internal employees to easily distribute throughout the company. I achieved this goal by:

  1. Creating the template as a responsive web design that could be viewed on a mobile phone, a tablet, or within a desktop environment.

  2. Designing the layout information within a card component in a matrix type format.

MY ROLE

I created the concept of displaying the Navdeep Persona layout information within a card component in a matrix type format as well as all of the visual design.

 
 

Navdeep Persona in the Mobile Format

Navdeep Project Manager Persona Mobile.png
 
 

Navdeep Persona In The Tablet Environment

Navdeep Responsive Web Design Persona Tablet.png
 
 

Navdeep Persona In The Desktop Format

Navdeep Responsive Web Design Persona Desktop.png

THE IMPACT

The Responsive Web Design was considered very successful in that I had achieved my goals. I had created a responsive design that contained all of the information pertaining to the Persona of Navdeep built for: 

  1. A layout template in which internal employees could easily distribute throughout the company on a mobile phone, a tablet or within a desktop environment.

  2. Communicating information within a card component in a matrix type format.