The redesigned SAP Fieldglass homepage
← All projects
B2B SaaS Platform Design

Redesigning the SAP Fieldglass homepage from a one-size-fits-all solution to a governed template system

I led the UX redesign of SAP Fieldglass's homepage, a high-visibility, strategic initiative across product, engineering, and executive stakeholders, transforming it into a dynamic, role-based dashboard used by over 1,000 enterprise clients.

This project was spotlighted in 👉 SAP's public UX updates. Internal reception has been overwhelmingly positive.

Role

Product Designer

Team

2 designers, 1 PM, 6 developers, 1 researcher, 1 QA, 1 tech writer

Timeline

Jan 2024 – Nov 2024 (shipped)

Scope

End-user homepage, admin configuration system, template and widget governance, request and approval flows

Problem

One homepage forced the same wall of widgets on every role. Users found it hard to navigate, and the executive brief framed the fix as a visual refresh: adopt SAP UI5 cards.

Outcome

A role-based template system on a modular 4-column layout, shipped in November 2024 as the default landing experience for 1,180+ enterprise clients.

01 / CONTEXT

What is SAP Fieldglass?

SAP Fieldglass is an enterprise SaaS platform that helps large organizations manage their external workforce and vendor relationships at scale. As a global B2B product, it supports complex workflows and compliance needs across different industries and markets.

However, despite its robust backend and business value, the homepage had become a source of confusion rather than clarity. There has been persistent user feedback that the homepage is hard to navigate and completely unintuitive.

In early 2024, I was tasked with redesigning this critical touchpoint. The project was one of SAP Fieldglass's strategic priorities for the year, supported by product and design leadership.

The previous SAP Fieldglass homepage
This is how the homepage used to look.

02 / PROBLEM FRAMING

Beyond visual design

This redesign started with a clear but narrow executive mandate: adopt cards from the standard JavaScript framework SAP UI5 to modernize the homepage and enable future integrations across SAP platforms.

However, as the designer, I knew this visual upgrade would only scratch the surface. The redesign couldn't just be about better-looking cards, it needed to solve foundational UX and workflow issues.

📐

What the leadership wanted

  • Implement SAP UI5 Cards
  • Ensure widget modularity & platform alignment
  • 🧱Treat redesign as a visual/technical refresh
🔎

What I observed

  • ⚠️Users were overwhelmed by unprioritized content
  • ⚠️Same layout forced on vastly different roles
  • ⚠️Tasks buried in visual noise

03 / DESIGN GOALS

Translating insights into design goals

Based on insights gathered from my domain observations, UX research findings, and ongoing cross-functional syncs, we translated broad platform pain points into clear, scalable design goals:

Flexible and adaptive layout

Design a dynamic and modular layout that adapts to various user workflows, allowing for personalization and prioritization of tasks according to user roles.

Role-based content delivery

Develop a dynamic content delivery system that tailors homepage information to user roles, ensuring relevance and reducing information overload.

Improved navigation

Surface frequently used pages and features more prominently.

Modernized design with UI5 cards

Adopt SAP UI5 cards so the homepage stays consistent with the wider SAP platform and is ready for future integrations.

04 / PROCESS

How we got there

Translating our design strategies into a usable system meant resolving real design complexity. My focus was on reducing noise while enabling flexibility, and we approached it through parallel focused streams:

🧩  Persona to template

Working closely with our PM and UX researcher, we identified key personas: Hiring Manager (contingent and SOW), PMO, Financial Approver, and Admin. Each role required different widgets, layouts, and information priority, so we reverse-engineered user workflows into homepage actions, and then matched them to essential widgets.

The homepage had to work across radically different jobs, different responsibilities and definitions of urgency.
Four personas: Hiring Manager, PMO, Procurement, System admin

🖌️  Account for the 80% and provide flexibility for customization

~80%
Similarity by role

Provide an out-of-the-box template with the widgets most people need.

~20%
Company specific

Let our clients customize to their own needs.

🖌️  Condensing the widgets and applying a flexible layout

I led a full audit of homepage widgets, worked with our PM and researcher to map core user actions (e.g., posting a job, reviewing SOWs) and determined what information truly needed to be surfaced. This reverse-mapping allowed us to cut noise and prioritize action, transforming the homepage from a wall of widgets into a focused control center.

We applied a flexible 4-column grid layout that allowed widgets to scale, supporting single, double, and full-width modules.

Widget audit and layout exploration
A snapshot of our widget audit and exploration in the process.

05 / GOVERNANCE

Closing the last mile

The template system answered "what should each role see." But when it came to who keeps this running, the working assumption was that admins would configure every user correctly. As a designer who has designed for admin users, I knew this assumption was not accurate: an admin overseeing hundreds of users cannot know what each person needs day to day, and users don't know exactly which widgets they could ask for.

I've seen a great amount of offline communication, including emails, Jira tickets, and hallway conversations between admins and other end users. The admins are end users too, and they are the last mile that decides whether the templates reach anyone. That's why I went ahead with my reasoning and got the stakeholders aligned on adding the widget request workflow to the roadmap.

Layout template list view Layout template details page

Layout template list view and template details

The request loop replaces the offline back-and-forth between admin users and other end users. A user can request widgets from Homepage Settings, and the request lands in the admin's queue.

End user requesting widgets from Homepage Settings Admin's widget request queue

End user's Homepage Settings and the admin's widget request queue

06 / OUTCOME

The new homepage

A modular, adaptive homepage now supports SAP UI5 cards and a scalable 4-column layout system. Our modular structure made it easy to adapt layouts when new needs emerged later in the roadmap.

Hiring Manager homepage template
PMO homepage template
SOW Manager homepage template
Financial Approver homepage template
Admin homepage template

07 / IMPACT

Impact & reception

Launched in November 2024, the redesigned SAP Fieldglass homepage became the default landing experience for thousands of enterprise companies. While full metrics are still being consolidated, early signals show strong adoption and alignment with SAP's long-term platform strategy.

🌎

Global rollout

Rolled out to 1,180+ enterprise clients across 190+ countries.

🏢

Trusted by industry leaders

Supports Fortune 500 external workforce management across 21 languages and $20B+ in Q1 spend.

🎉

Strong internal reception

Highlighted in SAP's Q1 2025 UX Update and featured on SAP's official LinkedIn channel.

Next project

Mobile Time Entry