Case Study

VCCS

Virtual Career Counselling System

Onboarding, recommendation journeys, and consultation dashboards for student users

Role

Full Stack Developer

Stack

React.js, Tailwind CSS, Guided User Journeys, Consultation Dashboards

Timeline

Independent product work

Introduction

VCCS is a student-focused guidance platform built to support onboarding, recommendation journeys, consultation-oriented dashboards, and guided digital experiences.

Problem Statement

Students needed a clearer path from first visit to recommendation and consultation, without getting lost in confusing steps or disconnected screens.

Scope

Public discovery pages, onboarding flow, recommendation journeys, consultation-oriented dashboards, and guided user experiences for student users.

Target Audience

Students looking for career guidance, recommendations, and a more structured consultation experience.

Functional Requirements

Public pages for discovery and trust-building
Student onboarding flow
Recommendation journeys for registered users
Consultation-oriented dashboard experience
Simple progress across the user journey

Challenges

Keeping the experience simple for first-time users
Keeping guidance and consultation steps easy to distinguish
Making recommendation and consultation flows feel guided
Maintaining clarity across multiple steps

Solution

I shaped the product experience around guided movement through the product: lightweight discovery, clear onboarding, structured recommendation steps, and a consultation-oriented dashboard experience that stayed easy to follow.

Technical Overview

React-based product UI with Tailwind CSS, access-aware flow design, reusable screen sections, and guided journeys built around onboarding and consultation. Public code and learning samples: https://github.com/masadmasood (client repositories remain private).

Advantages

Clearer consultation journey for students

Stronger onboarding and recommendation flow structure

Simple structure across guidance and dashboard screens

Reusable product patterns for future updates

Limitations

Guidance products need ongoing content refinement
Multi-step consultation flows still require careful UX tuning

Outcome

VCCS became a more structured student product with clearer onboarding, better recommendation flow clarity, and a more usable consultation experience. Students reached the consultation booking step with fewer backtracks because navigation mirrored the intended guidance sequence.

Key Learnings

Guidance products need clarity more than feature density
Onboarding and recommendation journeys need very clear transitions
Simple product structure improves consultation flow usability