These personas represent the two distinct target audiences for the app: clients and creators. Each one shows some potential wants, needs and problems users have. Developing these personas helped me work through what a user might want in an app like this and some things to avoid.
I did a UI audit of different sites that provide a similar service to help me understand what features a potential user would want in an app like this. Doing this research helped me create an app that combined useful features from each app to create a product with better functionality.
These are the wireframes I used for user testing. Below are videos of me going through the functions that were used in the user testing.
The participant of this round of user testing recommended that I: 1) move some of the icons to areas where people automatically go to see them, and 2) design a filter icon that had a more obvious meaning and create a distinction between the home and profile.
The participant of this round of user testing recommended that I: 1) make the meanings of the icons more clear, 2) rethink the placement of some icons, and 3) consider integrating a payment system.
The participant of this section of user testing recommended that I: 1) make the design of some of the buttons more clear and 2) make the active projects button more prominent.
This image shows images of different mobile designs I used for inspiration. It also shows the process I went through before settling on the fonts, colors and icons to use in the design.
The style guide I created helps illustrate the playful yet professional feel I worked to imbue in the app design.
This image shows all of the screens I designed for the app. Some screens are created from a client's view while others show what a creator's interface would look like. There are also two main color schemes (one dark and one light) that users can choose between. The color scheme they select is used for their own interface and is used when other users view their profile.
This video shows the process a client goes through to create an account. It also shows the client home screen, their profile in an edit view and what others see when they view the client's profile.
This video shows a creator making an account, matching with a client and messaging them.
This video shows a client viewing and editing their profile.
This video shows a creator editing their profile, viewing their active protects and requesting to end a project.
