DHL.com
Global Redesign of DHL main website
The official website of DHL, a global logistics and courier company with $84B EUR in annual revenue.
Over a 5-year partnership, we collaborated with DHL.com and their five business units to align business and content needs. From this foundation, I designed a comprehensive design system tailored for their Adobe CMS.
Client
DHL
Role
Lead UI Designer
Duration
2020 – 2024
Skills Used
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 5.484 C 0 2.455 2.455 0 5.484 0 L 18.516 0 C 21.545 0 24 2.455 24 5.484 L 24 18.516 C 24 21.545 21.545 24 18.516 24 L 5.484 24 C 2.455 24 0 21.545 0 18.516 Z M 6.379 17.618 C 6.379 16.064 7.638 14.805 9.191 14.805 L 12.004 14.805 L 12.004 17.618 C 12.004 19.171 10.744 20.43 9.191 20.43 C 7.638 20.43 6.379 19.171 6.379 17.618 Z M 11.985 3.559 L 11.985 9.184 L 14.798 9.184 C 16.351 9.184 17.61 7.924 17.61 6.371 C 17.61 4.818 16.351 3.559 14.798 3.559 Z M 14.798 14.824 C 16.351 14.824 17.61 13.565 17.61 12.011 C 17.61 10.458 16.351 9.199 14.798 9.199 C 13.244 9.199 11.985 10.458 11.985 12.011 C 11.985 13.565 13.244 14.824 14.798 14.824 Z M 6.379 6.371 C 6.379 7.924 7.638 9.184 9.191 9.184 L 12.004 9.184 L 12.004 3.559 L 9.191 3.559 C 7.638 3.559 6.379 4.818 6.379 6.371 Z M 6.379 12.011 C 6.379 13.564 7.638 14.824 9.191 14.824 L 12.004 14.824 L 12.004 9.199 L 9.191 9.199 C 7.638 9.199 6.379 10.458 6.379 12.011 Z" fill="transparent" height="24px" id="neJcqKJBp" width="24px"><path d="M 0 5.484 C 0 2.455 2.455 0 5.484 0 L 18.516 0 C 21.545 0 24 2.455 24 5.484 L 24 18.516 C 24 21.545 21.545 24 18.516 24 L 5.484 24 C 2.455 24 0 21.545 0 18.516 Z" fill="rgba(0, 0, 0, 0)" height="24px" id="qgWej9vVV" width="24px"/><path d="M 0 2.813 C 0 1.259 1.259 0 2.813 0 L 5.625 0 L 5.625 2.813 C 5.625 4.366 4.366 5.625 2.813 5.625 C 1.259 5.625 0 4.366 0 2.813 Z" fill="rgb(36, 203, 113)" height="5.625035670122685px" id="Qs6HlI7zV" transform="translate(6.379 14.805)" width="5.624901382601934px"/><path d="M 0 0 L 0 5.625 L 2.813 5.625 C 4.366 5.625 5.625 4.366 5.625 2.813 C 5.625 1.259 4.366 0 2.813 0 Z" fill="rgb(255, 114, 55)" height="5.624901382601934px" id="mGvyu1vsD" transform="translate(11.985 3.559)" width="5.625035670122713px"/><path d="M 2.812 5.625 C 4.366 5.625 5.625 4.366 5.625 2.813 C 5.625 1.259 4.366 0 2.812 0 C 1.259 0 0 1.259 0 2.813 C 0 4.366 1.259 5.625 2.812 5.625 Z" fill="rgb(0, 182, 255)" height="5.625035670122713px" id="YEGQJfuOq" transform="translate(11.985 9.199)" width="5.624968526362352px"/><path d="M 0 2.813 C 0 4.366 1.259 5.625 2.813 5.625 L 5.625 5.625 L 5.625 0 L 2.813 0 C 1.259 0 0 1.259 0 2.813 Z" fill="rgb(255, 55, 55)" height="5.625035670122685px" id="CSRVsEwrg" transform="translate(6.379 3.559)" width="5.624901382601934px"/><path d="M 0 2.812 C 0 4.366 1.259 5.625 2.813 5.625 L 5.625 5.625 L 5.625 0 L 2.813 0 C 1.259 0 0 1.259 0 2.812 Z" fill="rgb(135, 79, 255)" height="5.624901382601934px" id="qhb4Jr9LF" transform="translate(6.379 9.199)" width="5.624901382601934px"/></g></svg>)
The Design Challenge
Collaborating with DHL presented unique challenges due to their complex, multi-layered business structure. This required a flexible and agile design approach, continually evolving to address expanding content needs and increasingly complex scenarios. Key challenges included:
Before & After
Creating a Cohesive Design System
Leveraging DHL’s current brand system, I designed created a design system, leveraging Figma to establish variables, base components, complex components and establish the structure of the website.
Adaptable and Flexible Layouts
Page templates and layouts were fully responsive, handling complex content across 154 countries while supporting localization, translation, and diverse product offerings.
WCAG AA Compliance
Maintaining WCAG AA compliance was required for multiple countries. Throughout this project I learned to deeply understand the requirements and apply them throughout the system
Main Takeaways
Designing a project of this scale required close collaboration—both within our team and with DHL. Throughout the process, I gained several key insights: