User Experience Design (UXD) Case Studies

Userflow → Wireframes → Visual Design

Case Study of Learning Management System (LMS).

Designed for medical doctor to provide online learning opportunities to his patients. Here is a list of the phases of the project that I unpack throughout the case study:

  • Userflow
  • Wireframes
  • Visual Design

Userflow

Through a conversation with the CEO, I was able to extract the project vision, high-level scope, userflow, and technical requirements for the holistic experience and each individual screen.

outline and userflow

Now I was ready to start the lo-fidelity wireframes.

Wireframes

Building upon the userflow of screens included in my sketch above, I sketched the initial wireframes of the first five pages of the learning experience.

wireframes

I went through a few iterations as I received feedback from the CEO, and prepared to visually design a high fidelity comp of the home page.

sales page wireframe and requirements

Upon receiving approval from the CEO on the layout of the page sketched in the wireframe above, I was now ready to visually design the high fidelity designs of the entire learning experience.

Visual Design

I went through a few design iterations of this home page, and when the CEO was ready I handed it off to the engineer for the build.

full home page

I included a brief walkthrough of this case study in the Instagram story embedded below.

 

View this post on Instagram

 

Four Hour Prototype: a #design #story. #customer #userflow #wireframes #prototype #startup #purpose #design #learning #entepreneur

A post shared by Daniel D’Alonzo (@danieldalonzo) on