Project details

Thumbnail

Client:

Rankers Forum

Tool:

Figma

NEET college prediction platform



Industry

EdTech · College Counselling

Role

UX/UI Designer (Freelance)

Client

Rankers Forum

Timeline

Jan 2026 – Apr 2026

Live Site

rankers-forum-sigma.vercel.app


Rankers Forum is a NEET college prediction platform designed to help medical aspirants cut through the chaos of counselling forums. The product uses historical cut-off data and counselling trends to predict which medical colleges are eligible, giving students the clarity they need to finalise their choices with confidence.

As a freelance UX/UI designer, I was brought in to design the full experience: from the landing page to the prediction flow, results screen, and Admin Dashboards.

img
img
  1. The Problem:

NEET aspirants face massive information overload during college counselling. Existing forums are confusing, inconsistent, and unreliable. Students needed a single, trustworthy tool that could predict their college options based on their rank, category, and domicile - without the guesswork.

My Role: I designed 12+ screens end-to-end, including:

  • Login Flow - Designed the Login/Registration Flow, reducing friction while filling in the necessary details.

  • Landing Page — conversion-focused layout communicating the product's core value proposition

  • Result page — a simple and clean layout where student can get their predicted college results.

  • Admin Dashboard — a detailed admin dashboard containing necessary KPI's, details of Students and requested callbacks, all the listed colleges' details, and Admin management.


img

2. Design Decisions:

Color Palette
  • Primary (Fantasy Blue #2F1298): A deep, authoritative purple-blue. In a high-stakes environment where careers are decided, this color communicates credibility and permanence, standing out from the standard corporate blues and alarmist reds.

  • Secondary (Alexandra #3B82F6): A brighter, modern blue for CTAs and interactive states. It provides energy and guides the user's eye.

  • Gradient: Adds movement to key visual moments, communicating that predictions are dynamic and data-driven, not fixed lists.


Typography
  • Poppins: EdTech often leans toward rigid, government-like sans serifs or overly playful, rounded fonts. Poppins sits perfectly in the middle, geometric enough to feel professional, but friendly enough for an 18–22-year-old user base. It also maintains excellent readability in dense data tables.


    Three-Step Flow
  • The process is abstracted into three visual steps (Enter Details → Get Prediction → Explore Colleges). A wall of text explaining the algorithm would increase cognitive load; a simple visual flow builds immediate trust.


Outcome: The site is currently in development. The design was approved and handed off to the developer, who is building it using the Figma files as the source of truth.

Create a free website with Framer, the website builder loved by startups, designers and agencies.