Hi, this is

Shivani Sundar

I'm a

PRODUCT & SERVICE DESIGNER

Eligible for SC clearance London 6+ years of experience
When describing my job, I go with

"Simplifying complexity to make user journeys intuitive and enable people-centric decision making."

Shivani Sundar
Trusted by teams & clients at
BIL Commerce Bank Raiffeisen Bank Credem Banca Deloitte DZ Bank Metro Bank Lloyds Bank Santander Fidelity International HSBC BIL Commerce Bank Raiffeisen Bank Credem Banca Deloitte DZ Bank Metro Bank Lloyds Bank Santander Fidelity International HSBC

What do I do

Currently Product research & AI design at LSEG
Disciplines
Experience design Service design Product design Conversational design UX design
My tool kit Figma, Replit, Lovable, Claude, Lyssna, Qualtrics, Asana, Jira, Perplexity
Design workshop — grey chairs collaborative session

How do I work

Persona mapping workshop

Understand the real problem

Before any brief is accepted at face value, I push to deeply understand what's really happening, from users, stakeholders, and the whole system. Uncovering unmet needs and identifying the right problems ensures that what we build is grounded in reality, not assumptions.

Facilitating journey map session

Co-design over delivery

I bring users and stakeholders in early, not at the end. Working collaboratively across partners and customers means the solutions we develop are grounded in real needs. Improving a product, a service, or a specific part of a journey, it's always done with people, not for them.

Workshop — blue jacket facilitation session

Reduce complexity, build trust

Every design decision should make something easier, clearer, or less effortful. If it doesn't, it shouldn't be there. At the core, it's about reducing complexity and making sure the experience actually works for the user, in the real world, not just in the prototype.

My playbook

I don't design in a silo. I collaborate closely with a wide range of stakeholders and apply the tools and methods that will deliver the greatest impact and ROI. Sometimes, that also means reframing or renaming design methods to better align with a company's existing language and culture, making the process feel more accessible rather than overwhelming.

01

Discover

02

Define

03

Develop

04

Deliver

Validation track
Problem undefined
Problem validated
Concepts defined
Concept validated
Solution designed
Service design
User interviewsEthnographic studiesMystery shoppingSecondary researchSurveys
As-is journeysPersonasStakeholder mapsCompetitor radarsService blueprints
HMW ideationBrainwritingCapability mappingDVF prioritisationConcept prototypes
Strategy choice cascadeService blueprintBusiness origamiOperating modelExperience map
Product design
Competitor analysisUser interviewsSurveysDigital usability auditUsability testing
PersonasUser journeysSitemapsMental modelsPOVs
Crazy 8'sRapid idea generationLo-fi prototypingTree testingA/B testing
High-fidelity prototypesScenario walkthroughsOmnichannel designsDesign systemsCode
AI trackDarker means more AI
Light

Expediting secondary research with agents and plugins; research repo project spaces

Human-led

Persona agents to pressure-test, with the thinking kept human

Heaviest

Vibe coding prototypes with Replit, Cursor, Claude and Lovable

Moderate

Accessibility & WCAG agents to check and refine

Validation track
Problem undefined
01

Discover

Service design
User interviewsEthnographic studiesMystery shoppingSecondary researchSurveys
Product design
Competitor analysisUser interviewsSurveysDigital usability auditUsability testing
AI track · Light

Expediting secondary research with agents and plugins; research repo project spaces

Problem validated
02

Define

Service design
As-is journeysPersonasStakeholder mapsCompetitor radarsService blueprints
Product design
PersonasUser journeysSitemapsMental modelsPOVs
AI track · Human-led

Persona agents to pressure-test, with the thinking kept human

Concepts defined
03

Develop

Service design
HMW ideationBrainwritingCapability mappingDVF prioritisationConcept prototypes
Product design
Crazy 8'sRapid idea generationLo-fi prototypingTree testingA/B testing
AI track · Heaviest

Vibe coding prototypes with Replit, Cursor, Claude and Lovable

Concept validated
04

Deliver

Service design
Strategy choice cascadeService blueprintBusiness origamiOperating modelExperience map
Product design
High-fidelity prototypesScenario walkthroughsOmnichannel designsDesign systemsCode
AI track · Moderate

Accessibility & WCAG agents to check and refine

Solution designed

Beyond the screen

The work around the work: leading conversations about design, building community and growing capability in others.

Presenting a talk to a room of designers and researchers

Design leadership

Hosting talks and PechaKuchas, talking about design, writing articles and publishing on design trends.

Facilitating a design jam around a workshop table

Design community building

Hosting workshops, events and design jams that bring designers together to share and learn.

Teaching service design in an online guest lecture

Mentoring & capability building

Running webinars, teaching and sharing frameworks to build design capability in teams and students.

People say

Avinash Kumar
Avinash Kumar Line Manager Product & technology leader

I hired Shivani at Temenos in 2023 to own and evolve user experience for Temenos' next gen core banking SaaS platform. Shivani not only demonstrated her UX skills quickly, but also brought business value by understanding business and customer pain points, frictions in SaaS lifecycle and proposing solutions for business and operational optimisation. She is highly skilled in service design frameworks and methodologies and her interpersonal, team and collaboration skills are commendable. Shivani is a pleasure to work with, and I would highly recommend her to anyone wanting to setup and/ or scale service design/ UX function.

Erik Johnson
Erik Johnson Line Manager Head of Design, Temenos

