![Portfolio-maybach-laptop-02](https://jos-buero.de/wp-content/uploads/2024/05/Portfolio-maybach-laptop-02-1024x1024.jpg)
Webdesign – Maybach
Maybach Guitars ist bekannt für seine handgefertigten Gitarren, die von erfahrenen Handwerkern hochqualitativ hergestellt werden. Die Gitarren, die in verschiedenen Modellen und Ausführungen erhältlich sind, zeichnen sich durch ihr traditionelles Design und ihre erstklassigen Materialien aus.
An diese Identitätsmerkmale der Marke haben wir mit unserem Webdesign für Maybach Guitars angeknüpft und den Fokus der Gestaltung sowohl auf den handwerklichen Charakter, als auch auf die edle Hochwertigkeit der Produkte gelegt.
![](https://jos-buero.de/wp-content/uploads/2024/05/Portfolio-maybach-tablet-01-1.jpg)
let’s go to work!
Im Rahmen des Webworkshops haben wir in enger Zusammenarbeit mit dem Team von Maybach Guitars die bestehende Webseite thematisch und inhaltlich analysiert. Anschließend entstand anhand eines Seitenstrukturbaums die spätere Webstruktur und der möglichen Content wurde festgelegt.
Atomic Design
Die Atomic Design-Strategie bildet die Grundlage der Entwicklung des Webdesigns und der Benutzeroberflächen. Die Idee dieser Strategie ist, dass Designelemente auf atomarer Ebene beginnen und schrittweise zu komplexeren Komponenten und Systemen aufgebaut werden. So können Design-Systeme geschaffen werden, die durch ihre Flexibilität und Skalierbarkeit eine konsistente Erfahrung für Benutzer*innen bieten.
![](https://jos-buero.de/wp-content/uploads/2024/05/portfoloi-maybach-styleguide-02-1-1.jpg)
![](https://jos-buero.de/wp-content/uploads/2024/05/portfoloi-maybach-styleguide-02-2.jpg)
Online Styleguide
Im Syleguide werden sowohl die Corporate Colors, als auch die Schriften der Marke festgehalten und setzen damit den Grundstein für die weitere Gestaltung.
Die Webseite
Die Bilder der Gitarren stehen auf der Website im Vordergrund, um ein Gefühl für die Haptik zu erzeugen und die Funktionalität darzustellen. So kann der Charakter der jeweiligen Serie optimal zum Vorschein kommen.
![](https://jos-buero.de/wp-content/uploads/2024/05/portfolio-maybach-gitarre-01-1.jpg)
![](https://jos-buero.de/wp-content/uploads/2024/05/portfolio_maybach_modelle-1.jpg)
In den Unterseiten zeigt sich das Design modern: Um ein individuelles Look and Feel zu schaffen, stehen die Serienseiten auf weiß und der Custom Shop auf schwarz.
Jede Serie ist durch ein eigenes Icon auf der Webseite vertreten, um die Navigation und Orientierung für Nutzende zu vereinfachen.
![](https://jos-buero.de/wp-content/uploads/2024/05/portfolio_maybach_icons-1-1.jpg)
Tadaaa…
links seht ihr ein kleines scroll through durch die Startseite.
Wer aber gerne selbst die Seite entdecken möchte kann sich auf Maybach Guitars genauer umschauen.