Mohammad Hashemi Product Designer
← All work Shipped client work

Bosch Website Relaunch

Turning a complex corporate ecosystem into clear paths for products, careers and company content — across every screen size.

Role

Senior UX/UI Designer

Context

Bosch · via UDG United Digital Group

Timeframe

2017–2023

Scope

Research, information architecture, responsive UX/UI, prototyping

Bosch Germany homepage with editorial story, annual report and key entry points
The Bosch Germany homepage brings editorial stories, corporate information and key audience entry points into one clear experience.

Bosch.de is a central digital touchpoint for products and services, company information and careers. The relaunch reorganised this broad ecosystem around recognisable user intent instead of expecting visitors to understand the corporate structure behind it.

I worked mobile-first across research, information architecture, wireframes, interactive prototypes and user testing. The result was a clearer content hierarchy and a reusable responsive system for a wide range of Bosch topics and audiences.

The challenge was not a lack of content. It was helping very different audiences recognise their next step without first learning how Bosch business units are organised.

  • Translate a large corporate portfolio into understandable audience pathways.
  • Preserve one content hierarchy from wide desktop layouts to focused mobile screens.
  • Make deep navigation manageable without hiding important destinations.
  • Create reusable patterns that work across products, careers and corporate content.

A single principle guided the architecture: label entry points by the goal a visitor recognises, then reveal organisational depth only when it becomes useful. Mobility, home, industry and trade, careers and company content became understandable destinations rather than expressions of an internal structure.

Content audits and wireframes helped test this hierarchy before visual detail was introduced. Interactive prototypes then made the structural decisions tangible for stakeholders and users.

Bosch Germany homepage displayed in a desktop browser
The desktop composition gives editorial content and primary audience pathways room to coexist without competing for attention.

One hierarchy drives every viewport. Desktop uses the available width to show context and related paths together; tablet and mobile sequence the same priorities into a focused reading order.

The layout changes its composition, not its meaning. Consistent labels, content order and interaction patterns allow people to move between devices without learning a second version of the website.

Bosch Germany homepage adapted for tablet and mobile browser layouts
Tablet and mobile preserve the desktop hierarchy while adapting density, image scale and content sequence to the available space.
Bosch responsive header compared across desktop, tablet and mobile widths
A shared header anatomy scales across desktop, tablet and mobile without losing brand presence or access to key actions.
Bosch mobile navigation showing the first and second menu levels side by side
Level one establishes the main domains; level two reveals destinations within the selected context and keeps the way back visible.

The same system had to support very different journeys: exploring mobility services, browsing household products and finding a role at Bosch. Shared rules for headers, page introductions, local navigation, content modules and calls to action create consistency without forcing every page into the same composition.

This balance between reusable structure and flexible content allows teams to publish distinct experiences while keeping the wider ecosystem coherent.

Bosch page examples for mobility, household appliances and careers
Mobility, household appliances and careers use a common visual and structural language for very different audience needs.
What changed
  • Recognisable entry points replaced organisation-led navigation.
  • A shared responsive hierarchy connected desktop, tablet and mobile experiences.
  • Reusable page and navigation patterns created consistency across teams and topics.
  • Mobile-first prototypes made structural decisions testable early.

The outcome is described qualitatively; detailed engagement metrics remain client-owned. The website is live at bosch.de ↗.

Good information architecture absorbs organisational complexity instead of asking users to learn it. The Bosch relaunch reinforced that responsive design works best when content priority is decided first and layout follows from it.

The same principle shaped the broader system: stable navigation, reusable page patterns and clear responsive rules made a large ecosystem feel like one website without erasing the differences between its audiences.

Next case TiONA — AI-ready B2B Workflow Platform → Internal product work · Modular workflows and a scalable interface system.