I had the pleasure of managing Shiv during her time at Temenos, and I would gladly work with her again. Shiv brings deep expertise in Service Design and Design Thinking, paired with a genuine commitment to continuous learning. She was also one of our most trusted facilitators. I would confidently put Shiv in front of senior banking executives and cross-disciplinary leadership teams, knowing she could navigate complex conversations, strong personalities, and ambiguous problem spaces with professionalism and clarity. Shiv is an exceptional designer, collaborator, and leader and any organization would be lucky to have her.

Sofia Moschou
Sofia Moschou Senior Team Lead Senior AI Manager, LSEG

Shiv ran one of the best-run internal events in LSEG. The flow was well prepared & Shiv brought brought in full ownership to the event lifecycle. She organised SME prep sessions, outlined the importance of design methods & made us comfortable to co-facilitate roundtables. Her communication is always clear, timely & considerate. She gave contributors the right level of context without overwhelming them. Her passion for design & people is what differentiates her. She is very proactive & actively seeks feedback, which shows her commitment to learning & self-improvement

James Galassi
James Galassi Project Lead Head of Retail, Temenos

Shiv is an amazing addition to a team that wants to drive the customer and market thinking into product development. She developed and ran four Design Thinking, 2 day workshops for me on AI and composable banking during 2025 and calmly and confidently used her Design Thinking expertise to guide groups of 20+ people to take an outside-in and data driven approach to solve problems. The analysis and recommendations following the workshops were also excellent and enabled me to refine my thinking and roadmaps. I wish Shiv was still working with me.

1 / 4

Selected
case studies

Each project follows the same thread: start with the real problem, work closely with users and partners, and only build what genuinely helps.

Temenos Modularity
Service Design Banking SaaS 2025

Temenos Modularity

Transforming a failing product concept into a co-designed modular strategy — by rebuilding with partners and customers, not just for them.

Read case study →
Vandals
Experience Design Startup 2024–2025

Vandals

Re-designing how a strategic design service provider communicates intangible value, structures client engagement, and builds trust without relying on a traditional portfolio.

Read case study →
Credem Digital App
UX Design Digital Banking 2025

Credem Digital App

Redesigning a one-size-fits-all banking app into a persona-driven experience balancing Gen Z expectations with boomer familiarity.

Read case study →
Presentations & decks

How I frame and pitch complex briefs

Barclays logo, pitch deck cover
Service Design Pitch deck

How I would approach a complex design brief

A two-day pitch for Barclays: how design-led thinking could help regain mortgage market share.

View the deck →
Temenos Banking Copilot
AI Product Design Banking 2025

Temenos Banking Copilot

Reframing an AI mandate from "let's use AI" into a meaningful product, finding where AI genuinely reduces effort for product managers.

Read case study →
Tube It navigation app
Product Design Transport 2022

Tube It

An inclusive navigation companion for the London Underground, built for Transport for London to make internal station navigation accessible to every kind of rider.

Read case study →
← Back to work

Enhancing partner & customer trust by building true SaaS modular services

Transforming a failing product concept into a credible, co-designed strategy, by rebuilding it from the ground up with partners and customers, not just for them.

Year 2025
Company Temenos
Discipline Service design | Design strategy
Partners involved Deloitte, IBM, Raiffeisen Bank
Temenos Updated Value Proposition on screens

"We were trying to sell modularity without actually delivering a modular, partner-friendly, SaaS-like experience."

Temenos has traditionally offered core banking as a full-suite product, but not every bank wants or needs the entire stack. There was a push to break this into modular, plug-and-play capabilities but the earlier attempt, Temenos Banking Capabilities, had failed.

The modules weren't truly modular, tightly coupled to core, leading to instability Documentation wasn't fit for purpose, it was reused from core, not tailored to personas Integration into bank ecosystems wasn't seamless, there were gaps in UI, APIs & interoperability The experience didn't feel like true SaaS, it was too complex, too heavy, not plug-and-play Customers wanted a phased, low-risk approach, not a full core replacement

Co-design program with 2 lenses — Partner & customer

We launched Temenos Modularity as a co-design program in 2025 to fix this — by getting closer to both partners and customers. The approach had two lenses: partners (implementation focus) and customers (adoption and business value focus).

Partner workshop — sticky note wall
STEP 01

Internal alignment

Before going out, we aligned internally on:

  • Existing architecture and known limitations
  • Why the previous approach failed
  • Key personas across partners and banks
Post-it notes from partner workshop
STEP 02

Partner workshops

We ran deep-dive sessions to understand:

  • Market demand for modular services
  • Pain points in implementation (especially from the previous attempt)
  • Gaps in Temenos support (tools, documentation, collaboration), current engagement and delivery models
Customer co-design session with Raiffeisen Bank
STEP 03

Customer co-design

We worked with Raiffeisen Bank (across Slovakia, Albania, Croatia) to understand:

  • Their business and technology strategy
  • How they evaluate and select vendors,
  • Their current journey with Temenos and partners
  • What capabilities they expect from a vendor (integration, documentation, support, etc.,)
Synthesis diagram — stakeholder map
STEP 04

Synthesis to strategy

  • Reframed the modularity value proposition
  • Defined new technical and non-technical capabilities
  • Built a partner engagement model
  • Created persona-based documentation and integration guidance
  • Addressed architectural gaps to make modules core agnostic

How I approached a complex brief & introduced service transformation

The presentation I used to walk through the programme: why the project mattered, how I validated problems and solutions one by one, and what I took away from it. Flip through the slides, or open the full PDF.

From assumption-led to insight-led strategy

