top of page

 Referral Buddy 

*This project is for an NS804 client and is currently available in the App Store

**I also designed Referral Buddy's website and edited their promotion video

Design Process

  • Discuss concept with client and clarify their business needs.

  • Conduct research on project tracking flows, digital payment flows, and the referral networking market.​

  • Create a user flow and an app navigation flow based on business needs and competitor research

  • Create homescreen wireframe options to present to the client

  • Create color palette options to present to the client

  • Create wireframes and apply to an InVision prototype

  • Write a tech doc that explains the app’s functionality, screen by screen

  • Present InVision to developers and PM to discuss functionality and user flow.

    • The developers also discuss any functionalities that may slow down the timeline.

  • Make adjustments to InVision and tech doc based on internal feedback

  • Present InVision to clients

  • Make adjustments to InVision and tech doc based on client feedback

  • Handoff design assets to developers

Client Goals

  • Create a referral networking app where users can keep track of a business referral they made to another person

  • Provide a platform where users can receive compensation for providing a referral

  • Build and strengthen connections between businesses and entrepreneurs by being able to follow up with the success of a service

Research
Findings

  • When designing an app without any direct competitors, all flows and processes should be easy to follow for better conversion rates

  • Minimize information required to create an account, and ask users to complete profile information once they are in the app and have seen some of the basic features

  • Try to ask for payment information later in their app usage, where they are less likely to drop-off

  • Keep the number of tracking steps to a minimum, and make them clear and concise 

User Flow

Style Guide

Lato

Regular, Bold, Black

High-Fidelity Wireframes

Sign Up.png
Homepage - Complete Profile.png
Complete Profile Checked.png
Homepage - Referrals Copy.png
Become a Vendor Form.png
Referral Form Customer.png
Requests - Vendor.png
Requests - Customer Accepted Copy.png
Projects - Vendor.png
Profile.png
Complete Project Option2-Custom Tip.png
Complete Project Option1-Confirmation.png
bottom of page