Vidhira: Empowering
Future Engineers

Vidhira: Empowering
Future Engineers

SKIP TO THE DESIGNS

SKIP TO THE DESIGNS

What

Engineering students often have access to learning resources, but lack structured guidance to discover projects, mentors, and career opportunities.

Why

Without personalized direction, students struggle to connect academic learning with real-world industry expectations.

How

Vidhira brings AI, mentorship, and verified opportunities together to guide students throughout their academic journey.

(My Role)

My Responsibilities
UI/UX Designer

My Responsibilities
UI/UX Designer

  • End-to-end UI/UX ownership

  • User research & validation

  • Wireframes, prototypes, design system

  • Dev collaboration & feasibility

  • Iterative, feedback-driven design

(Problem Statement)

man wearing white top using MacBook

Students often graduate with strong theoretical knowledge but limited exposure to industry practices. As a result, they struggle to build relevant projects, conduct meaningful research, and confidently pursue career opportunities.

Student Problem

a group of people in a room with a projector screen

Universities face the challenge of keeping curricula aligned with rapidly evolving industry needs. This disconnect makes it difficult for students to graduate with skills, projects, and research that remain relevant.

Institute Problem

a man sitting at a desk talking to a woman

Employers often invest significant time retraining graduates before they can contribute effectively. Finding candidates with practical experience and industry-ready skills remains a persistent hiring challenge.

Industry Problem

Student Problem

Problems faced by Each Vertical

Institute Problem

Industry Problem

Hover for details

Students often graduate with strong theoretical knowledge but limited exposure to industry practices. As a result, they struggle to build relevant projects, conduct meaningful research, and confidently pursue career opportunities.

a group of people in a room with a projector screen

Universities face the challenge of keeping curricula aligned with rapidly evolving industry needs. This disconnect makes it difficult for students to graduate with skills, projects, and research that remain relevant.

Employers often invest significant time retraining graduates before they can contribute effectively. Finding candidates with practical experience and industry-ready skills remains a persistent hiring challenge.

Users need a reason to return to TripAdvisor after their trips. The challenge was to create a feature that delivers personalized, meaningful insights from their travel experiences.

Tangible Post-Trip Value

TripAdvisor is primarily used for planning trips, but engagement drops post-trip. The goal was to design an experience that naturally brings users back to the app.

Encouraging Organic Re-Engagement

While introducing something new, it was crucial to maintain TripAdvisor’s visual identity, tone, and usability standards to ensure seamless adoption.

Keeping It On-Brand

(User Research)

(I)

First Year
Freshers

Students entered engineering with little understanding of industry expectations. They needed guidance to explore domains, build foundational skills, and confidently navigate their first year.

(I)

First Year
Freshers

Students entered engineering with little understanding of industry expectations. They needed guidance to explore domains, build foundational skills, and confidently navigate their first year.

(II)

Second &
Third Years

Students knew where they wanted to go but lacked meaningful projects, mentorship, and research opportunities to build a competitive portfolio for internships.

(II)

Second &
Third Years

Students knew where they wanted to go but lacked meaningful projects, mentorship, and research opportunities to build a competitive portfolio for internships.

(III)

Final Year
Seniors

As placements approached, students struggled to showcase relevant experience. Years of limited guidance made it difficult to meet industry expectations or pursue higher studies.

(III)

Final Year
Seniors

As placements approached, students struggled to showcase relevant experience. Years of limited guidance made it difficult to meet industry expectations or pursue higher studies.

(I)

First Year
Freshers

Students entered engineering with little understanding of industry expectations. They needed guidance to explore domains, build foundational skills, and confidently navigate their first year.

(II)

Second &
Third Years

Students knew where they wanted to go but lacked meaningful projects, mentorship, and research opportunities to build a competitive portfolio for internships.

01

Mentorships
Mentorships

Mentors provide hands-on project support, bridging the gap between theory and practice, ensuring students are job-ready and career-focused.

(III)

Final Year
Seniors

As placements approached, students struggled to showcase relevant experience. Years of limited guidance made it difficult to meet industry expectations or pursue higher studies.

Across every stage of their academic journey, students shared one common need, personalized guidance to discover the right projects at the right time.

Across every stage of their academic journey, students shared one common need, personalized guidance to discover the right projects at the right time.

Designing an AI experience that could understand a student's profile and recommend meaningful projects became the most complex challenge while building Vidhira.

Designing an AI experience that could understand a student's profile and recommend meaningful projects became the most complex challenge while building Vidhira.

Case Study Scope

Vidhirawasbuiltasaholisticstudentplatform,butthiscasestudyfocusesonitsmostcomplexexperience,designinganAI-poweredprojectrecommendationsystemthatbalancedpersonalization,transparency,andthelimitationsofearlygenerativeAI.
Vidhirawasbuiltasaholisticstudentplatform,butthiscasestudyfocusesonitsmostcomplexexperience,designinganAI-poweredprojectrecommendationsystemthatbalancedpersonalization,transparency,andthelimitationsofearlygenerativeAI.