The biggest shift was moving from assumption-led to insight-led strategy. We developed a much deeper understanding of both partners and customers, repositioned Temenos as an enabler of bank strategy — not just a software vendor — and made modularity more practical, implementable, and partner-friendly.

2

Partner deal signatures — Deloitte and IBM signed on as modularity partners

3

Customer deal signatures — Raiffeisen Bank became co-design partner & early adopter

New

AI-driven partner documentation, API standards, automated integration testing built

  • Stronger partner trust → Deloitte and IBM signed on; a new partner-Temenos engagement model was built
  • Customer validation → Raiffeisen Bank became a co-design partner and early adopter
  • Clearer ways of working → Defined RACI, better engagement model, regular cadences established
  • New capabilities built → AI-driven documentation, API standards, automated integration testing, phased modernisation support
  • Refined technical direction → True modular architecture, core-agnostic design, cleaner APIs, low-risk modernisation approach
Previous ← Banking Copilot
Next Vandals →
← Back to work

How I would approach a complex design brief

A two-day pitch exercise for Barclays: how design-led thinking could help the bank regain mortgage market share, from reframing the problem to a co-created, six-month approach.

FormatPitch deck
ClientBarclays
DisciplineService design | Design strategy
Timeframe2 days
Barclays mortgage pitch deck cover

Losing mortgage market share, and working out why

Symptom

Barclays is losing mortgage market share.

Suspected root causes

  • Poor D2C customer experience
  • Weak integration with intermediary channels
  • No unified customer view across service lines

Expectation

A pitch deck on our understanding of the problem and how design-driven thinking can help regain market share, in 2 days.

The proposed approach runs over six months across five phases:

EXPANDCONSIDERINVOLVEREFLECTEXPRESS

The full pitch

Flip through the slides, or open the full PDF.

Previous ← Temenos Modularity
Next Vandals →
← Back to work

Re-designing Vandals' client experience & communication strategy

Redesigning how a strategic design service provider communicates intangible value, structures client engagement, and builds trust without relying on a traditional portfolio.

Year 2024–2025
Company Freelance
Discipline Experience design
Partners involved Vandals
Vandals LinkedIn profile on iPad
26%

increase in SEO appearances

3

New customer touchpoints pre-sales

High confidence

In deal signatures due to design therapy

Problem background

Vandals is a Barcelona-based strategic design service provider known for research-driven, collaborative transformation projects across multiple industries. They attract clients through referrals, partnerships, and events but most of their work sits behind NDA agreements.

They needed a way to communicate intangible impact without compromising confidentiality.

Problem evidence
  • Users appreciated the creative identity but struggled to understand the breadth of services
  • Prospective clients often didn't know how to articulate what they actually needed
  • There was no structured touchpoint to translate strategic design into business language
  • Lack of clarity on what prospects were looking for in design service providers
  • Hard to demonstrate strategic thinking, facilitation, and systems-level problem solving through portfolio

"How might we communicate the value of strategic design in a way that builds trust, simplifies complex offerings, and creates stronger engagement with prospective clients?"

Looking outside design to understand trust

We approached this as an end-to-end experience strategy project — redesigning how Vandals communicated, onboarded, and engaged with clients across both digital and non-digital touchpoints. The process had three distinct phases.

Usability testing results table
STEP 01

Current digital presence

  • Analysed Vandals' existing communication ecosystem — website, LinkedIn, onboarding journeys, consultation flows, and competitor positioning.
  • Ran usability testing with three personas: prospective clients, HR and business stakeholders, and designers exploring partnerships. The research revealed that cognitive load and lack of clarity were the biggest barriers to conversion.
Mystery shopping journey map across trust-based industries
STEP 02

Mystery shopping across trust-based industries

  • Since Vandals operates similarly to other expertise-led service providers, I conducted mystery shopping across legal firms, investment consultants, therapists, coaches, and mentors.
  • The key insight: successful providers focused less on outputs and more on communicating their mindset, process, and ability to make clients feel understood. This became the strategic direction.
Competitor positioning chart — Eliminate, Reduce, Raise, Create
STEP 03

Where are the competitors playing?

  • Scanned the competitors' digital presence, communication strategy & the breadth of services.
  • They showcasing working culture and principles, ensured transparency in design process & showcased their service journey. These were attributes Vandals wanted to inculcate & eliminate the need to show portfolios like competitors did.
Bar chart — Key Strengths of the Design Agency based on Client Feedback
STEP 04

What do our clients feel?

  • We also surveyed existing clients to understand: Why they initially approached Vandals, What created trust during engagements, What they valued most about Vandals etc.,
  • The insights emerged shaped the direction: "We would like to see their work in internet more often, Clearly explain the purpose and outcomes of each exercise, visually communicate pricing adaptability"
End-to-end service journey map on post-it board
STEP 05

Articulating service journeys

  • Using insights from usability testing, surveys, mystery shopping, and competitor analysis, I mapped an end-to-end service journey to be used during initial client engagements.
  • The visual was designed to clearly showcase how Vandals works, highlighting key touchpoints, engagement stages, and collaboration methods upfront.
Design Therapy — pre-diagnosis form, prescription, and LinkedIn profile
STEP 06

Prototyping empathetic experiences

  • One of the most significant concepts to emerge was Design Therapy — reframing the initial consultation from a sales conversation into a collaborative diagnosis.
  • Inspired by therapy and coaching engagement models, the experience focused on listening deeply & building emotional trust early. I designed pre-diagnosis forms, consultation frameworks, and "design prescriptions"
