Our Role in the Project

User Experience

  • Innovation Consulting
  • Research
  • UI/UX Audit
  • Stakeholders workshop
  • Rapid prototyping

Design

  • UI/UX Design
  • Visual design
  • Website design
  • User testing
  • User engagement testing

Development

  • HTML/CSS/JS
  • ReactJS
  • NodeJS Backend/API integrations

Post-Launch

  • Stakeholders workshop
  • Product strategy
  • User testing
  • User engagement testing

Technology Used

Icon React
React Native
Icon Node
NodeJS
Icon Mongodb
MongoDB
firebase
Firebase

Project Overview

With several professional networking platforms available on the market, Crews wanted to fill the niche for a dedicated networking platform for modern day content creators. Crews brainstormed and started to work on their business vision with the goal of bringing the content creators together under one platform.

Icon User

User Problems

User Problems

The content creators were looking to have easy networking access with different companies and/or individuals from the same profession. Research carried out taught us that the target audience wanted to search and utilize content creator’s skills and/or services while investing less time into searching for these services. Not all content creators are good at finding and networking with the preferred service providers and settle for services that they otherwise wouldn’t.

learning

Challenges

Challenges

Interactive designing and implementing app models with diverse features can be challenging. Designing and building a web application with seamless response time and testing the web interoperability, serviceability, website scalability, and security in any OS and web browser were the top priorities to ensure the smooth functioning of the Crews web app.

crews webiste 1 mobile crews website 1

Process

We provide our clients with a timeline at the start of the project, outlining the timeframe to complete and deliver the final usable product. Every version of the product that has been built is shared with the client so that they can use the product and test it extensively. 

We analysed the information gained from the studies and interviews and used this data to define and understand the issues the target market was facing regarding their production management and contractor sourcing.

For the successful and fast delivery of a product, the functionalities of the product must be filtered and prioritised. Therefore, we prioritized the features of the application based on their importance to the end-user.

crews website 4 mobile crews website 4

Ideation

The project’s user story was provided by Crews. The project’s delegated BA rendered the application flow along with application functionalities.

Icon User

User Stories

User Stories

The project was created on the basis of user stories to achieve satisfaction from the end user. This provided us with consistency in the web application in regards to the user, what they want and why they want that feature. The user stories that the client presented became the highest priority user stories in the project.

Backlog Grooming

Backlog Creation

Backlog Creation

In order to not to miss any of the user stories and to make sure that the project would function at its best, a backlog was created. This backlog included all the to-do lists for the project. We then created an ultimate to-do list in a project management tool, so that it became easier for sprint planning later.

Backlog

Backlog Grooming

Backlog Grooming

Once the backlog was created, the team refined the backlog. This helped in the development and delivery of the top items in the backlog list. Backlog grooming is important as it:

  1. Excluded non-relevant user stories.
  2. Added new user stories.
  3. Assigned estimates to user stories that were yet to be received.
  4. Split user stories which were difficult into multiple tasks, to ensure that these were completed correctly.
Wild Mobile Artboard

User Experience and Design

User Testing

It was important for us to test the features that we had created. Our testing team would use the platform as if they were a user, allowing them to identify issues with the user’s experience. The small details that could have been ignored during development were the most important for us to identify and correct.

crews website 2 mobile crews website 2

Highlighted Features

  • Advanced Search: Search Crews members by their availability dates and radius. 
  • Adaptive User Feed: The ability to view Crews users based on trending, popular and featured algorithms.
  • Credited for the work that you create: Credit Crews members for a project they have worked on, allowing them to get recognition for their work.
  • Interactive Call Sheets: Create a call sheet and add recipients to it.
crews website 3 mobile crews website 3

Retrospective

Our team gained further experience in creating a platform that is effortless to use, with a seamless response, high security and web interoperability. We also gained experience in implementing ReactJS and handling internal databases for large datasets and became better at developing any kind of designs that are created by customizing APIs.

Growth

Next steps

Next steps

  • Commercialize the web-app 
  • Add premium option / payment integration
  • Monitor the web-app