Overview
I designed the UI/UX for the internal employee portal of Agratas (Tata Groupβs global battery business). The portal, built on SharePoint, serves as a central hub for employees to access company updates, tools, and resources across multiple departments and locations.
β Design Tool: Figma
β My Role: UI/UX Designer
β
Team: Collaboration with internal IT team, SharePoint developers, and corporate communication team
π―project Goal
Design a digital auction platform that:
- Enable employees to easily access location-specific updates, internal tools, policies, and news
- Ensure design consistency across various departments and locations (e.g. Bridgwater UK, Sanand India)
- Enhance employee engagement and make information discovery seamless
- Ensure SharePoint compatibility while creating an intuitive, modern interface
User Personas
Design Process
π Research & Requirements
β’ Conducted stakeholder interviews (Corporate Communications, HR, IT)
β’ Studied existing SharePoint limitations and opportunities
π Wireframing & Information Architecture
β’ Created low-fidelity wireframes for key modules:
β’ Home page
β’ News / Updates
β’ Location-specific pages
β’ Departmental hubs (Quality, Technology, People & Culture, etc.)
β’ Defined a navigation structure that is simple and scalable
π¨ Visual Design
β’ Developed high-fidelity mockups in line with Tata / Agratas brand guidelines
β’ Used consistent color palettes, iconography, and spacing
β’ Prioritized readability and accessibility
β’ Designed reusable templates to maintain consistency across pages
Conclusion
βοΈ Handoff & Collaboration
β’ Developed high-fidelity mockups in line with Tata / Agratas brand guidelines
β’ Used consistent color palettes, iconography, and spacing
β’ Prioritized readability and accessibility
β’ Designed reusable templates to maintain consistency across pages
π Key Features I Designed
β Home Page Dashboard: Quick links, news highlights, event banners
β Location-Specific Pages: Maps, local news, contact directories
β Departmental Pages: Custom layouts for HR, Quality, IT, etc.
β All News Section: Aggregated updates across sites
β Responsive Layout: Designed for both desktop and tablet use