SAP Partner Profile Translation
Localizing the profiles of 2900+ SAP partners for global market outreach

Responsibility
UX/UI Design, User Testing, and Content Writing
Collaboration
Feedback from the Agile team and the Design Lead
Duration
Tools
Figma, Jira, Mural
Project Context

Partner Profile: the platform that presents SAP partners’ services to the market

SAP partners are companies that resell or help customers implement SAP enterprise software. These services were presented to the customers using Partner Profile – that’s where we come in.

Problem

The profile is in English only. How can we make it accessible to the global audience?

42% of visitors face difficulty reading Partner Profiles since their first language is not English, leading to ineffective communication of SAP partners' services and impeding SAP's goal of expanding the global partner ecosystem.

Solution Overview

Empowers SAP partners to edit and present their profiles in multiple languages

User Interview

Unpack the SAP partners’ needs for translation

With the previous research data provided by the team, I familiarized myself with the archetype of the users who edit the SAP Partner Profile and concluded their need for translation.

✏️
User Need 1. Easy to learn the new translation functionalities
Since users are already familiar with the existing workflow, the new translation features should be seamlessly integrated for ease of learning.
💬
User Need 2. Consistent message across different language content
Each language profile will be assigned to a dedicated editor, but all language profiles must present the company in a consistent manner.
User Flow

Integrate translation into the editing workflow

With user insights, I integrated translation into the current editing workflow and iterated based on the Agile team’s feedback. Here, let’s focus on 2 major design challenges: manage multiple languages and facilitate the content editing.

🚧
Challenge #1
How might we define an intuitive structure for managing multiple languages?
Precedent Study

A central space to manage all languages

Despite having no access to B2B competitors, I studied translation features in other content tools (YouTube, WordPress, etc.) to get inspiration on how to structure different language profiles. With this insight, I designed a language menu that manages and accesses all languages.

Feedback & Iteration

Oops, the language menu doesn’t comply with the localization UI standards

During the design reviews, I received constructive feedback that prompted me to correct several UI issues related to localization, which further enhanced the usability for global users.

Design Decision

Publish: manage conflicts for co-editing

The research revealed that multiple editors may contribute to the same Partner Profile. Tailored to the co-edit experience, I adapted the existing publishing workflow for the flexibility to select which languages the user wants to publish.

Usability Testing

The unclear UI text failed the usability... How can I clearly communicate the system status?

During usability testing, it was surprising that most participants struggled with understanding the system status because the UI text I wrote was unclear.

Therefore, I revisited SAP copywriting guidelines and iterated the text to enhance the clarity. Also, the complex terms were simplified for an accessible reading experience for global audience.

🚧
Challenge #2
How might we integrate translation seamlessly into the editing workflow?
Feedback & Iteration

Use dynamic display to avoid over-crowding the page

One common pattern I learned from the precedents is to display the source language to support translation. However, the lengthy content makes the page text-heavy. To address this issue, I explored concepts of dynamic display to avoid overloading the users with excessive information.

Design Decision

Present the profile content in a fully localized UI

The work doesn’t stop with translation. I've also tailored the content length and adjusted the UI layout to accommodate the preferences of different language audiences.

Final Design

1. Onboarding: direct users to discover the translation feature

Final Design

2. Manage multiple profile languages with ease

Final Design

3. Support the translation by showing the source content

Final Design

4. Handle multiple languages when publishing

Final Design

5. Once published, visitors can now view the profile in their preferred language

Next step

Due to a shift in the team's priorities, the implementation has been postponed until later 2024. Upon resuming, I will conduct the second round of usability testing to validate the latest iteration.

To gauge the impact after feature launch, I will measure the feature adoption by tracking how many SAP partners have added additional languages to their profile.

Takeaways

✏️
Writing UI text that conveys a clear message
Without UX writers on the team, I dedicated significant effort to learning and practicing UI text writing to make the text succinct and clear. And just like design, UI text also need to be validated in the usability testing to ensure it conveys the right message.
📘
Best practices for localization
I also learned that numerous design details must be considered for the topic of translation. For instance, displaying the language name in its native language and accounting for various lengths of UI text in different languages.