This is how I designed

This is how I designed

Profile

Profile

Builder

Builder

A breakdown of the decisions, restrictions, and systems behind the final solution.

A breakdown of the decisions, restrictions, and systems behind the final solution.

(Information Architecture)

Dashboard

Navigation

Profile Builder

Matching Platform

Curriculum Helper

Profile Builder

Course Handholding

Project Recommendation

Research Help

Generate Idea

Enter your Idea

Select Your Preferences

Engineering Stream

Domain of Interest

Career Goal

Generate Project

AI Recommended Project Cards

Know More

Project Overview

Project Goals & Requirements

Start Project

Milestones

Milestone Cycle (Repeat for all milestones)

Current Milestone

Choose an action

Detailed View

Submit for Review

Review Completed?

Review Feedback

Next Milestone Unlocked

Last Milestone?

Final Project Report

Download Final Report (PDF)

Project Completed

Dashboard

Navigation

Profile Builder

Matching Platform

Curriculum Helper

Profile Builder

Course Handholding

Project Recommendation

Research Help

Generate Idea

Enter your Idea

Select Your Preferences

Engineering Stream

Domain of Interest

Career Goal

Generate Project

AI Recommended Project Cards

Know More

Project Overview

Project Goals & Requirements

Start Project

Milestones

Milestone Cycle (Repeat for all milestones)

Current Milestone

Choose an action

Detailed View

Submit for Review

Review Completed?

Review Feedback

Next Milestone Unlocked

Last Milestone?

Final Project Report

Download Final Report (PDF)

Project Completed

Dashboard

Navigation

Profile Builder

Matching Platform

Curriculum Helper

Profile Builder

Course Handholding

Project Recommendation

Research Help

Generate Idea

Enter your Idea

Select Your Preferences

Engineering Stream

Domain of Interest

Career Goal

Generate Project

AI Recommended Project Cards

Know More

Project Overview

Project Goals & Requirements

Start Project

Milestones

Milestone Cycle (Repeat for all milestones)

Current Milestone

Choose an action

Detailed View

Submit for Review

Review Completed?

Review Feedback

Next Milestone Unlocked

Last Milestone?

Final Project Report

Download Final Report (PDF)

Project Completed

(Wireframing)

(Wireframing)

Pen & Paper
WIreframes

Pen & Paper WIreframes

Pen & Paper
WIreframes

Pen & Paper
WIreframes

Rapid sketches helped validate layouts, information hierarchy, and user interactions before moving into high-fidelity designs.

Rapid sketches helped validate layouts, information hierarchy, and user interactions before moving into high-fidelity designs.

Faculty Project Matching

Project Addition to Profile

Student Profile Page

Project Review Flow

Project Reports

(Design System)

(Design System)

Before designing individual experiences, I defined a scalable visual language and reusable interface patterns

Users don’t have a reason to stay on TripAdvisor after their outing

Paris, France

Visual Language

London, UK

Color System

Sydney, Australia

Component Library

Moscow, Russia

Spatial System

BDO GROTESK

AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQ qRrSsTtUuVvWwYyZz @?!(&)£€ 0123456789

H1 Big headline

72pt+

Bdo Grotesk Regular 36

H2 Medium headline

32–40pt

Bdo Grotesk Semibold 28

H3 Headline

18–24pt

Bdo Grotesk Medium 22

H4 Subheadline

18–20pt

Bdo Grotesk Medium 20

H5 Big paragraph

16pt

Bdo Grotesk Regular 16

H7 Footnote

12pt

Bdo Grotesk Regular 12

Bdo Grotesk

AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQ qRrSsTtUuVvWwYyZz @?!(&)£€ 0123456789

BRAND COLOURS : Brand colors establish the visual identity of the platform and are used across primary CTAs, key moments, and section-level accents.

PRIMARY

#B2D093

DISABLED

#84996E

SEMANTIC : Semantic colors communicate system feedback and guide users through success, pending, warning, and destructive states.

SUCCESS

#359F71

PENDING / REVIEW

#FFE047

ERROR / DESTRUCTIVE

#AD0000

NEUTRALS : A structured neutral scale creates hierarchy across backgrounds, surfaces, borders, metadata, and typography while allowing the brand palette to remain visually distinctive. Assigned by hierarchy rather than component, ensuring consistency throughout the platform.

CANVAS

#000000

BASE

#121212

SURFACE

#242424

MUTED

#8B8B8B

SECONDARY TEXT

#D2D2D2

Primary

text

#FFFFFF

Loading

Category:

Market Trend:

Overview:

Default

Blockchain Based Health Data Management

Category:

Blockchain Development, Data Modelling

Market Trend:

Increase in govt. led digital initiatives

Overview:

Develop a cutting-edge project aimed at revolutionizing the storage, access, and security of health records through the implementation of decentralized blockchain technology.

Know More

Hover

Blockchain Based Health Data Management

