Markencharakter „liegt im Detail“ – frei gestaltbares Webdesign mit microCMS

Hallo. Hier istKototsuki Design.

„Wir möchten eine stilvolle Website.“ Das ist ein Satz, den wir bei Beratungsgesprächen zur Webgestaltung oft zu hören bekommen. Gleichzeitig hören wir bei solchen Beratungsgesprächen aber auch sehr häufig Kommentare wie „Sie sieht zwar schön aus, aber irgendetwas stimmt nicht“ oder „Sie ähnelt den Websites anderer Unternehmen“.

Die heutige Webbranche ist überfüllt mit ansprechenden, gut gestalteten „stilvollen Websites“. Die Realität sieht jedoch so aus, dass die meisten davon so gestaltet sind, dass niemand es bemerken würde, wenn man den Firmennamen und das Logo gegen die eines anderen Unternehmens austauschen würde.

Warum geht die „eigene Identität“ verloren, obwohl man doch einen Profi beauftragt hat, um eine ansprechende Seite zu erstellen? In diesem Beitrag wollen wir der Ursache dieses Unbehagens auf den Grund gehen und erläutern, wie man ein „markengerechtes Design“ schafft, das bis ins kleinste Detail durchdacht ist.

Bevor wir zum eigentlichen Thema kommen, noch eine kurze Anmerkung: Wenn Sie sich zunächst einen Überblick verschaffen möchten und sich fragen: „Was ist microCMS überhaupt?“ oder „Wodurch unterscheidet es sich von anderen Tools?“, lesen Sie bitte zuerst den Artikel „Was ist microCMS?“.

Dann werden Ihnen die konkreten Inhalte, über die ich im Folgenden sprechen werde, leichter zugänglich sein und Sie werden sie besser auf sich selbst beziehen können.

Was ist ein markentypisches Design?

Was bedeutet „Markencharakter“ im Design überhaupt? Stellen Sie sich als anschauliches Beispiel das Inazuma Rock Festival vor, das für die Präfektur Shiga steht, und das Otsu-Fest, ein Herbstklassiker in Otsu.

Beim Inazuma Rock Festival, das auf der Karasuma-Halbinsel stattfindet, sorgen farbenfrohe Schilder, poppige Schriftarten und überall aufgestellte Lagepläne für eine aufregende Atmosphäre, die „Spaß macht, unbeschwert ist und in der man sich nicht verirrt“. Wie sieht es hingegen beim traditionsreichen Otsu-Fest aus?Die bei Einbruch der Dämmerung leuchtenden Laternen, die kraftvollen Rufe „Tokoyoi, Tokoyoi“, die im Einklang mit der „Konchikichin“-Festmusik erklingen, und die imposanten Festwagen (Hikiyama). Dort spürt man die „Weitergabe der Geschichte“ und den „Stolz der Region“.

Beides sind zwar „Veranstaltungen“ in derselben Präfektur Shiga, doch die „Gestaltungsphilosophie“ – also die Frage, welche Gefühle bei den Teilnehmern geweckt werden sollen – ist völlig unterschiedlich, und dies zeigt sich deutlich in den „Details“ wie der Atmosphäre und den Klängen des Raums.

Das Gleiche gilt für Websites. Design bedeutet nicht einfach nur, die Oberfläche mit einer „stilvollen Atmosphäre“ zu schmücken. Es bedeutet vielmehr, bis ins kleinste Detail zu gestalten, „bei wem welche Gefühle geweckt werden sollen“.

Design ist mehr als nur das „Aussehen“

Wir sagen oft: „Das Aussehen ist das allerletzte Ergebnis.“

Ein schönes Layout und flüssige Bewegungen sind letztlich nur das Endergebnis. Dahinter verbirgt sich eine enorme Menge an Arbeit am unsichtbaren Gerüst: „In welcher Reihenfolge sollen die Informationen vermittelt werden?“, „Welche Bedeutung soll dieser Button haben?“, „Welche Erfahrung sollen die Nutzer mitnehmen?“

In dieses Gerüst lassen wir die „Essenz“ einfließen – die Unternehmensphilosophie und die Haltung des Unternehmens. Erst wenn dies gelingt, entsteht ein „Design“, das mit Leben erfüllt ist.

Wie entsteht der Charakter einer Marke?

Funktionale Aspekte und die Benutzerfreundlichkeit – wie „leicht zu bedienende Schaltflächen“ oder „schnelle Ladezeiten“ – sind natürlich hervorragend. Sie gehören auch zu den großen Stärken von microCMS, das wir einsetzen.

Doch für den Aufbau einer Marke reicht das allein nicht aus. Hohe Funktionalität ist sozusagen das „Fundament“. Wenn darauf nicht der rote Faden „Für wen und zu welchem Zweck ist dieses Erlebnis gedacht?“ verläuft, bleibt es bei einer Website, die lediglich Informationen aneinanderreiht.

Um einen Markencharakter zu schaffen, ist zunächst eine „Verbalisation“ (ein Konzept) erforderlich, mit der wir unsere eigenen Werte in Worte fassen. Dann müssen wir Prioritäten setzen und entscheiden: „Was wollen wir vermitteln und was lassen wir bewusst weg?“ Erst wenn wir der Frage „Wie möchten wir von der Welt wahrgenommen werden?“ auf den Grund gehen, entsteht unser einzigartiger „Markencharakter“.

Wir haben die Struktur, die sich vom „funktionalen Fundament“ hin zum „Markencharakter“ aufbaut, aus den drei Perspektiven UI, UX und Grafik (Branding) systematisiert.

Dabei haben wir die jeweiligen Rollen den konkreten Gestaltungsaufgaben gegenübergestellt.

Wenn man die Elemente, die eine Marke ausmachen, systematisch ordnet, wird die Bedeutung einer „eigenen Ausstrahlung“ deutlich, die über die reine „Bedienbarkeit“ hinausgeht.

Warum wirken viele Websites „unauthentisch“?

Warum gibt es dennoch so viele „ähnliche Websites“? Um es auf den Punkt zu bringen: „Weil man sich krampfhaft in vorgefertigte Vorlagen zwängt.“

Man fügt einfach vorläufig vorbereitete Fotos und Texte in ein festgelegtes Layout ein. Man setzt lediglich die vorgefertigten Elemente zusammen. Diese Vorgehensweise ist zweifellos effizient und einfach.

Doch in dem Moment, in dem man sich der Struktur der Vorlage unterwirft, wird die „Ausgestaltung der Details“ eingeschränkt, und die Eigenheit des Unternehmens wird verallgemeinert, sodass der Eindruck entsteht, man habe die Seite „schon einmal irgendwo gesehen“.Im Gegenzug zur Effizienz geht das Wichtigste verloren: die „Markenqualität“. Das ist der Grund für das seltsame Gefühl, das entsteht, wenn massenhaft „Websites produziert werden, die zwar stilvoll sind, aber niemandem im Gedächtnis bleiben“.

Genau deshalb ist ein „freies Design“ notwendig

Genau darin liegt der Grund, warum wir in der Praxis gerne das System microCMS einsetzen.

Aus meiner Erfahrung mit verschiedenen CMS ist mir aufgefallen, dass ein System wie microCMS – ein sogenanntes „Headless CMS“ – nicht wie herkömmliche Systeme an bestimmte Plugins, veraltete Bibliotheken wie jQuery oder eine vorgegebene HTML-Struktur gebunden ist.

Man muss das Design nicht an die „Fähigkeiten des Systems“ anpassen, sondern kann das System an das „gewünschte Design (Konzept)“ anpassen.

Gerade weil wir das Design nicht an ein vorgefertigtes System anpassen müssen, können wir bis ins kleinste Detail auf die Markenidentität achten. Als „Stütze“ dafür nutzen wir microCMS.

Was ändert sich, wenn sich das Design ändert?

Wenn man auf Vorlagen verzichtet und die Website mit einem eigenen Design und einer eigenen Struktur neu gestaltet, kommt es zu deutlichen Veränderungen.

Die Eigenheit des Unternehmens und das Markenkonzept lassen sich leichter vermitteln, und die Reaktion der Nutzer wandelt sich von einem vagen Eindruck wie „Das sieht irgendwie schön aus“ zu tieferer Identifikation: „Was dieses Unternehmen sagt, leuchtet mir wirklich ein“ oder „Ich habe das Gefühl, dass es zu mir passt“.

Die Botschaft wird „richtig vermittelt“, geht nicht in der Masse unzähliger anderer Websites unter und bleibt im Gedächtnis haften. Dies ist sowohl für die Personalbeschaffung als auch für das Unternehmensbranding ein entscheidender Vorteil.

Für welche Unternehmen eignet sich das?

Wie Sie nach all dem Gesagten sicher verstanden haben, ist das von uns vorgeschlagene „markengerechte Design“ nicht für jedes Unternehmen geeignet.

Für Unternehmen, die einfach nur eine „günstige und schnelle Website als Visitenkarte“ wollen, ist unsere Arbeitsweise überhaupt nicht geeignet.

Für Unternehmen hingegen, die derzeit mit folgenden Unstimmigkeiten oder Problemen zu kämpfen haben, ist unser Ansatz zweifellos genau das Richtige.

• Die Website wurde mit einer Vorlage erstellt, aber der eigene Unternehmenscharakter kommt einfach nicht richtig zur Geltung
• Das Design ist zwar ansprechend, führt aber nicht zu den erhofften Anfragen
• Die eigenen wahren Stärken und Vorzüge lassen sich nicht gut in Worte fassen
• Es gibt zwar eine Karriereseite, aber es kommt zu Fehlbesetzungen bei den Bewerbern

„Auch wenn es Zeit kostet, wollen wir das Fundament für eine Marke legen, die langfristig geschätzt wird.“ Wir sind überzeugt, dass dies für Unternehmen, die das ernsthaft anstreben, ein unschlagbares Mittel ist.

7. Zusammenfassung | „Eigenheit“ entsteht erst nach der Gestaltung

In der heutigen Zeit kann jeder mit KI und kostenlosen Tools ganz einfach eine Website erstellen, die nur schön und aufgeräumt ist. Genau deshalb verliert oberflächliche „Eleganz“ immer mehr an Wert.

„Eigenheit“ liegt nicht in der optischen Aufmachung, sondern verbirgt sich still hinter einem durchdachten Design, das bis ins kleinste Detail durchdacht ist.

Wenn Sie sich Websites Ihrer Mitbewerber ansehen und dabei das ungute Gefühl haben: „Unser Unternehmen sollte eigentlich ganz anders sein“, dann haben Sie recht. Wenn Sie gerade das Gefühl haben, dass „irgendetwas nicht stimmt“, dann ist dieses Gefühl meiner Meinung nach ziemlich zutreffend.

Dieses Unbehagen ist sicherlich ein wichtiger Ausgangspunkt, um Ihre Marke neu zu gestalten. Wir werden uns auch weiterhin ganz bewusst der Gestaltung dieser „Eigenheit“ widmen.