Metall Josten - Webdesign

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.

Metall Josten - Logo

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.

Markenworkshop
Metall Josten - Wireframe Startseite

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.

Metall Josten - Darstellung Button
Metall Josten - Icons und Designelement

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.

Metall Josten - Website Aktuelles
Metall Josten - Darstellung Seitenstrukturbaum

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.

Metall Josten - Darstellung Website Schlauch
Interaktiv und analog –  der neue Immobilienmarktbericht von Leben am Bodensee.
Die Farben orientieren sich an dem "Mind & Motion" Logo und zusammen mit dem Anthrazit wirkt das iPDF schlicht aber regt dennoch zum Lesen an.
Für die urologische Praxis in Rothenburg wurde jo`s büro mit der Entwicklung und Umsetzung des neuen Webdesigns beauftragt.
Für "das Casa" durfte jo's büro die Logogestaltung und Markenkreation übernehmen. Dabei ist ein klassisch und trotzdem moderner Schriftzug entstanden.