diMARE

diMARE ist eine Modemarke, die mit Damenkollektionen, Fashion Shows und eigenen Geschäften auftritt. Weil sie auch internationale Kunden anspricht, brauchte die Marke eine englische Website, die ihre luxuriöse und elegante Haltung widerspiegelt.

Unsere Leistungen im Projekt

Webdesign

Wir haben eine Website gestaltet, die die Kollektionsaufnahmen im Vollbild nutzt und mit dunklem Hauptmenü und schlichter Typografie den luxuriösen Eindruck der Marke unterstützt. Mit den Bereichen Collections, Fashion Show, Company, Our Shops und Contact finden Besucher alle Informationen von den Kollektionen bis zu den Geschäften auf einfache Weise.

Grafikdesign

Für die Kollektionsseiten und den Fashion-Show-Bereich haben wir visuelle Layouts und Banner gestaltet. Die Nutzung des Logos haben wir an das Web angepasst, sodass die Website durchgehend mit einer einheitlichen Identität auftritt.

Google My Business

Wir haben den Google-My-Business-Eintrag der Marke angelegt und Angaben zu Adresse, Kontakt und Öffnungszeiten gepflegt, damit Kunden das Geschäft in der Google-Suche und auf der Karte finden.

Basis-SEO

Mit grundlegenden SEO-Einstellungen wie Seitentiteln, Beschreibungen, URL-Struktur und Alt-Texten für Bilder haben wir die Grundlage dafür geschaffen, dass die Website in Suchmaschinen korrekt gelistet wird.

---

Projektübersicht

Kunde: diMARE

Branche: Mode (Damenbekleidung)

Jahr: 2018

Erbrachte Leistungen:

• Webdesign
• Grafikdesign
• Google-My-Business-Eintrag
• Basis-SEO

Ergebnis: diMARE hat eine Website erhalten, die Kollektionen und Fashion Shows eindrucksvoll zeigt, internationale Besucher anspricht und bei Google zu finden ist.

Ein genauer Blick auf das Projekt diMARE

Die englische Website für diMARE sollte den luxuriösen Eindruck einer Modemarke ins Digitale übertragen. In diesem Abschnitt behandeln wir den anfänglichen Bedarf der Marke, warum Webdesign, Grafikdesign, Google-My-Business-Eintrag und Basis-SEO in dieser Branche wichtig sind und worauf ähnliche Marken achten sollten.

Das Projekt stammt aus dem Jahr 2018. Wenn wir unten die damaligen Designentscheidungen beschreiben, nennen wir gesondert auch die Punkte, die für Marken mit einem ähnlichen Projekt heute noch gelten.

Ausgangspunkt: Ein englisches Schaufenster für internationale Besucher

diMARE ist eine Modemarke, die mit Damenkollektionen, Fashion Shows und eigenen Geschäften auftritt. Weil sie auch internationale Kunden anspricht, wurde Englisch als Sprache der Website festgelegt. Diese Entscheidung betrifft nicht nur die Texte, sondern die gesamte Struktur der Website, von den Menünamen bis zu den Seitentiteln.

Die zweite Erwartung der Marke war, dass ihre luxuriöse und elegante Haltung auf jeder Seite der Website zu spüren ist. In der Modebranche gewinnen Besucher in sehr kurzer Zeit einen Eindruck davon, in welchem Segment sich die Marke bewegt. Eine unaufgeräumte Anordnung oder überladene Seiten schwächen diesen Eindruck, so stark die Kollektion auch sein mag.

Luxuriöser Eindruck im Webdesign einer Modemarke

Die Website einer Modemarke muss die Kollektion in den Vordergrund stellen und die Oberfläche im Hintergrund halten. Auf der Website von diMARE haben wir dieses Gleichgewicht auf drei Designentscheidungen gestützt.

Kollektionsbilder im Vollbild

Wir haben eine Struktur gewählt, die die Kollektionsaufnahmen im Vollbild nutzt. Große Bilder zeigen Stoffstruktur, Schnitt und das gesamte Outfit im Detail, während in kleine Kacheln gepresste Fotos dasselbe Produkt gewöhnlich aussehen lassen können. Damit dieser Ansatz funktioniert, müssen die Bilder hochauflösend sein und eine einheitliche Bildsprache haben.

