Overview
A project developed for the Prorotyping User-Centered Design Solutions course at California State University, Fullerton. Students were tasked with conducting a mock interview with a client who is looking to open her own day care center, primarily with working moms in mind. After gathering details about the client's business and goals, students would then develop a functioning prototype that incorporates all of the necessary information any customers may need about the business, whether returning or new.
Tools: Adobe XD, Invision
Full Project Files: Google Drive
Invision Prototype: Link
Client Interview & Project Goals
A key component in building a successful prototype is having a full understanding of the client's goals - not just with their website, but with their company as a whole. Having an understanding of the client's mission as well as detailed knowledge of all services they plan to offer will cover much of the information provided in the website's final design. A few of the key questions that were asked of the client included:
Based upon the responses provided by the client, we could then solidify the project's problem, solution, and intended results in a guideline document. This document would serve as a consistent reference point during the development cycle of the prototype.
- Who is your targeted demographic?
- What are the activities/programs available?
- What is the age range for your daycare?
- Will you provide care for special needs kids?
- What are your staff's qualifications and experience levels like?
Based upon the responses provided by the client, we could then solidify the project's problem, solution, and intended results in a guideline document. This document would serve as a consistent reference point during the development cycle of the prototype.
Excerpt from guideline document.
Prototype Development
Students were required to use Invision when developing their interactive prototypes due to it's ease of use and access. While students were allowed to use any materials for the prototype art boards (wireframes, custom made images, etc.), I used the opportunity to develop my own art boards in Adobe XD, to better familiarize myself with the tool's capabilities.
Click to View and Download Files or View Invision Prototype