Tamil Nadu Technology Hub (iTNT)

Building the iTNT Digital Ecosystem from Scratch

Timeline
Dec 2023 – Feb 2024
PLATFORM
Web | Mobile App | Admin Panel
MY ROLE
Lead Product Designer

Introduction

The Tamil Nadu Technology Hub (iTNT) is Tamil Nadu’s official innovation network aimed at uniting startups, researchers, students, government agencies, and industry partners to foster deep-tech innovation across the state. This project involved conceptualizing, designing, and launching a digital ecosystem including a public-facing website, a mobile experience, and an admin panel to streamline program management.

Starting from scratch, I led the product design efforts by collaborating with cross-functional teams and government officials to deliver a cohesive, accessible platform that meets diverse user needs while strengthening iTNT’s digital presence.


Timeline & Milestones
project timeline

My Role

I'm the lead product designer for this project. I collaborated with product designer (Mounika), product manager (Pranay), and developers (Arun VPP, Lok Prasanth, Ratheesh, Mahesh) ,
and iTNT officials (Vanitha Ma'am, Rithika, Shivendra, Harini, Palanivel, Ananth, Ajay, & Surya) throughout this project.

Problem

Before the launch, iTNT did not have a unified, user-friendly digital platform to showcase its initiatives, programs, and opportunities. The main challenges were:

  • "No single place for startups, researchers, and government agencies to connect"
  • "Low awareness of iTNT programs among the target audience"
  • "A need to make the registration process more seamless and engaging"

PRIMARY OBJECTIVE

To design and deliver a digital platform that boosts registrations, improves engagement, and effectively communicates iTNT’s offerings.

Defining the problem

iTNT had no unified digital platform to showcase programs, onboard startups/researchers, and manage operations efficiently.

problem statement

Root Cause Analysis

To understand the deeper reasons behind the core problem, we asked “Why?” five times. This helped us find the root cause and figure out the right solution.

Root Cause Analysis: The 5 Whys

Goals

The goal was to balance organizational requirements with user expectations. Clear business objectives and user goals were established to guide the process, ensuring the platform delivers value across all stakeholders.


BUSINESS GOALS

Establish iTNT’s digital presence

Create a unified online platform that represents iTNT as Tamil Nadu’s official hub for deep-tech innovation, attracting startups, researchers, and students.

Streamline program and content management

Build an efficient admin panel that allows iTNT officials to manage events, programs, and user registrations with minimal effort.

Enhance brand credibility

Deliver a modern, accessible, and mobile-friendly platform that strengthens iTNT’s identity and positions it as a leader in the innovation ecosystem.

USER GOALS

Seamless onboarding for all user groups

Design clear, intuitive flows for startups, researchers, students, and government officials to register and participate in programs.

Easy access to relevant information

Ensure users can quickly find programs, events, resources, and contact information without navigation friction.

Consistent and delightful user experience

Implement a robust design system to maintain visual consistency and improve usability across desktop, mobile, and admin interfaces.

impacts

Impact

We rolled out the platform in phases to maintain performance and ensure user buy-in. Key achievements include:

  • Registrations grew by 45% within 4 months (target was 40% in 6 months).
  • Average onboarding time reduced by 35% (target was 30%).
  • 58+ partnerships formed, 1200+ startups registered.
  • 50% increase in user engagement and 60% reduction in manual data entry.
  • Positive user feedback on navigation and mobile experience.
  • Over 6000+ researchers onboarded; monthly visits surged from 8.2k to 20.2k in just 3 months.

impacts

Our Users

At the heart of iTNT’s digital platform are five priority user groups, each playing a vital role in Tamil Nadu’s innovation ecosystem.Understanding their unique needs and goals shaped our design strategy. The platform offers 07 registration types, mapped to these 5 groups.


User Groups

Startups & Entrepreneurs

Driven founders seeking funding, mentorship, and networking opportunities. They need quick access to relevant programs, the ability to showcase their work, and tools to connect with investors and partners.

Researchers & Academics

Professors and scientists in deep-tech domains looking for collaborative projects and grant opportunities. They require detailed program information, an easy application process, and a network of peers and industry experts.

Students & Early-career professionals

Engineering and science students eager to explore emerging technologies and gain industry exposure. They look for training programs, internships, and competitions to enhance their skills and employability.

Corporate Partners & Investors

Leading companies, investors, and technology mentors involved in strategic collaborations, providing funding, mentorship, technology resources, and market access to startups and researchers.

Government & iTNT Officials

Policy makers and administrators managing programs, partnerships, and operational workflows. They require an efficient admin panel to approve applications, monitor progress, and generate reports effortlessly.

user groups

Process

For the iTNT Digital Ecosystem, I followed a design process blending Agile methodology with classic UX principles. Every step focused on solving real user and business needs, ensuring the platform was practical, intuitive, and aligned with stakeholder goals.

I structured the design process using the Double Diamond framework, guiding the project through Discover → Define → Develop → Deliver   to ensure every decision was user-centered and goal-driven.

All activities were planned across a 12-week project timeline, organized into six 2-week sprints. Development began only after design approval, ensuring quality and alignment with user expectations. The sprints allowed me to structure work efficiently and track progress using a Kanban board.


UX Design Process
UX Design Process Diagram
AGILE-KANBAN BOARD

To manage work efficiently and keep the team aligned, I tracked progress using a Kanban board with clearly defined stages: Backlog → To Do → In Progress → Review / QA → Done.

Agile Kanban Board for iTNT

Phase 1 - Discover

This phase focused on understanding the problem space and building empathy with users. Insights from research, workshops, and conversations with stakeholders formed the foundation for the design decisions ahead.


REQUIREMENTS GATHERING

Initial meetings with iTNT officials produced a working requirements list that set goals, scope, and tone. Requirements stayed flexible and were revisited as new insights emerged.

Requirement Gathering Branding

USER PERSONAS

To ensure iTNT’s platform addressed the needs of all key stakeholders in Tamil Nadu’s innovation ecosystem, we developed five detailed user personas. These guided our design decisions, helping us prioritise features, workflows, and content structure.


User Stories

We translated each persona’s needs into actionable user stories, capturing their goals, challenges, and expected outcomes. This allowed us to design workflows and content paths that felt intuitive for all audience segments.

user stories

Empathy Mapping

Using the Say / Think / Feel / Gain framework, we mapped user perspectives and emotions. This helped surface hidden frustrations and aspirations across five personas, shaping both functional and emotional design choices.

Empathy mapping across five personas

Stakeholder Mapping

We charted stakeholders based on influence and interest, from government policy-makers to early-stage founders. This helped prioritize communication strategies and ensured each group’s needs were addressed at the right stage of development.

Influence (Y) vs Interest (X)
Stakeholder mapping of iTNT platform
Affinity Mapping

Insights from interviews, surveys, and workshops were clustered into themes, exposing shared challenges and opportunities. These clusters guided our feature roadmap and aligned the team on top priorities.

Affinity Mapping of iTNT platform

Phase 2 - Define

After understanding user needs and ecosystem challenges in the Discover phase, I shifted focus to framing the problem clearly and creating a structured foundation for the design. For iTNT, this meant balancing the needs of startups, researchers, students, investors, and government officials into one unified platform that felt inclusive yet simple to use.


HOW MIGHT WE?

To reframe the challenges into opportunities, I used the "How Might We" approach. This helped in guiding brainstorming and keeping solutions user-focused:

  • How might we create a single digital hub that connects startups, researchers, students, and government officials?
  • How might we make program discovery and registration simple and seamless for all user groups?
  • How might we increase awareness and engagement with iTNT’s initiatives?
  • How might we provide administrators with tools to efficiently manage events, registrations, and content?
  • How might we ensure the platform feels credible, modern, and trustworthy to all stakeholders?
How Might We statements for the iTNT digital ecosystem, summarizing core opportunity areas
INFORMATION ARCHITECTURE

Research insights were translated into a clear structural blueprint. The Information Architecture outlined how core modules fit together, ensuring intuitive navigation, logical grouping of content, and smooth program discovery for every user group.

Information Architecture of iTNT platform
TREE DIAGRAM

The tree view drills into hierarchical relationships, clarifying how sub-pages group under each section and how users traverse to tasks like program application or event registration.

  • Authentication
    • Login
      • Unified Login (All Roles)
      • ID Validation & Role Redirect
    • Registration
      • Industry
      • Researcher
      • Student
      • Startup
      • Investor
      • Mentor
      • Government
  • Navigation Bar
    • Overview
      • About Us
      • Events
      • Careers
      • Forums
      • Contact Us
      • Join iTNT
    • Programs
      • Bootcamp
      • Pre-Incubation
      • Incubation
      • Acceleration
      • Venture Studio
      • Innovation Network
      • International Pavilion
      • Fab Lab & Design Studio
    • JIGSAW
    • Experience iTNT
    • Media
      • Blogs
      • Gallery
      • Meet-ups
      • News
      • Mewsletters
  • Homepage
    • Hero
    • About Us
      • Vision
      • Mission
      • Values
      • Impacts
    • Programs & Initiatives
      • Tabs Overview
      • iTNT Innovation
    • Registrations
      • Industry
      • Researchers
      • Students
      • Startups
      • Investors
      • Mentors
      • Government
    • Latest Events
    • Meetups
    • Gallery
    • Recent Blogs
    • Newsletter
  • Programs
    • Bootcamp
      • Overview
      • Curriculum Highlights
      • Outcomes
      • Mentors
    • Pre-Incubation
      • Overview
      • Curriculum Highlights
      • Outcomes
      • Mentors
    • Incubation
      • Overview
      • Key Points
      • Benefits
      • Resources
      • Facilities
      • Process
    • Acceleration
      • Overview
      • Outcomes
      • Process
    • Venture Studio
      • Overview
      • Key Points
      • Benefits
      • Resources
      • Facilities
      • Process
    • Innovation Network
      • Overview
      • Key Points
      • Benefits
      • Resources
      • Opportunities
      • Connect/Register
    • International Pavilion
      • Overview
      • Key Points
      • Benefits
      • Resources
      • Facilities
      • Process
    • Fab Lab & Design Studio
      • Overview
      • Key Points
      • Benefits
      • Resources
      • Facilities
      • Process
  • Innovation Ecosystem / JIGSAW
    • Hero
    • JIGSAW
    • Stats
    • Industry Partner + Solution Provider
    • Why JIGSAW
    • Stakeholders
    • About Innovation Challenge
    • Ongoing Challenges
    • Hackathons (Overview)
    • Completed Challenges
  • Media
    • Blogs
      • Blog Details
    • Gallery
    • Meet-ups
    • News
    • Mewsletters
  • Footer
    • Block 1
      • Team/People
      • Boards & Advisors
      • Facilities
      • Events
      • Careers
      • Forums
    • Block 2
      • Program Details (all programs)
    • Block 3
      • FAQs
      • Terms & Conditions
      • Privacy Policy

USER FLOWS

Key flows validated navigation logic and reduced friction across roles (student, researcher, startup, investor, admin). These ensured users could discover programs, register, and participate in events smoothly.

Unified Registration & Login
  1. Visit “Join iTNT” → choose role (Startup / Student / Researcher / Investor / Mentor / Government / Industry)
  2. Fill role-specific registration → submit → confirmation email / OTP
  3. Login via Unified Portal → ID validation → auto-redirect to role dashboard
  4. Dashboard shows recommended programs/events + profile completion prompts
Program Discovery & Application
  1. Homepage → Programs → select (e.g., Pre-Incubation)
  2. Read Overview, Eligibility, Outcomes → CTA: “Apply Now”
  3. Login/Register (if needed) → prefilled profile data → submit application
  4. Status tracking on dashboard → email/SMS notifications on updates
Event Discovery & Sign-up
  1. Homepage → Events / Meetups → filter by date/topic
  2. Event details → “Register” → quick form
  3. Confirmation + calendar add → reminder notifications
  4. Post-event: feedback prompt and related opportunities

Phase 3 – Design

Due to tight deadlines, I directly started working on high-fidelity designs in Figma. These designs were iterative, refined continuously until finalized, ensuring alignment with research insights and the information architecture from Phase 2. My focus was to create intuitive, user-centered interfaces that balanced business objectives and user needs.


Design System & UI Components

To ensure a cohesive and scalable interface, I established a design system including typography, color palettes, buttons, cards, and other UI components. This system maintained visual consistency across screens and supports efficient future updates.

iTNT Color Palette and Typography iTNT Buttons and UI Components

Microinteractions & Interactive Flows

Smooth transitions, hover effects, and subtle animated feedback cues guide users naturally through the platform. These microinteractions improved program discovery, helped users understand system responses, and made the overall experience more engaging.

Prototype screen 1 Prototype screen 2


Iterative Feedback & Refinement

User testing sessions and stakeholder reviews informed incremental improvements. I tracked usability issues, refined flows, and optimized content placement to ensure a seamless experience for startups, researchers, and internal admins.

Feedback and refinement board

Phase 4 – Deliver

Testing & Feedback Loops

Throughout the design sprints, we integrated usability testing to ensure the platform met user needs. Early prototypes were shared with stakeholders, uncovering navigation challenges and registration bottlenecks, particularly on mobile devices. Feedback from these sessions informed iterative improvements, keeping the product aligned with user expectations.

Usability Testing Insights
Usability Testing Insights

Development Handoff & Parallel Work

Once design elements were finalized, I prepared detailed specifications and asset packages for the development team. By running design and development in parallel, we accelerated delivery timelines and allowed future iterations to adapt seamlessly to early development insights or changing requirements.



Final Designs

The final designs for the iTNT Digital Ecosystem combine a modern, accessible, and cohesive experience across the website, mobile app, and admin panel.

Design System & UI Components

We built a scalable design system to ensure consistency and efficiency across the platform. This included:

  • Grid-based layouts to establish a clear visual hierarchy.
  • Bold, vibrant colors reflecting Tamil Nadu’s innovation identity.
  • Accessible typography optimized for readability across devices.
  • Reusable UI components to support fast updates and maintain consistency.

Key Design Highlights

  • Website: Intuitive navigation, program discovery cards, event calendars, success stories, and simplified registration forms.
  • Mobile Experience: Optimized onboarding, quick event signups, and smooth performance, even on lower bandwidth.
  • Admin Panel: Streamlined dashboards for officials to approve applications, manage programs, and monitor engagement analytics.

Design Scale in Numbers

  • 24 reusable UI components for consistency and scalability.
  • 03 responsive breakpoints across desktop, tablet, and mobile devices.
  • Over 100 UI screens covering complete user journeys and admin workflows.

iTNT Final Designs

Launch Highlights

The iTNT Digital Ecosystem successfully launched during the inaugural event. Post-launch, we continued refining the platform based on real user feedback, improving onboarding flows, mobile usability, and content accessibility. This iterative approach ensured the platform remained aligned with evolving user and business goals.

Platform Launch Highlights

Key Learnings

Designing for a Diverse Audience

Balancing the needs of startups, researchers, students, and government officials required attention to different levels of detail and functionality, while keeping the UI intuitive and consistent.

Flexibility in Government + Startup Collaboration

Processes in government-backed ecosystems can change quickly. Building modular components and flexible workflows allowed us to accommodate last-minute changes without disrupting the user experience.

Early Testing Prevents Bottlenecks

Conducting usability tests early uncovered navigation and registration issues on mobile that could have caused major delays post-launch. Addressing these early saved weeks of rework and ensured a smoother rollout.

Future Vision

Post-launch Optimization

Continuous UX improvements and performance monitoring will ensure the platform evolves smoothly alongside user and business needs.

Community Features

Creating a networking hub for startups, students, and researchers to connect directly on the platform will further strengthen the ecosystem.

Reflections

This project has been one of my proudest contributions at iTNT. The collaboration of designers, product managers, engineers, QA, and iTNT officials made it possible to deliver not just a digital platform, but a foundation that empowers Tamil Nadu’s innovation ecosystem for years to come. :)

Thank you for exploring my design journey. I hope it provides insight into the thinking, collaboration, and problem-solving that went into building the iTNT Digital Ecosystem. 🚀