![](https://static.wixstatic.com/media/365715_9a9bcfaceea948d0b000b49859d3a256~mv2.jpg/v1/fill/w_124,h_64,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/365715_9a9bcfaceea948d0b000b49859d3a256~mv2.jpg)
![rippl logo cropped.png](https://static.wixstatic.com/media/365715_a552e3d8f18b4726972d1b3d9d023b5b~mv2.png/v1/fill/w_844,h_406,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/rippl%20logo%20cropped.png)
Rippl
About The Project
Rippl is a final exam project for User Experience class my last semester of college. This project was a team effort that consisted of two graphic designers (Me and Bailey Brush) and two marketing students (Anna Hearne, and Morgan Bass). I was assigned Lead UX designer and Project lead, while the other teammates were assigned UX researcher, Graphic designer, and Marketer. Together we were all pushed out of our comfort zone to create Rippl. (Case study shows mostly only my portion of the project. Credit description is at the bottom.)
Date Created: Spring 2022
Duration: April-May 2022
Project Type: Product Design, UX/UI
My Role: Project Leader and Lead Product Designer
Collaborators: Bailey Brush,
Anna Hearne, Morgan Bass
Software: Photoshop, Adobe XD
![Rippl mockup up2_edited.jpg](https://static.wixstatic.com/media/365715_521c036804de4d6ea86c7156e9f62a75~mv2.jpg/v1/fill/w_104,h_66,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Rippl%20mockup%20up2_edited.jpg)
Rippl is a community service app designed to connect users with volunteers who donate their time and skills to someone in need. At Rippl, our goal is to help promote community building while offering free services and access to everyone.
Overview
![mobile mockup.jpg](https://static.wixstatic.com/media/365715_1b2c345d53e44260afe079704335f10c~mv2.jpg/v1/fill/w_99,h_66,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/mobile%20mockup.jpg)
Problem Statement
Samantha is a graduate of her local university who recently lost her hearing and needs affordable American Sign Language classes because she still has student loan debt to pay off.
![Mockup of Screens.png](https://static.wixstatic.com/media/365715_bf73cdc00d63405788fbca7ed4b0c02a~mv2.png/v1/fill/w_65,h_43,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Mockup%20of%20Screens.png)
Solution
Rippl connects users with volunteers at no cost. The app gamifies community service by using a point system. Volunteers are rewarded points for donating their services and skills like for example American Sign Language tutoring, to help others like Samantha in their local community. These points can then be redeemed for prizes chosen by the app sponsors and users on the receiving end are awarded their chosen free service. The product will also provide adaptable customization buttons for users with disabilities that will cater the app to fit the users needs.
Project Duration
6 Weeks
Timeline
10+
Screens
![Adobe_XD_CC_icon.svg.png](https://static.wixstatic.com/media/365715_822c7128139549608085c6a5f1639679~mv2.png/v1/fill/w_37,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Adobe_XD_CC_icon_svg.png)
![Adobe_Photoshop_CC_icon.svg.png](https://static.wixstatic.com/media/365715_03ccd65915b24a5593d0a4a511aa4f82~mv2.png/v1/fill/w_37,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Adobe_Photoshop_CC_icon_svg.png)
Tools
Android/IOS
Project
Design Process
![Group 40845.png](https://static.wixstatic.com/media/365715_7d989a1675474e1b89122cf20cdeb70a~mv2.png/v1/fill/w_55,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040845.png)
![Group 40848.png](https://static.wixstatic.com/media/365715_69b6cfba041442cf801464f978a27c4e~mv2.png/v1/fill/w_62,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040848.png)
![Group 40846.png](https://static.wixstatic.com/media/365715_02bfadc3dfc34e51adea28aa4d92fadd~mv2.png/v1/fill/w_60,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040846.png)
![Group 40860.png](https://static.wixstatic.com/media/365715_111fd6c84c30445bbea6e4dc8768bd4f~mv2.png/v1/fill/w_62,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040860.png)
![Group 40847.png](https://static.wixstatic.com/media/365715_ef38ff1b9db0495386f5115af6735966~mv2.png/v1/fill/w_46,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040847.png)
![Group 40860.png](https://static.wixstatic.com/media/365715_111fd6c84c30445bbea6e4dc8768bd4f~mv2.png/v1/fill/w_62,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040860.png)
![Group 40851.png](https://static.wixstatic.com/media/365715_13b409b86f484723888283563c71f1de~mv2.png/v1/fill/w_60,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/Group%2040851.png)
Discover
User Research
Define
Persona
Empathy Map
Journey Map
Ideate
Site Map
Task Flows
Design
Wireframe
Visual Design
Prototype
Discover Phase
Qualitative Research
Research has shown that users with disabilities or users living in lower income homes are often challenged when looking for affordable services in their local area. For example, higher volume areas, hiring someone for tasks like mowing the lawn can cost up to $60 an hour. In low income areas, members of those communities are more inclined to help each other, rather than seek out help from costly services.
![pexels-cottonbro-8543056_edited.jpg](https://static.wixstatic.com/media/365715_302905ed0c944f3694db9f915ed81362~mv2.jpg/v1/fill/w_92,h_142,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/pexels-cottonbro-8543056_edited.jpg)
Define Phase
Personas
![buyer persona (2).png](https://static.wixstatic.com/media/365715_d65d77a97ba544d7b8c7ce49741ffa36~mv2.png/v1/fill/w_69,h_38,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/buyer%20persona%20(2).png)
Empathy Maps
![Group 41415.png](https://static.wixstatic.com/media/365715_d64991f2dcab4254ad1cc62851c089df~mv2.png/v1/fill/w_55,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Group%2041415.png)
![Group 41414.png](https://static.wixstatic.com/media/365715_da8461fea4b34baeb6073dcff5b199f3~mv2.png/v1/fill/w_58,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Group%2041414.png)
Journey Maps
Ideate Phase
Site Map
![Rippl sitemap_edited_edited.jpg](https://static.wixstatic.com/media/365715_7a6bf32142db4d3bab6a41ec15e06252~mv2.jpg/v1/crop/x_1,y_0,w_958,h_465/fill/w_162,h_79,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Rippl%20sitemap_edited_edited.jpg)
Task Flows
Design Phase
Wireframes
![Web 1920 – 6.png](https://static.wixstatic.com/media/365715_11aa6e5cea6242b88b3259976cae1ec9~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Web%201920%20%E2%80%93%206.png)
Visual Design
Rippl is designed with the user's needs, thoughts, and feelings in mind. Each color was selected with color theory in mind because research has shown that colors could have the ability to influence people's feelings and emotions. Rippl uses blue and other shades of blue to stimulate the feeling of calmness and relaxation. Round icons and buttons are used to promote a less serious environment and a more fun atmosphere. This is important when lifting the taboo veil around mental and physical disabilities. Rippl is designed to create an upbeat and positive experience around an app shedding light on mental and physical disabilities.
Screens
Website & App Mockups
App Prototype
Website Prototype
Thanks For Watching!
Kennedie Nelson
Credit: My talented project partner Bailey Brush designed the Rippl website screens, website mockups, and website prototype.