Jacqueline Crosley

Designer & illustrator

140

--

Therapuppy

I based my project on a fictional dog therapy organization I came up with- Therapuppy. I've noticed more and more universities offering puppy therapy sessions to their students during midterm and finals seasons, and I thought it'd be fun to create a site based on an organization that might offer that service.

   

PROJECT OUTLINE

1. Goals

Stakeholders:

  • Make therapuppy more easily accessible
  • Generate interest and awareness

Metrics

  • Increase in booked sessions
  • Increase in donations
  • Increased volunteer interest

Selfish

  • Branding and interactive design piece for portfolio



2. Content

  • Benefits
  • About us
  • Get involved
    • Volunteer
    • Sponsor
  • Book a session
    • Student
    • Individual
    • Health facility
    • Corporate
  • Donate

 

3. Priorities

  1. Donate to therapuppy.
  2. Book a therapuppy session.
  3. Get involved by volunteering with or sponsoring therapuppy.
  4. Learn about benefits.
  5. Learn about the organization.
  6. Contact us.

 

4. Users

  • University students
    • Want to attend an on-campus session prior to midterms/finals
  • Individuals
    • Want to book a session/donate
  • Corporate
    • Want to book a corporate session/donate/sponsor

  • Health & education professionals
    • Want to organize session at their facility/donate

  • Volunteer
    • Want to volunteer with service dog/help raise service dog

 

5. Navigation

  • Home
    • Intro/benefits/testimonials

  • About us
    • Mission
    • Partners/sponsors

  • Get involved
    • Volunteer
    • Become a sponsor
  • Book a session
    • Individual
    • Student
    • Health/education facility
    • Corporate
  • Donate

   

SITEMAP 

e3c1b867

  

BRAND GUIDELINES

1. Best features:

  1. Comforting
  2. Caring
  3. Charismatic
  4. Cute

 

2. Personality scale:

4721c9b4

   

3. Celebrity: 

e97ed5bc

         LESLIE KNOPE -  Upbeat, light, thoughtful, loving.

 

4. Visual language:

d137e0c8

         Calm, soothing colors. Clean and casual layout.

         Sans-serif type for main copy. Accent type could be serif/script/slab-serif.

 

5. Interaction methods:

         Responsive layout - emphasizing accessibility

         Friendly language - to be inviting and put visitors at ease

         Validating forms - encouraging language upon form submission

   

USER STORIES

2d4dbae8

  

  

WIREFRAMES

I really enjoyed learning how to use Balsamiq and Invision!

I started with mobile, and then moved on to desktop. These are still pretty rough and I'm still going to do some tweaks to the layouts I'm sure, so I didn't bother wireframing for tablet.

Mobile:

4948de4e

InVision link

 

Desktop:

2c8eddc8

InVision link

 

Thank you for this class, Erica! Looking forward to getting started on part II.

Comments

Please sign in or sign up to comment.