MyExpress Portal
DHL Express is a global leader in international shipping, generating nearly €25B in annual revenue. In this project our team designed and prototyped the initial interface of a reimagined portal for DHL Express business customers, launching in 2026.
MyExpress Portal
DHL Express is a global leader in international shipping, generating nearly €25B in annual revenue. In this project our team designed and prototyped the initial interface of a reimagined portal for DHL Express business customers, launching in 2026.
MyExpress Portal
DHL Express is a global leader in international shipping, generating nearly €25B in annual revenue. In this project our team designed and prototyped the initial interface of a reimagined portal for DHL Express business customers, launching in 2026.
Role
UI Design, Figma Prototyping
Tools
Figma
Duration
June - August
Project Type
Team Project
Role
UI Design, Figma Prototyping
Tools
Figma
Duration
June - August
Project Type
Team Project
Role
UI Design, Figma Prototyping
Tools
Figma
Duration
June - August
Project Type
Team Project
PROBLEM
DHL Express' current business portal is in need of an update.
This portal needs a refresh as the current experience is outdated and doesn't align with their current interface library.
SOLUTION
Update using their most recent design library and improve user experiences.
In this project, we updated the UI and improved the experience of a variety of user flows included in the portal.
PROBLEM
DHL Express' current business portal is in need of an update.
This portal needs a refresh as the current experience is outdated and doesn't align with their current interface library.
SOLUTION
Update using their most recent design library and improve user experiences.
In this project, we updated the UI and improved the experience of a variety of user flows included in the portal.
PROBLEM
DHL Express' current business portal is in need of an update.
This portal needs a refresh as the current experience is outdated and doesn't align with their current interface library.
SOLUTION
Update using their most recent design library and improve user experiences.
In this project, we updated the UI and improved the experience of a variety of user flows included in the portal.
User Profile
MY PROFILE
Start with a responsive profile page where users can edit their information.
The goal with this page was to update the visual style and improve typographical and information hierarchy to help improve scannability and readability.
MY PROFILE
Start with a responsive profile page where users can edit their information.
The goal with this page was to update the visual style and improve typographical and information hierarchy to help improve scannability and readability.
MY PROFILE
Start with a responsive profile page where users can edit their information.
The goal with this page was to update the visual style and improve typographical and information hierarchy to help improve scannability and readability.
EDIT PROFILE
Use modals to keep editing flow simple.
The information in each of these sections was very simple so keeping the editing screens in a modal helped to make the process feel faster and simpler.
EDIT PROFILE
Use modals to keep editing flow simple.
The information in each of these sections was very simple so keeping the editing screens in a modal helped to make the process feel faster and simpler.
EDIT PROFILE
Use modals to keep editing flow simple.
The information in each of these sections was very simple so keeping the editing screens in a modal helped to make the process feel faster and simpler.
Shipment Manager
MY SHIPMENTS
Use an organized table to show previous and in progress shipments.
This table became our most important pattern when showing large amounts of information. In this case, the tracking number acts as an identifier with the other information as support. The status column is important to identify actions required quickly.
MY SHIPMENTS
Use an organized table to show previous and in progress shipments.
This table became our most important pattern when showing large amounts of information. In this case, the tracking number acts as an identifier with the other information as support. The status column is important to identify actions required quickly.
MY SHIPMENTS
Use an organized table to show previous and in progress shipments.
This table became our most important pattern when showing large amounts of information. In this case, the tracking number acts as an identifier with the other information as support. The status column is important to identify actions required quickly.
SHIPMENT DETAILS
Display time-sensitive information first and static information after.
The more in depth view of the shipment is divided into two sections while it is in progress. The top section is time based and the second is static information that will not change. This helps to differentiate between the final summary and in progress reports.
SHIPMENT DETAILS
Display time-sensitive information first and static information after.
The more in depth view of the shipment is divided into two sections while it is in progress. The top section is time based and the second is static information that will not change. This helps to differentiate between the final summary and in progress reports.
SHIPMENT DETAILS
Display time-sensitive information first and static information after.
The more in depth view of the shipment is divided into two sections while it is in progress. The top section is time based and the second is static information that will not change. This helps to differentiate between the final summary and in progress reports.
Contact Manager
ADDRESS BOOK
Use an organized table to show important information about contacts.
This page also uses a table to display bulk information for easy scanning and filtering. It includes filters like favorites and allows for a nickname to help differentiate similar contacts.
ADDRESS BOOK
Use an organized table to show important information about contacts.
This page also uses a table to display bulk information for easy scanning and filtering. It includes filters like favorites and allows for a nickname to help differentiate similar contacts.
ADDRESS BOOK
Use an organized table to show important information about contacts.
This page also uses a table to display bulk information for easy scanning and filtering. It includes filters like favorites and allows for a nickname to help differentiate similar contacts.
ADD CONTACT
Separate business and non-business contacts to ask only necessary questions.
Using a toggle to separate business and on-business contacts will help avoid confusion and decrease the time spent inputting information by only asking necessary questions in the form.
ADD CONTACT
Separate business and non-business contacts to ask only necessary questions.
Using a toggle to separate business and on-business contacts will help avoid confusion and decrease the time spent inputting information by only asking necessary questions in the form.
ADD CONTACT
Separate business and non-business contacts to ask only necessary questions.
Using a toggle to separate business and on-business contacts will help avoid confusion and decrease the time spent inputting information by only asking necessary questions in the form.
IMPORT CONTACTS
Give options on file format to help with bulk imports.
The toggle pattern is also helpful when importing many contacts and allows users to do less work outside the portal to format files if they are not set up in a DHL format already.
IMPORT CONTACTS
Give options on file format to help with bulk imports.
The toggle pattern is also helpful when importing many contacts and allows users to do less work outside the portal to format files if they are not set up in a DHL format already.
IMPORT CONTACTS
Give options on file format to help with bulk imports.
The toggle pattern is also helpful when importing many contacts and allows users to do less work outside the portal to format files if they are not set up in a DHL format already.
Accounts and Users Manager
ACCOUNTS AND USERS
Use two views to display information differently.
If a business does not have many users, the table may not be the best display option, allowing to view as cards gives another option to help customize experiences based on preference.
ACCOUNTS AND USERS
Use two views to display information differently.
If a business does not have many users, the table may not be the best display option, allowing to view as cards gives another option to help customize experiences based on preference.
ACCOUNTS AND USERS
Use two views to display information differently.
If a business does not have many users, the table may not be the best display option, allowing to view as cards gives another option to help customize experiences based on preference.
ADD USER
Use a simple form to add users that uses roles to allow certain actions.
This form is another page which allows for an information modal to explain the concept of user roles. Each role will give users certain permission when they log in to the portal.
ADD USER
Use a simple form to add users that uses roles to allow certain actions.
This form is another page which allows for an information modal to explain the concept of user roles. Each role will give users certain permission when they log in to the portal.
ADD USER
Use a simple form to add users that uses roles to allow certain actions.
This form is another page which allows for an information modal to explain the concept of user roles. Each role will give users certain permission when they log in to the portal.