Challenges Design decisions
Too many competitor ideas made it difficult to objectively prioritise what truly aligned with Vandals' brand value.
→
Repurposed an existing client meeting to run a lightweight survey, using real client values to validate which ideas were worth carrying forward.
Vandals wanted to differentiate from conventional design agencies, but the project had limited time and a zero-cost research constraint.
→
Used mystery shopping across parallel service industries and mapped their journeys through a 5E Experience Map to identify new ways Vandals could design its own service experience.

From portfolio-led to empathy-led consultation

Fixing digital journeys helped prospects find Vandals

Website & Social re-design boosted SEO appearances & clarified Vandals branch positioning. Re-designed discovery call structure improved conversions.

Vandals understood prospects better

"Design Therapy" / RIP the brief, became part of the pre-sales experience which made early client conversations more empathetic, approachable and collaborative.

In turn, clients understood Vandals better

Prospects understood what they are signing up for through design jargon-less consultations, simplified onboarding & better storytelling.

Vandals team co-design session in Barcelona
Previous ← SaaS Modularity
Next Credem Digital App →
← Back to work

Improving 30% user engagement in a persona-driven retail app

Evolving a one-size-fits-all banking app into a persona-driven experience that genuinely serves both Gen Z and boomer users, while simplifying how banks customise and build on top of it.

Year 2025
Company Temenos
Discipline UX design | Design thinking
Partners involved Credem banca, Italy
Credem digital banking app — 6 phone screens showing different features

"How might we redesign the digital banking experience to balance traditional and modern user needs, while also making it easier for banks to customise and deliver that experience?"

Temenos Infinity was designed as a plug and play digital banking app, but in reality, it was too generic.

It functioned as a one size fits all SaaS product with no real persona specific experiences. Banks had to heavily customise the UI to make it usable for their customers.

Gen Z users who expect modern, engaging, app-like experiences similar to Revolut Boomer users who prefer familiar, stable and easy-to-understand flows Limited personalisation and no progressive discovery of features Poor navigation and findability across both personas & lack of quick actions Developer experience in Temenos Quantum was complex and friction-heavy

Co-design from the inside out

We approached this as a co design engagement with the bank, using design as a tool to deeply understand both end user and developer needs.

Internal journey mapping — Temenos app flows and AI capabilities
STEP 01

Internal understanding

Before engaging the bank, we,

  • Mapped current user flows in the standard Temenos app versus the bank's customised version.
  • Reviewed AI capabilities on the product roadmap, spoke to designers who had previously worked on the bank's implementation
  • Identified gaps between out of the box features & usage.
Gen Z and Boomer opportunities — ranked feature categories
STEP 02

Co-design workshops — two days on-site

We ran two-day workshops on-site with multiple stakeholders. We defined the two personas (Gen Z and Boomer), mapped customer pain points from bank research, and generated two clear HMW challenges:

  • Creating a Revolut-like experience for Gen Z
  • Preserving familiarity for boomers while enabling new features.
Ideation sketches — investment help for boomers and portfolio wireframe
STEP 03

Ideation and prioritisation

We generated feature ideas across both personas

  • gamified savings (piggy-based savings), social leaderboards for Gen Z
  • AI-assisted financial guidance, smart reminders for boomers.
  • We evaluated where AI could add value, prioritised using desirability, business viability and feasibility, and created low-fidelity prototypes for key concepts.
Developer usability testing — Temenos Quantum grouping flow and observations
STEP 04

Developer usability testing

In parallel, we focused on bank side developers who customise the app.

  • We conducted usability testing on Temenos Quantum, the UI customisation tool, and identified friction in how developers modify UI, implement features and work within existing constraints.

From generic to persona-driven at every level

  • We moved from a generic, one size fits all digital app to a more persona driven, customisable and modern banking experience, while also simplifying how banks build on top of it.
Better NPS

The bank gained clarity on what to build versus what Temenos should provide. They bought into the concepts and became co design partners for future features

Roadmap shaken

The work influenced the digital banking product roadmap with persona driven features. It introduced modern capabilities grounded in real user needs

Improving persona experiences

Gaps in developer experience, gave rise to Conversational Studio— UI customisation tool inspired by modern tools like Lovable and Replit, to aid developers to build UI easily

Co-design workshop — presenting Gen Z and Boomer themes to stakeholders
Previous ← Vandals
Next Banking Copilot →
← Back to work

Building AI that is worth more than yet another chatbot

How might we help banking product managers navigate complex workflows, decide faster and resolve problems sooner, without adding another layer of complexity to an already sophisticated platform? Instead of starting with the technology, we started with the people using it.

RoleAI & Conversational Design Lead
CompanyTemenos Transact
Year2025
Co-design partnersBIL, Commerce Bank

Demo of the Temenos Core Copilot

From “let’s use AI” to a real problem

Temenos wanted to use its partnership with Microsoft to bring more AI into its products, particularly in retail banking. The risk was a solution looking for a problem: a chatbot might demonstrate the technology without making the product any easier to use.

The brief

“Let’s use AI in our products”

→
The question we asked

“Where do product managers feel the most friction, and where can AI genuinely make their work easier?”

Who we focused on
Product managers, functional and technical

The people who use Temenos Transact to build and launch banking products.

The reframed problem

What are the actual pain points in Transact, and where does AI genuinely help versus where it doesn’t?

What we realised

There was a significant gap between ideation and implementation. The platform supported implementation, but the work leading up to it, researching ideas, validating requirements, understanding impact and making decisions, was fragmented and manual.

Support

The product only really supports them during implementation.

Before that

Ideation, validation and decision making are manual.

Dependencies

They lean on SQL queries, internal knowledge and support teams.

Experience

The overall experience is heavy and fragmented.

The real problem became
How do we support product managers across more of the product lifecycle, and only bring in AI where it creates meaningful value?

A copilot designed around the work, not the technology

We explored a conversational AI experience embedded inside Temenos Transact. Product managers already asked questions, sought explanations and relied on experts and support teams, so conversation matched an established behaviour rather than introducing a new way of working.

The Product Manager Copilot in action

Access information

Reduce the effort needed to find answers and navigate complex product knowledge.

Support decisions

Help explore ideas, understand dependencies and investigate implications.

Accelerate investigation

Support investigating unexpected behaviour, like incorrect calculations or problematic contracts.

Crucially, not every pain point became an AI opportunity. Product improvements, bugs and issues better handled by support were kept out of scope. My role was to turn validated needs into jobs to be done, define the conversational interaction model and shape how the assistant behaves within the wider product.

Product Manager Copilot
Start from a prompt
Start from a promptA prompt library guides first-time users, and they can bring their own documents.
Summarise findings
Summarise findingsSurvey results become a clear summary of what customers want from a product.
Understand customers
Understand customersCustomer questions come back as charts, without writing SQL.
Follow trends
Follow trendsTrends over time sit right in the conversation.
Check the competition
Check the competitionAsk how other banks offer a similar product.
Check what Transact can do
Check what Transact can doFind out if an idea is possible with out-of-the-box functionality.

From a co-design project to a way of building AI

Strong pull from banks

120+ banks signed up for a co-design project like this one, and BIL Bank and Commerce Bank joined the early access program as customers.

More copilots followed

Two more copilots were launched on the back of this project’s success.

Faster product work

Product managers could reach customer queries faster, the time taken to access support queries and to do market research came down, and product ideation time dropped by 30%.

A playbook for the future

It established a conversational AI and behavioural design playbook for Temenos to use on future projects.

Temenos Core Copilot on stage

Design process, keeping it lean

We deliberately paused the original business requirements document to make room for discovery before committing to features. Understanding first, designing second, with AI feasibility informing the design without driving it. Five stages, from prep work before we ever met the client to early access.

Pre-client engagementPrep work
Internal research
  • Internal research with SMEs
  • Analysing support tickets and talking with support teams
  • Expert SME interviews
Define
  • As-is journey map
  • Proto personas
  • Value proposition and design strategy
Ideate
  • Internal ideation on use cases
  • Existing use cases seen from customer tickets
  • Use-case prioritisation
DiscoveryDesign thinking workshop
Day 1
  • Persona mapping
  • Customer journey mapping
  • Problem discovery
Day 2
  • How-might-we ideation
  • Opportunity identification
  • Idea prioritisation
Define
Synthesise
  • Reflect on observations
  • Create a future-state journey map
  • Explore Gen AI use cases in a workshop with the tech team
  • DVF prioritisation
  • Behavioural design framework
Validate
  • Ideated use cases
  • AI behaviours
  • Test the UI design and user flows
  • And more
Iterate
Refine
  • Prototype refinement based on testing
  • Technical POC refinement
  • Solution sizing
Early access
Launch
  • Working POC
  • Access for three clients: BIL Bank, Commerce Bank and a third partner bank
  • Extending to other personas, such as operational users
  • Presented at the Temenos Community Forum
Team activity before the workshop
A team activity to build trust before the workshop work

Understanding the two product management roles

Internal expert interviewsSupport ticket analysisAs-is journey mapsProto-personas, validated with banks

We worked with internal product experts and banking customers across Europe and the United States, including BIL Bank and Commerce Bank. Mapping both roles helped us separate shared pain points from role-specific needs.

Technical and functional bank admin personas
Functional PMs
  • Hard to access the right data without SQL
  • Turning ideas into implementable requirements
  • Communicating with technical teams
  • Understanding regulatory implications
Technical PMs
  • Complex architecture
  • Manual configuration and integrations
  • Testing and change management
  • Debugging
Persona boards
Persona boards: day to day, motivations, pains
Understanding their end-to-end journeys

We mapped the journey for both roles, from idea to launch, then storyboarded ideas really quickly. One scenario stood out: after a release, when calculations go wrong, teams can spend significant time going through reports and logs to find out what happened and which contracts are affected.

Scroll →
Mapping the journey for both roles, from idea to launch
Mapping the journey for both roles, from idea to launch
Mapping a customer’s organisation on the whiteboard
Mapping a customer’s organisation on the whiteboard
The end-to-end view, with the experts
The end-to-end view, with the experts
Storyboarding the post-release investigation scenario: a quarterly release, a system issue, a manual hunt through reports, and the cost to customers
Storyboarding the post-release investigation scenario: a quarterly release, a system issue, a manual hunt through reports, and the cost to customers

Where AI helps, and where it doesn’t

Research surfaced many pain points, and we didn’t turn them all into AI features. We ran an impact analysis, sorting pain points on the wall, and turned them into point-of-view statements and how-might-we questions.

Impact analysis, sorting pain points on the wall
Impact analysis, sorting pain points on the wall
Point-of-view statements and how-might-we questions, from the Miro board
Point-of-view statements and how-might-we questions, from the Miro board
Triaging what is AI and what is just a product gap

We triaged the findings into product improvements, support and bug fixes, and where AI could actually help.

Product improvements

Conventional product gaps, taken forward as product work.

Support and bug fixes

Better handled through existing support processes.

Where AI could help

Retrieving information, understanding complex behaviour and investigating problems.

Validating the AI use cases with customers

We then went back to customers with the AI-relevant use cases and asked them to assess usefulness against their user goals. That kept us on practical, recognisable needs.

User goals versus usefulness scoring

From user needs to a behavioural design framework

Understanding the technical architecture

To design the product well, I also had to understand a bit of the technical architecture behind it: how the web app, the Azure services, the models and the banking backend fit together.

Technical architecture
The technical architecture of the copilot, built with Microsoft
Designing the conversation

I led the AI and conversational design work, turning research insights into jobs to be done, sample conversations and a behavioural design framework. Rather than starting with a list of prompts, I explored the full interaction: what the user wants, what context is needed, how the assistant responds and what the user can do next.

Interaction model

Users already ask questions and lean on support, so conversation fits their behaviour.

Jobs to be done

Validated user goals converted into jobs to be done.

Sample conversations

Instead of writing prompts, I created sample conversations.

Role, tone and guidance

Defined how the assistant behaves, sounds and where its role ends.

Conversation design

The AI Behavioural & UI Design Framework

I converted the validated user needs into a behavioural design framework, bringing in conversational design best practice, to guide how AI should behave and look across enterprise products. It covers intent, triggers, tone, conversational rules, UI patterns and trust signals. Flip through it.

Human-AI Behavioural Design FrameworkUI/UX lens · for internal design teams
Framework page 1
Framework page 2
Framework page 3
Framework page 4
Framework page 5
Download the framework (PDF) ↓
01Intent & strategy
Does AI add value here?
02Trigger selection
Least disruptive pattern
03Persona & tone
Voice, role, boundaries
04Behavioural laws
Turn-taking, errors, brevity
05UI architecture
Patterns and components
06Trust & governance
Citations, confidence, approvals

Testing the prototype in context

We used early concepts and high-fidelity prototypes to explore how the copilot would live inside Transact: where the chat sits and how much guidance to show. We tested continuously with customers for around three months, and worked closely with engineering to align the experience with what the data could support.

Mid-fidelity frames

Before moving to high fidelity, I mapped the key conversations as mid-fidelity frames: finding the right sources, choosing a template, running a compliance check and following up with market research.

Mid-fidelity conversation frames
Mid-fidelity frames of the core conversation flow
Where does “New chat” live?
New chat multi-variate testing
Where the button goes

We learned where customers expect to find the New chat button.

Where the interface lives

Whether it should be a nested menu within the product, or a separate experience outside of it.

What we removed

Customers didn’t want to pick an agent every time they called one, so we removed the agent guide.

No more typing @ to pick an agent

On testing, we found that users didn’t want to type @ to select an agent, and most of the time some of the agents showed up as not available. Based on that, we refined the experience so users no longer have to select an agent with @.

Typing @ opens the agent list
BeforeTyping @ to choose an agent
No agents found error
BeforeAn unavailable agent returns an error

Extending the Temenos design system

We extended the Temenos design system with AI primitives, using the Temenos icons, so the copilot stays consistent with the host product.

AI primitives

New AI elements, built with the Temenos icon set.

Trust signals

Brought in from the behavioural design playbook.

Principles

From the behavioural design playbook, such as conversational turn-taking.

Style guide and screens
Style guide: colours
Style guide: colours
Style guide: typography
Style guide: typography
Style guide: icons
Style guide: icons
Core Copilot screens built on the extended system
Core Copilot screens built on the extended system

Balancing what PMs asked for

The challenge

PMs wanted to build what they already had in their user stories. They also wanted features outside of Temenos that would really help their product lifecycle.

Validating again

We went back to users to check the absolute must-have features for their lifecycle, alongside the high business impact features already in the user stories.

The decision

We prioritised, with the highest impact first.

Then we prioritised, with the highest impact first.
User need:

“I want to learn from my survey results quickly.”

Prompt library.jpg
Prompt library
Attach a document.jpg
Attach menu
Choose a file.jpg
File picker
Generating.jpg
Generating summary
Summary.jpg
Survey summary
User need:

“I want to understand my customers without writing SQL.”

Follow-up suggestions.jpg
Follow-ups
Customer table.jpg
Customer table
Ask in plain language.jpg
Ask a question
Customer segments.jpg
Segments chart
Trends.jpg
Trend chart
User need:

“I want to compare with competitors, refine my product and check it can be built in Transact.”

Competitor check.jpg
Competitor question
Describe the product.jpg
Product description
Refined product.jpg
Refined description
Out of the box?.jpg
Transact functionality
Previous ← Credem Digital App
Next Tube It →
← Back to work

An inclusive navigation companion for the London Underground

An omni-channel product design project for Transport for London: one guide that follows riders from planning at home to the platform, across app, kiosks, station displays and train displays.

Year2022
ForTransport for London (TfL)
RoleProduct designer
TypeDissertation | Omni-channel

Finding your way underground is hard for many

London Underground is a 150+ year old system serving 5 million journeys a day. This project began with my own confusion changing lines, so I set out to learn whether it was a problem faced by many Londoners.

The moment I was tasked by Kingston to work on my final project, I was pondering about it as I took the tube back home from uni. I reached Euston station to change lines.

Journey doodlesI'm so confused!Trying to get to the right platform since 25mins
5 min25 min8 min3 min
Euston branch map

This is an interchange station that has 4 platforms of Northern line via Bank & Charing Cross branches

Euston interchange subways map

Confusing layout of 2 Northern line branches in 4 directions

Euston signage

Confused between Northern line Northbound, Southbound, different branches etc.,

