
mejo – Webdesign
Die mejo Metall Josten GmbH & Co. KG ist ein familiengeführtes Unternehmen in dritter Generation. Was vor über 90 Jahren in Düsseldorf als Handelshaus für Metallhalbzeuge begann, hat sich zu einem innovativen Anbieter von Aluminiumlösungen entwickelt.
Mit ihrer langjährigen Erfahrung und Flexibilität stehen sie für Qualität, Zuverlässigkeit und maßgeschneiderte Lösungen – stets im Einklang mit den Bedürfnissen ihrer Kunden. Tradition und Innovation prägen ihr Handeln und sichern ihren Erfolg in einer sich stetig wandelnden Branche.

Webdesign mit Wiedererkennungswert
Eine Webseite neu zu gestalten bedeutet nicht, alles Bestehende zu verwerfen. Vielmehr geht es darum, Altbewährtes mit frischen Ideen zu verbinden. Genau das war unser Ansatz für das Webdesign-Projekt von mejo. Unser Ziel: eine moderne, nutzerfreundliche Webseite, die den Charakter der Marke beibehält und sie gleichzeitig in eine neue, zukunftsfähige visuelle Sprache übersetzt.
Ein strukturierter Prozess für ein starkes Ergebnis
Web- und Marken-Kickoff
Unser gemeinsamer Startschuss war ein intensiver Workshop, in dem wir die Ziele und die Markenidentität von mejo genau unter die Lupe genommen haben. Zusammen haben wir herausgearbeitet, was die Marke ausmacht und welche Anforderungen an die neue Webseite gestellt werden. Das Ergebnis: eine klare Vision und ein detaillierter Plan für den weiteren Prozess.


Moodboards und Wireframing
Im nächsten Schritt haben wir Moodboards entwickelt, die verschiedene Designrichtungen aufzeigten: von modern und technisch bis hin zu hell und freundlich. Gemeinsam mit mejo haben wir die passende visuelle Sprache definiert.
Anschließend folgte das Wireframing sowie ein erster Entwurf der Seitenstruktur, der half, Inhalte zu priorisieren und die Nutzerführung zu optimieren.
Webdesign mit Atomic Design
Das finale Design wurde auf Basis des Atomic-Design-Ansatzes entwickelt. Dieser systematische Ansatz ermöglicht es, wiederkehrende Elemente wie Buttons, Icons oder Textblöcke als „Atoms“ zu gestalten und diese zu größeren „Molecules“ und „Organisms“ zusammenzusetzen. So entstand eine konsistente Designsprache, die Flexibilität und Wiedererkennbarkeit garantiert.


Individuelle Icons und Details
Die markentypische Form – ein schräges Rechteck (Parallelogramm) mit abgerundeten Ecken – wurde nicht nur im Layout, sondern auch bei der Entwicklung maßgeschneiderter Icons konsequent umgesetzt. Dieses Detail zieht sich durch die gesamte Webseite und stärkt die visuelle Identität der Marke.
Vertrautes bewahren, Neues schaffen
Die behutsame Integration der bestehenden Markenidentität war ein zentrales Element des Projekts. Das vertraute Logo blieb erhalten und wurde durch das neue Design perfekt ergänzt. Auch die markante grüne Farbe, ein unverkennbares Markenzeichen von mejo, wurde beibehalten und in der gesamten Gestaltung geschickt eingesetzt. Dadurch behält die Marke trotz des neuen Corporate Designs einen sehr hohen Wiedererkennungswert.


Klarheit in Struktur und Inhalten
Wir haben die Inhalte der bisherigen Webseite sorgfältig analysiert, neu strukturiert und gezielt angereichert. Wichtige Produkte aus dem Shop wurden prominent eingebunden, um die Nutzer:innenführung zu verbessern und die Angebotsvielfalt sichtbar zu machen. Die neue Struktur sorgt für mehr Übersichtlichkeit und macht es den Besucher:innen leicht, sich auf der Seite zurechtzufinden.
Das Ergebnis: Ein digitales Aushängeschild
Die neue Webseite von mejo verbindet die bewährte Markenidentität mit einem modernen Design, das sowohl optisch als auch funktional überzeugt. Dank des klar strukturierten Prozesses und der engen Zusammenarbeit ist eine digitale Präsenz entstanden, die nicht nur den aktuellen Anforderungen gerecht wird, sondern auch zukunftsfähig ist.
Wir sind stolz auf dieses Projekt, das zeigt, wie eine strukturierte Herangehensweise und kreatives Design eine Marke nachhaltig stärken können.
