Skip to Content

Agratas Energy Storage Solutions

Industry: Manufacturing

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


Amala Meethal

 IT PMO

β€’ Needs: Tools for posting internal announcements, viewing People & Culture initiatives, and managing employee recognition programs.

β€’ Goals: Improve employee engagement and streamline communication.

Laura Walker

 Corporate Communication Manager (Global)

β€’ Needs: A streamlined way to post company-wide announcements, News and updates 

β€’ Goals: Strengthen internal communication across geographies.

Anju P                                         

 Coorporate Communications Leader-India 

β€’ Needs: A clear layout to quickly guide employees to IT support resources, policies, and forms.

β€’ Goals: Reduce support tickets by making self-help resources easy to find.

Elena P

 Corporate Development & Strategy 

β€’ Needs: Quick access to site-specific health, safety, and operational updates. Wants location maps, contact directories, and news.

β€’ Goals: Ensure his team stays informed and compliant.



 

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