Category:

Blockchain Development, Data Modelling

Market Trend:

Increase in govt. led digital initiatives

Overview:

Develop a cutting-edge project aimed at revolutionizing the storage, access, and security of health records through the implementation of decentralized blockchain technology.

Know More

As one of the product's most frequently scanned components, these cards rely on AI content guardrails to ensure every generated idea fits the intended hierarchy and remains easy to browse.

48px

48px

16px

48px

Every screen is designed within a fixed spatial framework, ensuring consistent spacing while accommodating flexible content under a 8px grid consistency.
Typography
Color System

BRAND COLOURS

SEMANTIC

NEUTRALS

Component Library

Category:

Market Trend:

Overview:

Default State

Blockchain Based Health Data Management

Blockchain Based Health Data Management

Category:

Blockchain Development, Data Modelling

Blockchain Development, Data Modelling

Market Trend:

Increase in govt. led digital initiatives

Increase in govt. led digital initiatives

Overview:

Develop a cutting-edge project aimed at revolutionizing the storage, access, and security of health records through the implementation of decentralized blockchain technology.

Develop a cutting-edge project aimed at revolutionizing the storage, access, and security of health records through the implementation of decentralized blockchain technology.

Know More

Loading State

Spatial System

(Design Implementation)

Discover the Right Path

Choose how to begin, receive AI-powered project recommendations tailored to your interests or start with an idea you already have.

Personalize Every Recommendation

Evaluate Before Starting

Learn Through Guided Milestones

Measure Progress Beyond Completion

Discover the Right Path

Choose how to begin, receive AI-powered project recommendations tailored to your interests or start with an idea you already have.

Personalize Every Recommendation

Evaluate Before Starting

Learn Through Guided Milestones

Measure Progress Beyond Completion

Discover the Right Path

Choose how to begin, receive AI-powered project recommendations tailored to your interests or start with an idea you already have.

Personalize Every Recommendation

Evaluate Before Starting

Learn Through Guided Milestones

Measure Progress Beyond Completion

Impact Created by
Vidhira

Impact Created by
Vidhira

Impact Created by
Vidhira

empty road

National Recognition & Industry Validation

Recognized among the Top 6 startups at the AI for Public Good Challenge during Startup Mahakumbh 2024, and later showcased at the International Startup Festival 2024 for bridging the gap between academia and industry.

empty road

4,200+ Students Across 3+ Universities

Launched through pilot workshops across universities in Bhubaneswar, introducing students to industry-driven project development and AI-assisted learning.

empty road

Accelerating Hands-on Learning

Students built two guided projects and learned research paper writing—bringing practical, industry-oriented learning into their first year.

(Future Considerations)

Enhanced Personalization

As every student learns differently, future iterations could adapt project recommendations, resources, and guidance based on individual goals and progress.

01

Mobile Optimization

A mobile-first experience would make project building, mentorship, and progress tracking accessible wherever learning happens.

02

Analytics and User Feedback Integration

Capturing learner behavior and feedback would uncover opportunities to continuously improve recommendations, content, and the overall experience.

03

Community Features

Expanding beyond individual learning, the platform could connect students, mentors, and peers through discussions, collaborative projects, and shared knowledge.

04

Expanded Resource Library

A continuously evolving library of curated resources and industry insights would keep learning relevant as technologies and market demands change.

05

Enhanced Personalization

As every student learns differently, future iterations could adapt project recommendations, resources, and guidance based on individual goals and progress.

01

Mobile Optimization

A mobile-first experience would make project building, mentorship, and progress tracking accessible wherever learning happens.

02

Analytics and User Feedback Integration

Capturing learner behavior and feedback would uncover opportunities to continuously improve recommendations, content, and the overall experience.

03

Community Features

Expanding beyond individual learning, the platform could connect students, mentors, and peers through discussions, collaborative projects, and shared knowledge.

04

Expanded Resource Library

A continuously evolving library of curated resources and industry insights would keep learning relevant as technologies and market demands change.

05

"As our Chief Design Lead, Siddhant single-handedly designed our tech platforms and web interfaces, bringing seamless user experiences to life. His creativity, problem solving skills, and eye for detail were instrumental in establishing DAIRAs digital presence."

"As our Chief Design Lead, Siddhant single-handedly designed our tech platforms and web interfaces, bringing seamless user experiences to life. His creativity, problem solving skills, and eye for detail were instrumental in establishing DAIRAs digital presence."

Rishikesh Amit Nayak

CEO & Founder, Daira Edtech

Portfolio

Portfolio

Portfolio

Portfolio

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

DoorDash Reconciliations

DoorDash Reconciliations

DoorDash Reconciliations

Product Design

Case Study

Trip Replay: Relive Your Memories

Trip Replay: Relive Your Memories

Trip Replay: Relive Your Memories

App Design

Feature Addition

Trip Replay: Relive Your Memories

Trip Replay: Relive Your Memories

App Design

Feature Addition

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