Website User Experience

Help Friends for Youth overhaul their website with a user friendly UX design to make it easy for people to understand what the organization does and how they can support their work.
Friends for Youth
Redwood City, CA, USA
Unfollow
Log in to follow
Friends for Youth
Redwood City, CA, USA

0

Live Projects

8

Matched Projects
0 Followers

Posted May 20th

Share this project:

Project details

What we need
  • Overhaul of the organization and structure of the Organization's existing website, or UX design for a new website
  • Clear map of website’s structure (sitemap) with wireframes to accompany the layout; wireframes may include homepage, section pages, content detail pages, and form pages
  • Flowcharts or specifications for the interactive features of the website
  • A summary of the system components that will need to be styled for the site
  • Note: We recommend this project for custom websites. If your site is built on a CMS platform like Wordpress or Squarespace that offers design templates, you may not need a UX design. Check out our Website Content Plan project for help designing a CMS-based website
Additional details

Before revamping our web design and copy, we're seeking your help on optimizing user experience, navigation and action item buttons.

What we have in place
  • We currently have suggestions from our staff and our Catchafire website call, which should make it easy for you to get started. We also have raw data from our current Squarespace website, and the ability to provide any other information you need.
How this will help
This project will save us $11,946 , allowing us to increase the number of mentorships we can support and enhance our program services for mentees and their families.

This project will help us reach the primary goals of our website: 1) engaging volunteers to become mentors and 2) receiving donations. The current website's navigation is not very user friendly for potential volunteers and supporters.

Project plan

0
Prep: Distribution of Prep Materials
  • Volunteer Manager provides link to existing website (if applicable) and relevant background materials such as existing marketing collateral and technical considerations like the platform that the site will be built on
  • Both parties review our pro-tips for Organizations and Volunteers to ensure the project is set up for success
1
Milestone 1: Brainstorm
  • Professional and Volunteer Manager connect to discuss goals of the website, target audience, and types of content the website will feature
2
Milestone 2: Sitemap
  • Professional creates a first draft of the site map and submits to Volunteer Manager for review
  • Volunteer Manager and Professional discuss feedback and determine the pages that require wireframes
3
Milestone 3: Wireframes
  • Professional creates wireframes and delivers to the Volunteer Manager
  • Professional and Volunteer Manager collaborate on the revision process, and incorporate agreed upon edits
4
Milestone 4: Presentation of Deliverable
  • Professional finalizes the wireframes, user interface flow and specifications for the visual designer
  • Professional offers any additional advice for Volunteer Manager as they enlist a Visual Designer and Developer to implement the UX Plan
Show more

About the org

Friends for Youth
Unfollow
Posted by
Sarah N.

Community Partnerships Director

Our mission

Through the guidance and support of caring adult volunteers, our mission is to positively impact the health and well-being of high-risk, disadvantaged youth so they may be emotionally secure, academically engaged, and their lives forever changed for the better.

Testimonials

It was great working with Frank on our UX Design project. He created a UX map for our new website, tested usability with his contacts, and provided helpful insights. Thank you, Frank!
Sarah N.
Sarah N.

Community Partnerships Director

Website User Experience Project

It was fantastic working with Sarah! Easy and clear communication, thoughtful and useful discussions around design decisions.
Frank L.
Frank L.

Volunteer

The pixel