Research

Competitor Analysis

We looked at the websites of Upbeater’s different competitors to take a note of what they were presenting well and what could be potentially improved.

‍

Personas

We were provided with a target audience map to get a better understanding of our target users and this helped us come up with two personas of our primary target users.

‍

‍

‍

Low Fidelity Wireframes

Based on the information I had about the target users and my knowledge about Upbeater, I started off this step of the process by designing the mid fidelity wireframe of the redesigns on Figma. I designed these wireframes to come up with a structure and flow for the redesigns.

‍

‍

‍

Usability Testing

I conducted usability tests with five students and three professionals from the startup space. These tests were conducted over Zoom calls which usually lasted 30 minutes for each participant. I asked the participants to share their computer screens and ‘think aloud’ while viewing the above screens. These are some of the takeaways from the tests:

• One thing that is missing- details about who is going to be working on the project, who are the professionals, who are the students, how it works.
  
• Further information about the community may be required, as some users weren’t very clear with how 'community’ relates to ‘pricing’ information and ‘extended’ team.
  
• The need for making improvements in the text how clarifying package deals is still necessary.

Designs

Keeping the Figma wireframes as the reference, the home page and the community page of the website were made first using X Theme in Wordpress.

I also worked on the other pages of the website :

• About us page​
  
• Our work page
  
• Contact page