I designed this mobile application to complete an Adobe XD UI design course. The task was to design an application in an industry/area I am familiar with.
I started the design process by researching competitors and users. I also created a user persona that reflects a typical user which you can see below. Based on my research I picked a dark base colour to create a unique brand identity and picked green as the accent colour for its calming effect.
Before creating wireframes, I made a diagram which reflected that page structure of the app. Based on user research, I created wireframes for all the key pages to work out the optimal layout. I made sure to include all the content and elements that users would require.
Landing page and empty homepage
The main landing page design is fairly straightforward. When users first sign up the homepage would be empty so to make the onboarding process easier, I added a placeholder graphic with some instructions.
Homepage with data and freelancer profile
On the homepage I included all the key bits of information that a hiring manager would want to see. On the freelancer profile page, I show the most important information that would allow hiring managers to decide if they want to hire this person: hourly rate, experience on the platform and more.
On the messages page I grouped messages by freelancer as well as project. On the chat page i focused on showing messages in an easy-to-read design with clear message statuses similar to WhatsApp.
Talent page and menu
Before entering a search query, the talent page shows trending freelancers and categories to make the process of finding freelancers easier. The slide-out menu contains links to all key pages a user might need to manage their account and navigate the app.