Context
Egis, an international engineering group, delivers infrastructure projects globally, from the Paris metro line extension to stadiums in Cameroon.
Their ageing corporate site and extended web presence no longer reflected what the business had achieved and where it was headed.
Tangent was tasked with consolidating Egis' diverse digital sites into a single, modern and accessible platform that supported global and local needs.
Team
Work at Tangent
1 Project Manager
2 Product design leads1 Product designer2 Developers
My responsibilities
UX & UI design
Visit the final site
Context
Egis, an international engineering group, delivers infrastructure projects globally, from the Paris metro line extension to stadiums in Cameroon.
Their ageing corporate site and extended web presence no longer reflected what the business had achieved and where it was headed.
Tangent was tasked with consolidating Egis' diverse digital sites into a single, modern and accessible platform that supported global and local needs.
Team
Work at Tangent
1 Project Manager
2 Product design leads1 Product designer2 Developers
My responsibilities
UX & UI design
Visit the final site
Context
Egis, an international engineering group, delivers infrastructure projects globally, from the Paris metro line extension to stadiums in Cameroon.
Their ageing corporate site and extended web presence no longer reflected what the business had achieved and where it was headed.
Tangent was tasked with consolidating Egis' diverse digital sites into a single, modern and accessible platform that supported global and local needs.
Team
Work at Tangent
1 Project Manager
2 Product design leads1 Product designer2 Developers
My responsibilities
UX & UI design
Visit the final site
Defining the problem & requirements
An audit of regional and thematic sites, along with stakeholder interviews, helped define the site requirements. These were prioritised with the global team and used to guide the design.
Defining the problem & requirements
An audit of regional and thematic sites, along with stakeholder interviews, helped define the site requirements. These were prioritised with the global team and used to guide the design.
Defining the problem & requirements
An audit of regional and thematic sites, along with stakeholder interviews, helped define the site requirements. These were prioritised with the global team and used to guide the design.
01
Fragmented Digital Presence
Multiple, disconnected digital platforms leading to a lack of cohesion.
Inconsistent user experience across different regions, campaigns and thematic sites.
02
Outdated digital branding
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
03
User experience issues
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
04
Must support both global and local needs
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
05
Must be scalable
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
01
Fragmented Digital Presence
Multiple, disconnected digital platforms leading to a lack of cohesion.
Inconsistent user experience across different regions, campaigns and thematic sites.
02
Outdated digital branding
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
03
User experience issues
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
04
Must support both global and local needs
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
05
Must be scalable
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
01
Fragmented Digital Presence
Multiple, disconnected digital platforms leading to a lack of cohesion.
Inconsistent user experience across different regions, campaigns and thematic sites.
02
Outdated digital branding
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
03
User experience issues
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
04
Must support both global and local needs
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
05
Must be scalable
Eleifend blandit mi quis imperdiet nullam eleifend hac laoreet egestas. Elit lacinia velit rhoncus penatibus dignissim cras potenti sollicitudin. Conubia enim facilisis nec etiam risus taciti tempus non. Fringilla platea curabitur ullamcorper semper tincidunt posuere odio. Natoque sapien etiam cubilia conubia aenean sociosqu. Nascetur varius ad elementum class nec sagittis et libero pharetra. Sollicitudin interdum consectetur quis; metus posuere mollis et.
Develop
20 country and thematic sites were unified in a series of iterative sitemaps. Subsequent wireframes and designs were based off this structure.
Develop
We completed a series of workshops with relevant professionals and lab technicians to explore the current process, problems and solutions:
Workshop 1: Exploring the current patient care pathway
Workshop 2 & 3: Potential user workflow
Workshop 4: Technical feasibility and solutions
Insight into novel technologies allowing for ctDNA analysis, ct DNA extractions and PCR precision cancer monitoring was gained through medical experts and engineers.
Develop
20 country and thematic sites were unified in a series of iterative sitemaps. Subsequent wireframes and designs were based off this structure.
A snippet of the proposed Egis sitemap
A snippet of the proposed Egis sitemap
A snippet of the proposed Egis sitemap
Old Egis homepage
Initial wireframe for the new homepage
Old Egis homepage
Initial wireframe for the new homepage
Old Egis homepage
Initial wireframe for the new homepage
Design
Existing brand guidelines were reviewed and overhauled to enhance the Egis’s brand presence online.
New brand elements were introduced to give the site a modern and confident feel. Architectural plans and the metal frame of the Pompidou Centre were used as inspiration for the pin line motif that is used to structure the site.
An Atomic Design System was used throughout the design delivery process.
Design
Existing brand guidelines were reviewed and overhauled to enhance the Egis’s brand presence online.
New brand elements were introduced to give the site a modern and confident feel. Architectural plans and the metal frame of the Pompidou Centre were used as inspiration for the pin line motif that is used to structure the site.
An Atomic Design System was used throughout the design delivery process.
Design
Existing brand guidelines were reviewed and overhauled to enhance the Egis’s brand presence online.
New brand elements were introduced to give the site a modern and confident feel. Architectural plans and the metal frame of the Pompidou Centre were used as inspiration for the pin line motif that is used to structure the site.
An Atomic Design System was used throughout the design delivery process.
Initial design sketches
Initial design sketches
Initial design sketches
A scalable graphical language with a look and feel suited for a world leading engineering firm.
A scalable graphical language with a look and feel suited for a world leading engineering firm.
A scalable graphical language with a look and feel suited for a world leading engineering firm.
Ongoing iteration
After delivering the final designs, we explored further use cases.
For example, per-page translations. This enabled local markets to manage their presence for local audiences.
Ongoing iteration
After delivering the final designs, we explored further use cases.
For example, per-page translations. This enabled local markets to manage their presence for local audiences.
Ongoing iteration
After delivering the final designs, we explored further use cases.
For example, per-page translations. This enabled local markets to manage their presence for local audiences.
Example of the ”per-page” component flow handed over to developers
Example of the ”per-page” component flow handed over to developers
Example of the ”per-page” component flow handed over to developers
The solution
A cutting-edge digital presence that seamlessly blends global reach with local expertise
The solution
A cutting-edge digital presence that seamlessly blends global reach with local expertise
The solution
A cutting-edge digital presence that seamlessly blends global reach with local expertise
The animated Egis homepage
The animated Egis homepage
The animated Egis homepage
Key features
Consolidated regional, campaign, and thematic sites into a single global platform
Transformed Egis’ digital graphical presence for the web, giving it a modern and confident feel
Sitemap & wayfinding overhauled for easier navigation
Reduced wait times and patient anxiety
Responsive design across all screen sizes
Components designed to allow Egis to scale effortlessly
Language needs met with site-wide and individual page translation components
Key features
Consolidated regional, campaign, and thematic sites into a single global platform
Transformed Egis’ digital graphical presence for the web, giving it a modern and confident feel
Sitemap & wayfinding overhauled for easier navigation
Reduced wait times and patient anxiety
Responsive design across all screen sizes
Components designed to allow Egis to scale effortlessly
Language needs met with site-wide and individual page translation components
Key features
Consolidated regional, campaign, and thematic sites into a single global platform
Transformed Egis’ digital graphical presence for the web, giving it a modern and confident feel
Sitemap & wayfinding overhauled for easier navigation
Reduced wait times and patient anxiety
Responsive design across all screen sizes
Components designed to allow Egis to scale effortlessly
Language needs met with site-wide and individual page translation components
"Through an innovative digital strategy and impeccable design execution, Tangent successfully transformed Egis’ sprawling digital estate into a unified and modern platform."
Roman Gauvrit
Egis Group External Comms Manager
"Through an innovative digital strategy and impeccable design execution, Tangent successfully transformed Egis’ sprawling digital estate into a unified and modern platform."
Roman Gauvrit
Egis Group External Comms Manager
"Through an innovative digital strategy and impeccable design execution, Tangent successfully transformed Egis’ sprawling digital estate into a unified and modern platform."
Roman Gauvrit
Egis Group External Comms Manager
