In November 2023, Classplus expanded into education with Polaris School of Technologyโa premium computer science college that bridges traditional learning with industry-ready skills. I designed a sleek, user-friendly website that highlights its innovative curriculum, immersive campus life, and exclusive admission process, positioning PST as Indiaโs top alternative for tech education.
Client
Classplus | EdTech Software Development
My Role
Product Designer
Category
Education | B2C
Platform
Web | Mobile Web
Tools Used
About Classplus <> Polaris
Classplus is a leader in B2B software solutions within the education sector, known for its innovative approach and robust technology infrastructure. Leveraging its extensive experience in transforming education through tech, Classplus ventured into a new domain by launching Polaris School of Technologyโa premium computer science college designed to address the evolving needs of the tech industry. Polaris is positioned as Indiaโs best alternative to traditional CS engineering programs, offering an industry-led curriculum that emphasizes practical skills, real-world coding experience, and entrepreneurship from day one. This initiative not only extends Classplusโs commitment to educational excellence but also aims to bridge the gap between theoretical knowledge and the dynamic demands of modern tech careers.
The Problem
Traditional computer science programs in India have long been criticized for their heavy reliance on theoretical learning, which often leaves graduates unprepared for the fast-paced, practical challenges of todayโs tech environment. Key issues include:
Theory Over Practice: Standard curricula focus on academic theory, with limited opportunities for hands-on coding and real-world problem solving.
Skill Gap: Despite graduating from reputed institutes, many students require extensive upskilling before they can contribute effectively in professional settings.
Outdated Pedagogy: Conventional teaching methods fail to keep pace with the rapid evolution of technology, leaving students with a mismatch between their education and industry requirements.
Competitive Landscape: With the booming tech industry and the emergence of startups and innovative companies, the demand for industry-ready talent has never been higher.
These challenges underscore the need for an educational paradigm shiftโone that prioritizes practical, immersive learning experiences over rote memorization.
The Goal
The primary objective of the website design for Polaris School of Technology was to create an engaging, intuitive digital platform that clearly communicates the institutionโs unique value proposition. Specific goals included:
Showcasing Innovation: Presenting Polaris as a forward-thinking, premium institution that blends rigorous academic content with hands-on learning and entrepreneurial spirit.
Highlighting Curriculum Excellence: Clearly articulating the industry-first curriculum, which includes over 2,500 hours of live coding, real-world projects, and exclusive mentorship from seasoned tech professionals.
User Engagement: Designing a user-friendly experience that caters to prospective students, parents, and industry stakeholders, making it easy to explore program details, campus life, and the admission process.
Brand Positioning: Reinforcing the Classplus brandโs reputation for technological excellence and innovation, while establishing Polaris as a trusted name in tech education.
Clear Call-to-Action: Facilitating a smooth transition from information discovery to the admission process, ensuring that interested candidates can easily initiate their journey towards enrollment.
Design Process
The design process was a comprehensive, multi-stage journey aimed at aligning the websiteโs look and feel with Polarisโs premium brand and educational mission
1
User Research
2
Competitor Analysis
3
Defining Goals
3
Information Architecture & User Flows
5
Persona Development
6
Wireframe & Design
7
Testing & Iteration Phase
8
Development Handoff & Collaboration
User Research Report
Competitor Analysis Report
This competitor analysis helps define the essential features and strategic opportunities to ensure Polarisโs website stands out in a competitive landscape.
Website User Flow
Prospective Student Flow:
Users start at the Home Page, explore Curriculum, Admissions, Campus Life, and Placements, and then proceed to apply.
Parent Flow:
Parents quickly navigate to About Us and Admissions to review the institutionโs mission, eligibility, and scholarship details.
Industry Partner Flow:
Industry partners focus on the Placements section and partnership inquiries to explore collaboration opportunities.
User Personas
Wire Frames <> Home Page
Wire Frames <> Basic Components
Wire Frames <> Admission Page
Wire Frames <> Life@PST Page
Wire Frames <> Placements Page
Colours
Typography
Layout Grid
This 12-column grid maintains 120px margins on each side, 80px column widths, and 20px gutters. The generous outer margins frame the hero content, while the columns guide the placement of text, buttons, and visuals for consistent alignment.
Components
Design Solution
Home Page
The home page creates a bold first impression, featuring a dynamic hero section with a prominent โCode your futureโ message and an immersive background video. Key highlightsโlike the virtual walkthrough, advantages of PST, and notable alumniโare arranged in a scrollable format, guiding visitors through the institutionโs core benefits. Clear calls to action (e.g., โDownload Brochure,โ โApply Nowโ) encourage immediate engagement, while visually appealing sections showcase the hands-on curriculum, student success stories, and the unique campus experience.
o3-mini
Login page
When User lands on a website the login popup comes up
Home <> Landing Screen
This screen greets visitors with a dynamic campus video playing in the background, immediately conveying Polarisโs modern, tech-focused ethos. A bold taglineโโCode your future.โโtakes center stage, supported by clear CTAs like โDownload Brochureโ and โApply Now.โ Secondary links offer quick paths to additional content, ensuring an engaging first impression and guiding prospective students deeper into the Polaris experience.
Admissions Page
This page emphasizes Polarisโs selective admissions process with a bold taglineโโNot everyone gets in.โ It guides prospective students through key steps: starting with eligibility requirements, then detailing the PAT 2025 admission test, followed by a step-by-step admission process. The page clearly outlines the fee structure, highlights scholarships and waivers, and concludes with financing options. The layout is streamlined for quick reference, ensuring students can easily find all relevant information needed to apply.
Admission Page Hero Section
This top section sets an exclusive tone with the statement, โNot everyone gets in. One techie mind at a time,โ immediately highlighting Polarisโs selective approach. A backdrop of graduates underscores the prestige and achievement awaiting those who qualify. The โApply Nowโ button provides a direct path for ambitious students ready to take the next step, reinforcing Polarisโs commitment to individual growth and cutting-edge tech education.
Fixed Side Navigation
A vertical menu on the left stays anchored, giving quick access to key admissions steps, while the right side scrolls independently. This ensures users can seamlessly reference navigation links without losing their place.
This page emphasizes Polarisโs selective admissions process with a bold taglineโโNot everyone gets in.โ It guides prospective students through key steps: starting with eligibility requirements, then detailing the PAT 2025 admission test, followed by a step-by-step admission process. The page clearly outlines the fee structure, highlights scholarships and waivers, and concludes with financing options. The layout is streamlined for quick reference, ensuring students can easily find all relevant information needed to apply.
Life@PST Page
The home page creates a bold first impression, featuring a dynamic hero section with a prominent โCode your futureโ message and an immersive background video. Key highlightsโlike the virtual walkthrough, advantages of PST, and notable alumniโare arranged in a scrollable format, guiding visitors through the institutionโs core benefits. Clear calls to action (e.g., โDownload Brochure,โ โApply Nowโ) encourage immediate engagement, while visually appealing sections showcase the hands-on curriculum, student success stories, and the unique campus experience.
o3-mini
Home <> Landing Screen
A welcoming hero banner featuring energetic students, paired with the tagline โYour playground for experimentation.โ This visually conveys the campusโs lively atmosphere and innovative culture. A clear navigation bar remains consistent at the top, guiding visitors to explore various aspects of student life, clubs, and community eventsโall underscoring Polarisโs commitment to hands-on learning and creative collaboration.
Walk in the Campus
A short gallery offering a glimpse of PSTโs scenic pathways, modern facilities, and lush greenery. Clicking โView Moreโ takes users to a dedicated gallery page for a deeper look at campus life.
The home page creates a bold first impression, featuring a dynamic hero section with a prominent โCode your futureโ message and an immersive background video. Key highlightsโlike the virtual walkthrough, advantages of PST, and notable alumniโare arranged in a scrollable format, guiding visitors through the institutionโs core benefits. Clear calls to action (e.g., โDownload Brochure,โ โApply Nowโ) encourage immediate engagement, while visually appealing sections showcase the hands-on curriculum, student success stories, and the unique campus experience. o3-mini
Placement Page
This page highlights Polarisโs robust career ecosystemโSponsored Global Internships, Mock Interviews by MAANG professionals, and one-on-one mentorship through a Success Buddy program. Showcased pilot batch stats (e.g., GSoC selections) and an alumni network with 15+ startups and 120+ members illustrate real-world outcomes. The layout emphasizes tangible success and industry connections, assuring prospective students of Polarisโs strong support from classroom to career.
Gallery Page
