EdTech · SaaS 3i Infotech UX lead 2024

A campus management platform that connects students, faculty & admin on one rail.

NureCampus is an EdTech SaaS platform that consolidates student management, attendance, grading, fees, communication, and faculty workflows. At 3i Infotech, I owned the end-to-end product design — from problem framing and user research to a shipped design system and engineering handoff.

Role
UX Lead
3i Infotech
Team
1 PM · 2 designers
· 8 engineers
Duration
2024 · 14 weeks
discovery → MVP
Outcome
3 portals shipped
1 unified design language
Anonymised · client UI redacted
NureCampus · Admin SEM · 2024-25 SYNCED + Add STUDENTS · ACTIVE 2,184 ▲ 84 this term FACULTY 142 98% checked in today ATTENDANCE · TODAY 94.2% 3 sections low FEES · WTD ₹38L 12 reminders queued Attendance · last 12 weeks all sections · benchmark 90% 90% TODAY · CLASS LIVE 09:00 · IN PROGRESS CS-301 · Algorithms · Rm 204 10:30 · UPCOMING CS-202 · Database · Rm 108 12:00 · UPCOMING EE-201 · Circuits · Lab-3 Daybook → RECENT ANNOUNCEMENTS PARENTS FACULTY ALL
NureCampus · Admin dashboard
01 · Problem

Three audiences, five disconnected tools, and a paper-first culture.

Mid-sized colleges and institutes in India typically run on a stack of disconnected tools: spreadsheets for grades, WhatsApp groups for announcements, paper attendance registers, a 10-year-old fees module, and a website nobody updates. Three audiences (admin, faculty, students/parents) live in three universes that rarely meet.

NureCampus's brief was to consolidate this into one platform. The challenge wasn't building modules — it was making them feel like one product to three different audiences with very different mental models.

"Our admin team uses keyboard shortcuts and dense tables. Our faculty uses one screen between classes. Our students live on phones. The same product can't look the same to all of them — but it has to feel like the same product." — Founder & CEO, kickoff workshop

Core problems:

  • Three personas, opposite needs — density vs simplicity vs mobile-first.
  • Paper-first culture in faculty cohort. Onboarding must respect that.
  • Late-stage offline scenarios — exam halls, field trips, low-bandwidth zones.
  • Multi-role users — many faculty are also parents in the same institute.
02 · Process

Discovery in classrooms, not workshops.

We spent the first three weeks inside the campus — shadowing the admin office, sitting in faculty rooms between classes, and following students through a normal day. Workshop-only research would have missed the truth: faculty don't use computers between classes; they use their phone, in 90 seconds, while walking to the next room.

We synthesised the field data into three job-to-be-done maps — one per audience — and defined the cross-cutting design principles that would unify them:

  • One unified system, three densities. Admin = data-dense. Faculty = mid-density, phone-first. Student/parent = low-density, conversational.
  • Offline-tolerant by default. Attendance, grades, and announcements all queue locally and sync when network returns.
  • Shared identity. A user who is both faculty and parent sees one unified inbox + one calendar across roles, not two apps.
ADMIN High density KEYBOARD-FIRST BULK ACTIONS DENSE TABLES Daybook · F2 FACULTY Mid density Mark attendance TAP-FIRST PHONE-OPTIMISED OFFLINE QUEUE Save · 38 present STUDENT & PARENT Low density Fee · April ₹ 18,400 due in 4 days TODAY Algorithms · 9 AM RESULT A — Mid-term · Algo CONVERSATIONAL MOBILE-FIRST Pay fee · UPI
Three densities · one system

Same tokens, three personalities

Admin gets keyboard shortcuts and 8-row tables. Faculty gets a phone-sized attendance grid with offline queue. Students get conversational cards with one CTA.

Underneath: identical color tokens, identical motion library, identical accessibility contract. Density and copy do the work, not separate codebases.

03 · Design system

One token tree, three density modes, offline-first interactions.

The system uses a 3-mode density variable applied at the page root that ripples through spacing, type scale, and component padding. Engineering swaps a single attribute on <html>; the entire UI re-densifies for the audience.

