Tata Consultancy Services
·
Oct 2020 - May 2024
Tata Consultancy Services
Four years as a senior product designer at TCS Interactive: the refresh of TCS's corporate website, pitches and mentoring within the design practice, and client design systems for London Stock Exchange Group and Nest Pensions.
Role
Senior Product Designer
Timeline
Oct 2020 - May 2024
Team
TCS Interactive design practice
Platform
B2B / Responsive Web / Design Systems
Overview
Designing across TCS Interactive
I joined TCS Interactive as a permanent senior product designer and worked there from 2020 to 2024. The role spanned three things: TCS's own corporate website; the work of the design practice, meaning design reviews, pitches for new client work and mentoring other designers; and client engagements. The largest of those was with London Stock Exchange Group, from October 2022 to May 2024, where I worked on Forge, the design system behind the entire group's public websites. That work has its own case study. This page covers the other strands: design for TCS's corporate website, design reviews, pitches and mentoring within the practice, and the foundations of Nest Pensions' design system. The website refresh, delivered alongside an external agency and under a non-disclosure agreement, spanned content discovery, service pages and reusable patterns, with each brief contributing to a more consistent approach to TCS content.
Content discovery
Search, filtering and card component design for Knowledge & Insights
Responsive pages
Service and editorial layouts developed from wireframes to scrolling prototypes
Senior practice
Design reviews, assisting on pitches, and hands-on support and mentoring for other designers
Challenge
Making a large content estate easier to navigate
TCS had services, industries, research and editorial content to present to very different enterprise audiences. My corporate-site assignments asked how someone could find a relevant idea, understand a service and move through a long page without every team inventing a new pattern. The briefs were separate, but the same challenge kept appearing: give varied content a clear structure that works across desktop and mobile.
How could content discovery and reusable page patterns make TCS's breadth easier to explore across screen sizes?
Approach
Corporate web explorations and a wider senior role
Exploring how people find TCS’s research and insights
Knowledge & Insights held a large body of articles, research and perspectives. I explored article cards, search and filtering as ways to move through it, then designed the filter interactions and card components, and developed the desktop and mobile layouts. The designs compared ways to organise results and expose controls without letting the controls dominate the content.
Knowledge & Insights across desktop and mobile.
That work was about the relationship between discovery and reading. A filter is only useful if the resulting content remains easy to scan, and a card has to carry enough information to help someone decide what to open. The responsive views made those decisions visible at different widths rather than treating mobile as a smaller copy of desktop.
Search and filtering explored against real article listings.
Giving varied pages a shared language
I worked on visual directions for cloud services, layouts for “The TCS Way”, related-article cards in several sizes and wireframes for longer editorial pages. I also built short scrolling prototypes for Infrastructure Services and ERP on cloud. Those prototypes let the team see how a page unfolded and how one section led into the next, beyond a set of isolated frames.
Much of this was pattern design: applying consistent patterns across the editorial areas, from articles and knowledge-base pages to longer editorial pieces, with card layouts and components in several variations. Across the assignments, I developed repeatable cards, page structures and interaction patterns that could carry different services and stories, bringing consistency to the patterns while leaving room for what each brief needed.
Wireframes for longer editorial pages: the reusable structure.
Contributing to the design practice
My senior role also extended beyond the screens I produced. I took part in design reviews, contributed to several pitches for new client work, and mentored other designers, giving feedback and hands-on support. That meant explaining the rationale behind a direction, checking how patterns held together and helping work reach a form another team could pick up.
Forge, then a new system for Nest Pensions
My longest client engagement during my TCS tenure was with London Stock Exchange Group, from October 2022 to May 2024. As the senior product designer on Forge, LSEG’s design system, I worked across the live system behind the entire group’s public websites. That work is covered in the LSEG case study.
After LSEG, I moved onto a website refresh for Nest Pensions, the UK workplace pension scheme, brought in specifically to create its design system. Nest already had a product but no design system, so we were creating one retrospectively: capturing the components it already used, then moving them forward with greater consistency and new patterns. I started with an audit of the existing components across key journeys, such as the member dashboard, account setup, changing fund choice and transferring money, setting out what was working, what wasn’t, what was missing and what came next. Alongside research and competitive analysis of comparable systems, that audit shaped the foundations its components and patterns would build on: iconography, colour, typography and grids.
Left Taking stock: the existing Nest library, reorganised for an inventory. Right Auditing components on the member dashboard.
Left What wasn’t working, from accessibility to documentation. Right What was missing from the fundamentals.
Identifying the foundations, starting with colour: graded palettes checked for contrast.
Outcome
Patterns, prototypes and foundations
The corporate-site assignments produced search and filter concepts for Knowledge & Insights, responsive card and page treatments, annotated interactions and scrolling prototypes for service and editorial content. Alongside that work, I contributed to design reviews and pitches across TCS Interactive and laid the foundations of a design system for Nest Pensions, starting from an audit of what it already had.
Knowledge & Insights
Desktop and mobile concepts for finding and filtering a large body of research and editorial content.
Reusable page patterns
Card families, service-page structures and scrolling prototypes for varied corporate content.
Design practice
Reviews, pitch work and direct support for designers beyond my own assignments.
Client design systems
An audit of Nest's existing components, research and the foundations of a design system built retrospectively around its product.
Status
Four-year permanent role
Four-year permanent role
Reflection
A good pattern has to survive the next brief
When work arrives as separate briefs, reusable thinking becomes more valuable. A card, filter or page structure has to work for more than the screen in front of you; it has to hold up when the next service, article or designer arrives. I carried that judgement into reviews and client-system work: explain the decision clearly enough that another team can use it, adapt it and build from it.
