UX/UI Design

mut.agency

Kunde
mut.agency
Rolle
UX und UI Design, Webentwicklung
Umfang
Website für eine neu positionierte Agentur
Jahr
2024

mut. ist eine Kreativagentur in Innsbruck, bekannt für starke Gestaltung. Weil Kunden mehr als Design wollten, hat die Agentur Marken und Geschäftsstrategie ins Angebot geholt und sich als Strategiepartner für den DACH Raum neu positioniert.

Die neue Position brauchte eine Website, die sie beweist. Mutig genug zum Auffallen und klar genug, um eine neue Arbeitsweise zu erklären.

Die alte und die neue Website im Vergleich

Design allein reichte nicht mehr

Herausforderung

  • Kunden wollten strategische Begleitung, nicht nur Gestaltung.

  • Klassische Designagenturen waren dafür nicht aufgestellt.

  • Im Markt fehlte Branding, das mit Strategie beginnt und kreativ umgesetzt wird.

Research

  • Wettbewerbsanalyse regionaler Agenturen.

  • Analyse der Marke und des Leistungsmodells.

Wichtigste Erkenntnisse

  • Die meisten Agenturen verkauften Ästhetik statt Geschäftsergebnisse.

  • Kunden wollten Strategie und Kreation von einem Partner.

  • Die visuelle Landschaft war vorsichtig und austauschbar.

  • Niemand verband disruptive Strategie mit Design.

Vom Designlieferanten zum Strategiepartner

Problem

Kunden sahen mut. als Designstudio, das schwächte die Glaubwürdigkeit des neuen Strategieangebots. Das Team arbeitete längst ganzheitlich, aber niemand konnte sagen, was mut. anders macht.

Die Aufgabe war strategisch, nicht nur visuell. Die Wahrnehmung verschieben, Vertrauen in neue Leistungen aufbauen und eine mutige Identität zeigen, die trotzdem funktioniert.

Ziele

  • mut. als Partner für Markenstrategie und Beratung positionieren.

  • Das neue Leistungsmodell mit dreitägigen Workshops erklären.

  • Die Markenarchetypen Rebell und Weiser im Design ausdrücken.

  • Im DACH Raum auffallen und dabei klar und barrierefrei bleiben.

Gestaltet für Entscheider

Die Zielgruppe ist klein und erfahren. Gründer, CEOs und Marketingverantwortliche, die Strategie kaufen und keine Plakate. Eine Persona hielt die Website auf sie fokussiert.

Markus

Name Markus, 42
Beruf CEO eines mittelgroßen Tech Unternehmens
Sucht Einen Partner für seine Geschäftsstrategie

Schmerzpunkte

  • Ihm fehlt ein strategischer Partner für seine Marke.

  • Er will einen klaren Markenprozess, mit dem er arbeiten kann.

  • Er braucht Innovation, die trotzdem funktioniert.

  • Agenturen liefern ihm Gestaltung ohne strategische Tiefe.

Vom ersten Besuch zum ersten Workshop

Wir haben vier Phasen abgebildet und jeder eine klare Antwort auf der Website gegeben. Das Ziel am Ende ist immer gleich. Ein erstes Gespräch, das zu einem Workshop führt.

User Journey Map

Sieben Seiten rund um eine Methode

Jede Seite beantwortet eine Frage, die Entscheider haben, vom Warum des Wandels bis zum Team, das die Arbeit macht. Jede endet mit der mut. Methode und einem direkten Weg zum ersten Gespräch. Wireframes haben die langen Leseseiten vor jedem visuellen Design getestet.

Sitemap
Wireframes der wichtigsten Seiten

Zwei Stimmen, eine Marke

Die neue Identität ruht auf zwei Archetypen. Der Rebell steht für Disruption und spricht mit Spray, Neongrün und lauten Claims. Der Weise steht für Tiefe und spricht mit einer ruhigen Serifenschrift, Schwarz und Weiß und einer klaren Methode. Jede Seite spielt beide Stimmen gegeneinander aus.

Rebellisches Menü und Methodenseite des Weisen
Statement Bereich mit Illustration

Spray mit Regeln

Das Spray ist keine Dekoration. Es folgt vier Regeln. Es ruft den wichtigsten Claim, hebt einen Kerngedanken hervor, streicht Abgelehntes durch und kreuzt alte Gewohnheiten aus. So bleibt die rebellische Energie lesbar.

Rufen, hervorheben, durchstreichen und auskreuzen

Eine Schrift aus der Spraydose

Die Rufe brauchten eine eigene Stimme. Buchstaben wurden von Hand auf große Bögen gesprayt, fotografiert und zu mut Provoke weiterentwickelt, der eigenen Sprayschrift der Agentur.

Gesprayte Buchstabenbögen
Bögen beim Trocknen auf der Straße
Aufbau zum Sprayen und Scannen
Das fertige Alphabet

Laut und lesbar

Spraygrün, Tinte und Weiß tragen die Marke. Tiempos setzt Statements und lange Texte, Söhne trägt Headlines und Interface und die beiden Sprayschriften bleiben für die Rufe. Die Farben erfüllen die WCAG Kontraste, Komponenten funktionieren mit Tastatur und Screenreader und die Schrift skaliert auf jedem Gerät.

Farbpalette
Schriften von mut.agency

Kleine Momente mit Charakter

Eigene Mikrointeraktionen tragen die Persönlichkeit. Spray erscheint beim Scrollen, eine Zeitleiste führt durch ein Jahrhundert Wettbewerb und ein Trichter zeichnet sich hinter einem Statement.

Gebaut zum Wachsen

Ein modulares System erlaubt dem Team, Abschnitte zu ergänzen, ohne den Fluss einer Seite zu brechen. Lange Leseseiten wechseln zwischen Statements, Bildern und Spraymomenten, damit sie nie schwer wirken.

Am Handy

Die Statements bleiben auf kleinen Bildschirmen groß und das Spray behält seinen Platz. Zitate und Porträts stapeln sich in einer Spalte, die sich wie ein Magazin liest.

Seiten am Handy

Hinter dem Vorhang

Die Designdatei enthält jede Seite, jede Komponente und jeden Ablauf der Website.

Anders und gebucht

Ergebnis

  • Klare Abgrenzung in einem vollen Agenturmarkt.

  • Workshop Buchungen und qualifizierte Leads.

  • Neues Interesse von Startups.

  • Ein besseres Verständnis für die Mission der Agentur.

  • Laufende Verbesserungen auf Basis von Nutzerfeedback nach dem Launch.

Reflexion

Rebell und Weiser gaben mut. eine Position und eine Stimme. Der Wechsel des Kernangebots zu strategischem Branding hat die Rolle der Agentur neu definiert.

Die Identität wurzelt in urbaner Kreativität und steht auf Klarheit. Sie spiegelt jetzt den Anspruch der Agentur und die Bedürfnisse ihrer Kunden.

Laut, wo es zählt. Klar überall sonst.

Nächstes Projekt

Kärntner Skipass