brand.primary
#7C5CFF
semantic.ok
#5FC975
semantic.warn
#E8A34C
semantic.danger
#E87070
surface.deep
#0E1116
surface.paper
#F6F7FA
Portals shipped
3 portals — Admin web, Faculty mobile-web, Student/Parent mobile-web
Components
120+ components · 3 density modes · light + dark · accessibility AA baseline
Multi-role identity
Single user, multiple role-views · unified inbox + calendar across faculty/parent/admin
Offline behaviour
Attendance, grades, announcements queue locally · merge-resolve on reconnect with conflict UI
Localisation
English + 4 Indian languages · digit + date format tokens · script-aware typography
FACULTY · ATTENDANCE · MOBILE CS-301 · 09:00 38 / 42 A21 P A22 P A23 A A24 P A25 P A26 P A27 L A28 P A29 P A30 P OFFLINE · QUEUED Save attendance
Faculty · Attendance · phone web
PARENT · FEES · MOBILE Hi, Anjana Aarav · Class IX-B FEE DUE · 4 DAYS ₹ 18,400.00 April · Tuition + Lab Pay Result · Mid-term Math A · 84% · view report PT meeting · Sat 10 AM RSVP needed
Parent · Home · phone web
04 · Intelligence layer

Light-touch AI: nudges and digests, never autonomous.

EdTech is sensitive — academic decisions on autonomous AI are a non-starter for institutions and parents. We picked 3 surfaces where AI helped operations without touching graded outcomes.

✦ Attendance

At-risk early warning

Flags students whose attendance pattern, late-marks, and grade dip together suggest disengagement. Mentor reaches out — not the system.

DecisionAlways human
Mentor outreach+38%
✦ Comms

Announcement digest

Parent/student inbox auto-summarises the week's announcements into one digest with read-receipts. Reduces 30+ messages to one.

GeneratedWeekly
Read rate74%
✦ Faculty

Drafting assistant for reports

Pre-fills term-end remarks with phrasing rooted in attendance, performance trend, and past comments. Faculty edits and signs.

DecisionFaculty owns
Time saved~6 min/student
✦ Search

Natural-language admin search

"Show me Class IX students with fee due and 3+ absences this month" → filtered list with one-click actions.

DecisionUser confirms
Queries / day~120
05 · What I owned

UX lead at 3i Infotech — discovery to handoff.

Discovery & research
3 weeks of field research — admin office, faculty rooms, student shadowing
UX strategy
Defined the three-density principle, multi-role identity model, offline-first contract
Design system
120+ components · density modes · localisation tokens · accessibility AA
Three-portal design
End-to-end flows for admin web, faculty mobile-web, student/parent mobile-web
Engineering partnership
Daily handoff with FE lead · review every component PR · prototype-to-code parity
Stakeholder alignment
Bi-weekly review with founder + advisory board · workshops with college admins
06 · Outcomes

What 14 weeks produced.

Illustrative numbers — I'll swap in verified figures before publishing.

3
PORTALS SHIPPED
ONE UNIFIED SYSTEM
120+
COMPONENTS · 3
DENSITY MODES
94%
DAILY ATTENDANCE
SUBMISSION RATE
+38%
EARLY MENTOR
OUTREACH (AT-RISK)
74%
PARENT DIGEST
READ RATE
~6 min
SAVED PER STUDENT
ON TERM REPORTS
5
LANGUAGES
EN + 4 INDIAN
14 wk
DISCOVERY
→ MVP LAUNCH
07 · Reflections

What an EdTech engagement taught me.

DO AGAIN

Field research before workshop research. Three weeks on campus rewrote half our assumptions about faculty behaviour. Workshops would have produced a different (worse) product.

DO AGAIN

One token tree, three densities. Cheaper to maintain than three codebases, and the brand stayed coherent across very different audiences.

DO AGAIN

Never let AI make academic decisions. Keeping it advisory removed political risk and made adoption frictionless.

DIFFERENTLY

Pushed back harder on scope. The 14-week MVP attempted three portals; two would have shipped sharper.

DIFFERENTLY

Built parent-side onboarding earlier. Faculty & admin had clear flows; parents kept getting designed last and shipped roughest.

LESSON

Offline-first isn't a feature — it's the contract. Every late bug we shipped traced back to a flow that hadn't been thought through for "queue → reconcile → conflict UI" from day one.