Große Bilder haben auch ihren Preis: Wenn die Dateigrößen nicht ausbalanciert sind, lädt die Seite langsam, und Besucher gehen, bevor sie die Kollektion gesehen haben. Bei der Website einer Modemarke mit Vollbildern ist das Gleichgewicht zwischen Bildqualität und Ladezeit deshalb eine Entscheidung, die so wichtig ist wie das Design.

Dunkles Hauptmenü und schlichte Typografie

Das dunkle Hauptmenü bildet zwischen den wechselnden Kollektionsbildern einen festen Rahmen und trennt den Navigationsbereich deutlich vom Inhalt. Schlichte Typografie konkurriert nicht mit den Bildern. Diese Zurückhaltung lenkt die Aufmerksamkeit direkt auf die Kollektion und unterstützt die elegante Haltung der Marke.

Warum ist der Fashion-Show-Bereich ein eigener Abschnitt?

Eine Fashion Show zeigt, wie die Marke ihre Kollektion auf der Bühne präsentiert, und trägt eine Atmosphäre in sich, die Katalogaufnahmen nicht vermitteln. Dass der Bereich Fashion Show auf der Website von diMARE getrennt von den Kollektionen geführt wird, erlaubt es diesen beiden Inhaltsarten, ihre eigene Geschichte zu erzählen, ohne sich zu vermischen.

Bereichsstruktur von Collections bis Our Shops

Die Website besteht aus den Bereichen Collections, Fashion Show, Company, Our Shops und Contact. Diese Bereiche sorgen dafür, dass Besucher alles finden, was sie brauchen, von den Kollektionen über die Fashion Shows und die Markengeschichte bis zu Geschäfts- und Kontaktangaben. Kurze, vertraute Bereichsnamen helfen Besuchern aus verschiedenen Ländern, sich ohne Mühe auf der Website zu bewegen.

Der Bereich Our Shops ist das Tor der Website zur Offline-Welt. Wer die Kollektion ansieht und mit einem Schritt die Geschäftsangaben erreicht, setzt das auf der Website geweckte Interesse leichter im Geschäft fort.

Grafikdesign: Die Identität von diMARE von Seite zu Seite tragen

Für die Kollektionsseiten und den Fashion-Show-Bereich haben wir visuelle Layouts und Banner gestaltet. Fashion-Show-Bilder haben eine andere Energie als Katalogaufnahmen: Sie enthalten Bewegung, Bühnenlicht und Hintergründe mit Publikum. Um diese beiden Bildarten auf derselben Website stimmig zu zeigen, müssen Bildausschnitte, Abstände und Textplatzierung einem gemeinsamen Raster folgen.

Dass der Text in den Kollektionsbannern knapp und klar bleibt, beruht auf demselben Prinzip. Der Name der Saison oder eine kurze Überschrift sagt Besuchern, wo sie sind, ohne das Bild zu verdrängen. Längere Beschreibungen lassen sich innerhalb der Kollektionsseite unter dem Bild besser lesen.

Auch die Nutzung des Logos haben wir an das Web angepasst. Ein Logo, das in gedruckten Materialien gut funktioniert, wirkt in einer dunklen Menüleiste oder auf einem kleinen Bildschirm womöglich nicht gleich klar. Die Varianten des Logos für hellen und dunklen Hintergrund, die Mindestgröße und der Freiraum um das Logo sind die Grundlage dafür, dass eine Website von Anfang bis Ende einheitlich wirkt.

Für Marken, die diese Regeln über die Website hinaus für alle Medien schriftlich festhalten möchten, ist ein Corporate-Design-Projekt der richtige Ausgangspunkt.

Bei Google gefunden werden: Unternehmenseintrag und Basis-SEO für diMARE

Eine eindrucksvolle Website erreicht ihr Ziel erst, wenn sie gefunden wird. Deshalb haben wir im Projekt zwei sich ergänzende Schritte unternommen: Unternehmenseintrag und grundlegende SEO-Einstellungen.