Who struggles
Laura persona drawingLauraStudentTravels within her zone card and wants to save money.
Eva persona drawingEvaWorking classMisjudges arriving trains and boards in the wrong direction.
Aalvaro persona drawingAalvaroRetiredColour-blind and dyslexic, he struggles with complex signage.
Juan persona drawingJuanTravellerNon-English speaker facing language barriers in unfamiliar stations.
The core problem
Who

Tube commuters across age groups, accessibility needs and language preferences.

Where

London Tube stations and big train stations.

What

They struggle with accessibility, internal station navigation, line changes without internet, and planning cost-effective, time-efficient journeys.

Why

Confusing signage, no support for colour-blind and dyslexic users, and little clear information at key points raise cognitive load.

An omni-channel answer to those problems

Tube It is a product-agnostic, end-to-end guide. The same route, fare-zone and peak-hour information, line-transfer help and AR wayfinding show up wherever the rider is: on the phone, at the kiosk, on the platform and on the train.

Mobile app
Home screen with map
Your route
AR navigation
Menu
Station kiosks
Kiosk screen 1
Kiosk screen 4
Kiosk screen 5
Station & train displays
Station display
Train display

Time saved, and noticed by TfL

Faster, cheaper journeys

Massively reduced the time spent planning, and passengers found more economical ways to travel across the Tube.

Pitched to TfL Go and the Lord Mayor

The Lord Mayor of London suggested features for TfL Go, such as multimodal maps and Oyster cards in the app.

Accessible, one-stop shop

Colour-blind riders, newcomers to London and non-English speakers found it easy to use, with everything in one place.

Presenting to TfL and meeting the Lord Mayor

Five lines, one journey

I followed the double diamond end to end, mapped here like the Underground: every stop is an activity I carried out.

Empathise
  • Aims & Objectives
  • Secondary research
  • Project management
  • User surveys
  • User interviews
  • Field research
  • Participatory design
  • Thematic analysis
  • Primary research insights
Define
  • Personas
  • Empathy maps
  • Customer journey maps
  • Point of view statements
  • User stories
Ideate
  • HMWs
  • Ideation techniques
  • NUF test
  • Design principles
  • Competitor analysis
  • Feature mapping
  • Bull's eye diagram
Prototype
  • Lo-fi
  • Lo-fi testing & iteration
  • Mental model
  • Wireframes
  • Information architecture
  • Moodboard
  • Styleguide
  • Branding
  • Hi-fidelity
Test
  • Usability testing
  • Exploratory feedback
  • Prototype iteration
  • Design rationale
  • Conclusion

Watching people get lost

Secondary research10 user interviewsCovert ethnographySurvey of 65 passengers
What I wanted to find out

Was I the only one struggling, or is this a valid problem faced by many more Londoners? And what do commuters of different ages, abilities and languages actually need from the Tube?

What I found

It is a widespread problem. Desk research, interviews, ethnography and a survey pointed to the same gaps: signage, internal station navigation, fare and peak-hour information, and support for access and language needs.

Desk research
Dyslexia

6.3 million people in the UK (around 10%) have dyslexia, and 1 in 6 adults has the reading level of an 11-year-old.

Signage

Reviews of King's Cross call the sheer amount of signage confusing, and say words like 'westbound' don't help first-time visitors.

Cost and crowds

Overcrowding and expensive fares are among the top reasons people think travel in London has got worse.

Interviews: what they said
Choice

“My choice of tube depends upon time taken and cost.”

Internal navigation

“At Notting Hill I took three escalators to reach the Central line. Had I known the layout, I would've taken a bus instead.”

Information

“Having more multi-lingual kiosks would be good for non-English speakers.”

Signage

“Need more frequent signages and the system could be improved.”

Digital solution

“There is no digital solution to navigate internally within stations.”

Rushing

“I hear the train sounds and rush to the platform.”

Ethnography in 7 stations
Signage at Oxford Circus
At busy Oxford Circus, signage for two lines confused commuters: the arrow sat closer to the wrong text.
Cycle restrictions sign
A sign with cycle timings on the Overground was hidden behind a seat, making the information inaccessible.
Tube map printed inside the train
A tube map inside the train showed five lines in the same colour, ignoring the standard line colours.
Survey findings
Use Oyster cards & smart cards60%
Use mobile apps for travel80%
  • Tube for shorter distances
  • Rarely use tube maps
  • Buses for longer journeys
  • Follow signages
  • Use Google Maps & Citymapper

Majority of shortcomings

Get lost following signages
Irked by noise levels
Accessibility issues
Unaware of line transfer info
Dearth of assistance
Inability to understand English

Lines without station tracking displays

Victoria lineJubilee lineCentral linePiccadilly lineNorthern line

Stations with the most navigation difficulty between line transfers

Bank
Stratford
Euston
Edgware Road

What passengers needed most

User stories from the interviews and survey were voted on by 16 fresh passengers across the four persona types, to avoid existing bias. These are the highest voted needs.

1Fare-zone specific routes & peak-hour info
2Train frequency, crowd, noise & ventilation levels
3Entertainment & amenities inside big stations
4Colour-blind safe signage & dyslexia-free maps
5Amenity-specific commute options
6Internal station blueprint
7Nature of commute between line exchanges
8Language-friendly kiosks & line-tracking info
Most votedLeast voted
Opportunity prioritisation sticky notes
Opportunity prioritisation
The opportunity

