SquadOps👨‍💻

SquadOps

A platform to find the perfect fit for your upcoming hackathon especially focused towards freshers having a constrained skill set and no projects to showcase.

UI/UX Design
React
Node.js
Social

Project Overview

SquadOps is a platform designed to help hackers find the perfect team for their upcoming hackathons. It's especially focused towards freshers having a constrained skill set and no projects to showcase.

Team Members

NameTags
Chirag Gupta
UI/UX DesignerWorkflow Manager
Gautam Singla
Front-end DevUI/UX Designer
Aditya Gupta
Backend Dev
Ravinder Chadha
Discord Bot Dev

Problem Statement

Every year over 3000 hackathons are organized both online and offline and the networking and team building phase is what escalates the hackathon overall experience for the Hackers but most of the Hackers are unaware of who all are there in the Hackathon and many times miss to connect with folks or fails to form a right team to ace the hackathon

Discovery Phase

While forming team for HackMOL 3.0 we were searching for backend developer and we had hustle a lot for finding one who was not only a backend developer but also wants to participate in the hackathon and we found the same issue with other teams and hackers participating.

Solution Proposed

To help Hackers to build strong teams in order to ace the hackathons we brought a platform where Hackers can find a team to join and list their teams to onboard the best fit members through our website and discord bot.

Style Guide

The purpose was to keep the website minimal so that user can easily navigate through the website.

Color Palette

Color Palette

Typography

Typography Example 1
Typography Example 2
Typography Example 3
Typography Example 4

Design Process

The design process of this app included:

  • UX research
  • User Flows
  • Wireframes
  • Final Design

UX Research

Key Insights

  • Every year 3000+ Hackathons are organized
  • Millions of young student developers take part in hackathons and programming related events
  • More than 60% of hackathon participants are either in 1st, 2nd or 3rd year of their graduation

User Persona

User Persona

User Flows

Overall User Flow
Top View
Lower-Left View
Lower-Right View

Wireframes

Home Wireframe
Hackathon Wireframe
Modal for Reach Out
Chat Wireframe

Final Design

Home Design 1
Home Design 2
Home Design
Apply Modal
Thanks Modal
Chat Modal
Register Step 1
Web Capture
Web Capture Full