Diese beiden Schritte beantworten unterschiedliche Suchabsichten. Wer die Marke mit ihrem Namen sucht, will meist Geschäftsadresse oder Öffnungszeiten finden, wer sich für die Kollektion interessiert, will direkt zur passenden Seite der Website. Der Unternehmenseintrag erfüllt das erste Bedürfnis, die grundlegenden SEO-Einstellungen der Website das zweite.

Der Google-My-Business-Eintrag

Wir haben den Google-My-Business-Eintrag der Marke angelegt und Angaben zu Adresse, Kontakt und Öffnungszeiten gepflegt. Dadurch finden Kunden, die das Geschäft suchen, die Angaben direkt in der Google-Suche und auf der Karte. Der Dienst heißt heute Google Unternehmensprofil, das Grundprinzip ist aber dasselbe: korrekte, vollständige und aktuelle Unternehmensangaben.

Für eine Modemarke mit stationären Geschäften ist dieser Eintrag eine Brücke, die Online-Interesse in einen Geschäftsbesuch verwandelt. Die nächste Frage von Besuchern, denen eine Kollektion auf der Website gefallen hat, lautet oft: „Wo kann ich dieses Teil sehen?“

Der Wert des Eintrags bleibt nur bestehen, solange er aktuell ist. Werden besondere Öffnungszeiten an Feiertagen oder ein neu eröffnetes oder umgezogenes Geschäft nicht rechtzeitig eingetragen, steht der Kunde vor verschlossener Tür.

Grundlegende SEO-Einstellungen

Wir haben grundlegende SEO-Einstellungen wie Seitentitel, Beschreibungen, URL-Struktur und Alt-Texte der Bilder vorgenommen. Auf einer englischen Website müssen auch diese Einstellungen zur Sprache der Website passen. Eine englische Seite mit einem Titel in einer anderen Sprache verwirrt Besucher und Suchmaschine gleichermaßen. Auf der bildlastigen Website einer Modemarke helfen Alt-Texte auch dabei, dass Suchmaschinen die Kollektionsbilder verstehen.

Bei der URL-Struktur gilt dieselbe Einheitlichkeit. Kurze, lesbare Adressen, die zu den Bereichsnamen passen, verraten Besuchern das Thema der Seite und wirken beim Teilen vertrauenswürdig.

Sollen später weitere Sprachversionen hinzukommen, erklärt der Leitfaden von Google zu mehrsprachigen und mehrregionalen Websites die grundlegenden Prinzipien, wie diese Versionen aufgebaut werden.

Wie arbeiten wir bei Websites für Modemarken?

Bei einer Marke wie diMARE, die mit Kollektions- und Fashion-Show-Bildern auftritt, besteht ein wichtiger Teil des Ablaufs darin, die vorhandenen Inhalte in die richtige Reihenfolge zu bringen. Bei ähnlichen Projekten gehen wir so vor:

1. Zielgruppe und Sprache: Wir klären, wen die Website in welcher Sprache ansprechen soll.
2. Bereichsstruktur: Wir planen die Hauptbereiche wie Kollektion, Fashion Show, Marke, Geschäfte und Kontakt und die Übergänge zwischen ihnen.
3. Bildauswahl und Layout: Wir entscheiden, welches Bild im Vollbild und welches in der Galerie verwendet wird, und legen Bildausschnitt und Textplatzierung fest.
4. Anpassung der Identität: Wir definieren die Regeln für Logo und Typografie im Web.
5. Auffindbarkeit: Wir nehmen die grundlegenden SEO-Einstellungen vor, legen den Unternehmenseintrag an und pflegen die Angaben.

Diese Reihenfolge sorgt dafür, dass sich bei der Website einer Modemarke das Design nach den Bildern richtet und die Bilder nicht nachträglich in eine fertige Vorlage gepresst werden müssen.

Praktische Erkenntnisse für Modemarken

Das Projekt diMARE hebt für Modemarken, die auch ins Ausland ausstrahlen, einige wichtige Punkte hervor:

