![kai.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1530822358429-KP38UT1TURIBNH03E9HC/kai.png)
Kai
Kai
End-to-end mobile application
![square kai copy.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1529528675974-BU1HDFOBP87RFNEACDP3/square+kai+copy.png)
This was another project for school. It took me 4 weeks to finish. It's a fake company called Kai, a Homeless Shelter, and the project was to create and end to end app. I chose iOS for my platform and designed the app for donors, volunteers and drivers.
Research
I interviewed 3 different local shelters. What I found out was there’s a lot of help for the homeless, but I’m also seeing just as much if not more help for the food insecure. I had no idea there were so many struggling with that around me. Also, as helpful as it is to get food and clothing and such, monetary donations is usually the most helpful way to donate.
Personas
I wasn't able to interview people who volunteer, so that is a provisional persona. The rest is based off the interviews from local shelters.
![Provisional Personas- KAI.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232320951-IS5WJ3KUGZFISZAS5SUS/Provisional+Personas-+KAI.png)
App Map
The App map shows the basic layout and process and organization of the map.
![Kai App Map.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232376606-4PUI6RLJ7W3WORZ49AEE/Kai+App+Map.png)
User Flow
User flow for each task: Driver, Volunteer, Donate and Login/Sign up.
![user flow V2.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232439246-7I997ZCCR2G9AX6RND9P/user+flow+V2.png)
Sketches
Sketched out the main screens needed for each section- Donor, Volunteer and Driver.
![IMG_0984.jpeg](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232500567-NWUHD6ORV50CWFIJBA8E/IMG_0984.jpeg)
Wireframes
I designed a majority of the screens for the app excepting the Profile screen, About, Awareness, Impact Calculator and Contact.
![wireframes.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232553972-X75GQPLOZ8LH1NDK0B18/wireframes.png)
Logo and Style Tile
For the logo, I just wanted a simple wordmark with a small icon somewhere conveying love/charity/giving/kindness. I chose the heart in the middle of the 'a'.
![Style Tile.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232653218-HIB5MXUFOK2TC1HJV7OS/Style+Tile.png)
High Fidelity Wireframes
![2018-02-24_1559.png](https://images.squarespace-cdn.com/content/v1/5a0c7999f6576e509f08d367/1521232819304-2ZT4I7PV51G7YXTVIGDS/2018-02-24_1559.png)
Prototype
I designed a mostly fully functional Prototype in Invision using the finished UI screens.
Usability Test and Findings
I was able to have 6 people participate in a usability test. A majority of them found it easy and straightforward and were able to navigate each task they were given which were: logging in as donor and scheduling a pickup, create account and Sign up as Volunteer and logging in as Driver and accepting a pickup nearby.