Build an inclusive, real-time navigation planning product with accessible station maps, cost-saving and time-efficient travel options and personalised route guidance, through omni-channel interfaces. It solves navigation confusion, accessibility and language challenges, and inefficient planning for students, working professionals, non-English speakers, senior citizens and people with accessibility needs.

How might we
Economical

HMW ensure users travel in an economical fashion with the least time and effort?

Wayfinding

HMW ensure users easily find station amenities, directions and exits without getting lost?

Inclusive

HMW ensure the underground system is more inclusive and easily accessible?

The idea that unlocked it

Why don't we use downloadable AR maps to help passengers navigate inside stations?

From sketches to an omni-channel solution

Sketching helped me understand how users want to navigate, and how maps that show the blueprint of a station help them plan their walk.

UX sketches
SCAMPER
TfL GoCitymapperGoogle Maps
Adapt

Fare-zone specific routes and peak-hour rates.

Modify

Platform-specific info: gap, height and noise levels.

Put to other use

Train ticket booking and Oyster top-ups.

Competitor analysis

Passengers mostly use Citymapper, Google Maps and TfL Go, so Tube It had to solve what those apps don't. Comparing them showed two features that are missing:

Missing

Fare-zone specific routes and peak-hour rates

Missing

Colour-blind friendly signage

Features by channel
FeatureMobile appKioskStation signageTrain display
AR internal navigation, multi-language
Colour-blind friendly signage
Live station tracking & announcements
Downloadable maps for non-tech-savvy users
Station blueprint with lines & amenities
Amenities & entertainment in big stations
Routes by fare zone & peak-hour rates
Oyster top-ups & railcard applications
Routes to top tourist places in one click

Keeping it scrappy

Paper first, then low fidelity: cheap to make, cheap to throw away, and enough to test what matters before any pixels are polished.

Paper prototypes
Paper prototypes
Low-fidelity screens
Low fidelity
Mid-fi testing revealed:
Liked the elaborate filtersGive a choice of AR navigation or mapRemove the peak-hour toggleShow bus stops and cycle stands

A palette that resonates with the Underground

Ink#131D2E
Terracotta#C17653
Grey#949598
Mist#E8EDF7
White#FFFFFF
Moodboard
Moodboard: where the colours came from
Colour-blind safe

Line colours are enhanced with unique symbols, so riders recall a line beyond colour alone. The palette was tested to be colour-blind safe.

Dyslexia safe

TfL's Johnston 100 keeps the app consistent with station and bus signage, and the line spacing and typography were redesigned to aid dyslexic readers.

Tube It style guide

What we tested, and what changed

What we wanted to test

Whether people across the four personas could plan a route, explore lines and stations, and use the kiosk, without help.

What we found

Planning a route was the hardest part. Participants misread parts of the 'Your route' page and asked for help.

What changed

Fare zones added to routes, a simpler stop tracker, clearer train direction, and the station phone number and AR view added.

Route page: before and after
Your route page before and after
Station page: before and after
Station page before and after
A revenue model needs several third-party partnerships to work.
→
A partnership model: that's why the work was taken to TfL Go.
AR navigation was very difficult to get right, and needs heavy technical investment.
→
Downloadable maps, so riders can navigate inside stations without relying on live AR.
User need:

“I want to get started.”

Welcome.jpg
Welcome
Login.jpg
Login
Set your preferences.jpg
Set your preferences
AR introduction.jpg
AR introduction
Did you know.jpg
Did you know
Menu.jpg
Menu
User need:

“I want to explore different maps according to my travel preferences.”

Tube map.jpg
Tube map
Map filters.jpg
Map filters
Night tube map.jpg
Night tube map
Map with toilets.jpg
Map with toilets
User need:

“I want to choose a route that suits my travel preferences by being informed about line transfers, peak hours and amenities.”

Customising your route.jpg
Customising your route
Adding travel preferences.jpg
Adding travel preferences
Line transfer and peak hour info.jpg
Line transfer and peak hour info
Custom route options.jpg
Custom route options
User need:

“I want help with internal navigation inside the station and discovering amenities.”

AR route blueprint.jpg
AR route blueprint
Discovering amenities using AR.jpg
Discovering amenities using AR
Navigating to the platform.jpg
Navigating to the platform
In-transit screen.jpg
In-transit screen
User need:

“I want to explore tube lines and stations.”

1-stop station info.jpg
1-stop station info
Discovering tube lines.jpg
Discovering tube lines
Discover amenities - stations.jpg
Discover amenities - stations
Amenity specific stations.jpg
Amenity specific stations
User need:

“I want easily accessible information on peak hours, fare zones, assistance and Oyster card add-ons.”

Zone to zone fare rates.jpg
Zone to zone fare rates
Assistance helplines.jpg
Assistance helplines
Accessibility preferences.jpg
Accessibility preferences
Adding Oyster card.jpg
Adding Oyster card

Kiosk flows

Home.jpg
Home
Line status.jpg
Line status
Your route.jpg
Your route
Explore station.jpg
Explore station
Station map.jpg
Station map
Directions map.jpg
Directions map

Station displays and train displays

Station display.jpg
Station display
Train display.jpg
Train display
Previous ← Temenos Banking Copilot
Next Temenos Modularity →
Get in touch

Let's work
together

I'm open to new projects, collaborations, and conversations. Whether you have a brief ready or just an idea, I'd love to hear from you.

hello@shivanisundar.com LinkedIn →
What I can help with
  • —Service and experience design engagements
  • —Discovery research and insight synthesis
  • —AI experience and conversational design
  • —Co-design facilitation and workshop design
  • —Design strategy and reframing the problem