• Die Sprachfrage früh entscheiden. In welcher Sprache oder welchen Sprachen die Website erscheint, beeinflusst alles vom Menü bis zur URL-Struktur, und eine spätere Änderung ist aufwendiger.
• Das Bildarchiv vorbereiten. Bilder, die im Vollbild genutzt werden, müssen hochauflösend sein. Reichen Ihre vorhandenen Aufnahmen nicht aus, stärkt Modefotografie das visuelle Fundament der Website.
• Die Fashion Show als eigenen Inhalt betrachten. Aufnahmen einer Fashion Show erzählen eine andere Geschichte als Kollektionsaufnahmen und zeigen den Auftritt der Marke auf der Bühne.
• Geschäftsangaben einheitlich halten. Stimmen die Geschäftsangaben auf der Website mit dem Google-Eintrag überein, fahren Kunden nicht zur falschen Adresse.
• Texte auf Muttersprachniveau schreiben lassen. Auf einer fremdsprachigen Website kann eine nachlässige Übersetzung den luxuriösen Eindruck schneller beschädigen als Bilder.
• Schlicht bleiben. Der Eindruck von Luxus entsteht oft nicht durch hinzugefügte, sondern durch weggelassene Elemente.

Wenn Sie heute eine ähnliche Website planen, sollten Sie auch bedenken, dass ein großer Teil der Besucher sie auf dem Smartphone ansehen wird. Wie Vollbilder auf kleinen Bildschirmen zugeschnitten werden, muss in der Designphase gesondert behandelt werden.

Häufig gestellte Fragen

Welche Leistungen wurden im Projekt diMARE erbracht?

Für diMARE haben wir 2018 Webdesign, Grafikdesign, Google-My-Business-Eintrag und Basis-SEO umgesetzt. Das Projekt basierte auf einer englischen Website, die Kollektions- und Fashion-Show-Inhalte in den Vordergrund stellt.

Welche Bereiche hat die Website von diMARE?

Die Website von diMARE besteht aus den Bereichen Collections, Fashion Show, Company, Our Shops und Contact. Diese Struktur erlaubt Besuchern, alles von den Kollektionen über die Fashion Shows bis zu den Geschäftsangaben leicht zu erreichen.

In welcher Sprache sollte die Website einer Modemarke sein?

Die Sprache sollte sich nach den Kunden richten, die die Marke erreichen will. Weil diMARE auch internationale Kunden anspricht, wurde eine englische Website gewählt. Für eine Marke, die nur im Inland verkauft, kann Türkisch Vorrang haben.

Wie sollte das Design einer luxuriösen Modewebsite sein?

Große, hochwertige Bilder, schlichte Typografie und wenige, klare Menüpunkte unterstützen den Eindruck von Luxus. Bleibt die Oberfläche im Hintergrund, richtet sich die Aufmerksamkeit auf die Kollektion.

Warum ist das Google Unternehmensprofil für Modegeschäfte wichtig?

Das Google Unternehmensprofil sorgt dafür, dass Adresse, Telefonnummer und Öffnungszeiten des Geschäfts in der Google-Suche und auf Google Maps erscheinen. Wer das Geschäft sucht, findet diese Angaben, ohne die Website zu besuchen.

Was bringt Basis-SEO einer Modewebsite?

Basis-SEO sorgt mit Seitentiteln, Beschreibungen, URL-Struktur und Alt-Texten der Bilder dafür, dass Suchmaschinen die Website richtig verstehen. Sie garantiert keine Platzierung, bildet aber die Grundlage für alle weiteren Maßnahmen zur Sichtbarkeit.

Planen wir gemeinsam das richtige Schaufenster für Ihre Kollektionen

Besprechen wir gemeinsam Ihren Bedarf an einer Website, die die Haltung Ihrer Marke widerspiegelt, und an einem Unternehmenseintrag, der bei Google zu finden ist. Für ein ähnliches Projekt im Bereich Konfektionsmode sehen Sie sich unsere Arbeit für Dora Moda an oder schreiben Sie uns über unsere Kontaktseite.