GOAL:
       
     
I.  Sticky Note Ninja-ing [aka Affinity Diagram]
       
     
II. Secondary Persona
       
     
III. Site Map
       
     
IV. User Flows | Ways To Sign Up For Online Class
       
     
V A. Omnigraffle Wireframe + Annotations | Website Skeleton
       
     
V B. OG Wireframe + Ann. | Homepage
       
     
V C. OG Wireframe + Ann. | Classes- Online
       
     
V D. OG Wireframe + Ann. | Classes- Online [Cont.]
       
     
V E. OG Wireframe + Ann. | Shop [Main Page]
       
     
V F. OG Wireframe + Ann. | Shop 2- Books
       
     
V G. OG Wireframe + Ann. | Shop 3- Product Page Example
       
     
GOAL:
       
     
GOAL:

The goal was simple: organize Mark's information in a valuable way for students to grow in their own practice. The iterative UX process brought forth a website designed solely for students.


The following 11 slides showcase the user research and three breakdowns of the site: homepage, online course, & shop.

I.  Sticky Note Ninja-ing [aka Affinity Diagram]
       
     
I. Sticky Note Ninja-ing [aka Affinity Diagram]

I began the UX process individually interviewing the stakeholders [aka: Mark Whitwell and his assistants]. As a group, we came together for an affinity diagraming exercise. Several goals emerged and I used them as a foundation for user interviews.

II. Secondary Persona
       
     
II. Secondary Persona

User research began with a survey for Mark's large student base, followed by in depth interviews with seven users. Using the information gleaned from the stakeholder interviews, I conducted a card sorting exercise with the users. The data collected was used as the foundation on which all personas were created.

The secondary persona is Ren Tanaka, a student of Mark's living in Japan. The website is a great way for him to stay connected to Mark and his teachings.

III. Site Map
       
     
III. Site Map

The site map was designed for easy navigation of the array of information, as well as showcase the vital information the users need.

IV. User Flows | Ways To Sign Up For Online Class
       
     
IV. User Flows | Ways To Sign Up For Online Class

Mark's newest venture is his online class. The three flows indicate the three options users have to sign up for the class on his website.

V A. Omnigraffle Wireframe + Annotations | Website Skeleton
       
     
V A. Omnigraffle Wireframe + Annotations | Website Skeleton
V B. OG Wireframe + Ann. | Homepage
       
     
V B. OG Wireframe + Ann. | Homepage
V C. OG Wireframe + Ann. | Classes- Online
       
     
V C. OG Wireframe + Ann. | Classes- Online
V D. OG Wireframe + Ann. | Classes- Online [Cont.]
       
     
V D. OG Wireframe + Ann. | Classes- Online [Cont.]
V E. OG Wireframe + Ann. | Shop [Main Page]
       
     
V E. OG Wireframe + Ann. | Shop [Main Page]
V F. OG Wireframe + Ann. | Shop 2- Books
       
     
V F. OG Wireframe + Ann. | Shop 2- Books
V G. OG Wireframe + Ann. | Shop 3- Product Page Example
       
     
V G. OG Wireframe + Ann. | Shop 3- Product Page Example