UX/UI Design

mut.agency

Client
mut.agency
Role
UX and UI design, web development
Scope
Website for a repositioned agency
Year
2024

mut. is a creative agency in Innsbruck known for strong design work. As clients asked for more than design, the agency added brand and business strategy to its offer and repositioned itself as a strategy first partner for the DACH region.

The new position needed a website that proves it. Bold enough to stand out and clear enough to explain a new way of working.

The old and the new website side by side

Design alone was no longer enough

Challenge

  • Clients wanted strategic guidance, not only visuals.

  • Classic design agencies were not built to deliver it.

  • The market had a gap for strategy first branding with creative execution.

Research

  • Competitive audit of regional agencies.

  • Review of the brand and the service model.

Key findings

  • Most agencies sold aesthetics, not business outcomes.

  • Clients wanted strategy and creation from one partner.

  • The visual landscape was safe and interchangeable.

  • Nobody combined disruptive strategy with design.

From design vendor to strategy partner

Problem

Clients saw mut. as a design studio, which hurt the credibility of the new strategy offer. The team already worked holistically, but nobody could say what made mut. different.

The task was strategic, not only visual. Shift the perception, build trust in new services and express a bold identity that still works.

Goals

  • Position mut. as a strategy first branding and consulting partner.

  • Explain the new service model built on three day workshops.

  • Express the brand archetypes Rebel and Sage in the design.

  • Stand out in the DACH region and stay clear and accessible.

Designing for the decision maker

The audience is small and senior. Founders, CEOs and marketing leads who buy strategy, not posters. One persona kept the site focused on them.

Markus

Name Markus, 42
Occupation CEO of a mid sized tech company
Looking for A partner to develop his business strategy

Pain points

  • He has no strategic partner for his brand.

  • He wants a clear brand process he can act on.

  • He needs innovation that still works.

  • Agencies give him visuals without strategic depth.

From first visit to first workshop

We mapped four stages and gave each one a clear answer on the site. The goal at the end is always the same. A first call that leads to a workshop.

User journey map

Seven pages around one method

Every page answers one question a decision maker has, from why change is needed to who does the work. Each one closes with the mut. method and a direct way to book a first call. Wireframes tested the long reading pages before any visual design.

Sitemap
Wireframes of the key pages

Two voices, one brand

The new identity rests on two archetypes. The Rebel stands for disruption and speaks through spray, neon green and loud claims. The Sage stands for depth and speaks through a calm serif, black and white and a clear method. Every page plays both voices against each other.

Rebel menu and Sage method page
Statement section with illustration

Spray with rules

The spray is not decoration. It follows four rules. It shouts the key claim, highlights a core thought, strikes through what mut. rejects and crosses out old habits. Used like this the rebel energy stays readable.

Shout, highlight, strike through and cross out

A typeface made with spray cans

The shouts needed a voice of their own. Letters were sprayed by hand on large sheets, photographed and turned into mut Provoke, the agency's own spray typeface.

Sprayed letter sheets
Sheets drying on the street
Spray and scan setup
The finished alphabet

Loud and readable

Spray green, ink and white carry the brand. Tiempos sets statements and long reads, Söhne carries headlines and the interface and the two spray faces are kept for shouts. Colours meet WCAG contrast, components work with keyboard and screen readers and type scales on every device.

Colour palette
Typefaces of mut.agency

Small moments with character

Custom micro interactions carry the personality. Spray appears while you scroll, a timeline walks through a century of competition and a funnel draws itself behind a statement.

Built to grow

A modular system lets the team add sections without breaking the flow of a page. Long reading pages switch between statements, images and spray moments, so they never feel heavy.

On the phone

The statements stay big on small screens and the spray keeps its place. Quotes and portraits stack into one column that reads like a magazine.

Mobile pages

Behind the curtain

The design file holds every page, component and flow of the site.

Different and booked

Outcome

  • Clear differentiation in a crowded agency market.

  • Workshop bookings and qualified leads.

  • New interest from startups.

  • A better understanding of the agency's mission.

  • Ongoing improvements based on user feedback after launch.

Reflection

Rebel and Sage gave mut. a position and a voice. Shifting the core offer to strategy first branding redefined the role of the agency.

The identity is rooted in urban creativity and grounded in clarity. It now reflects both the ambition of the agency and the needs of its clients.

Loud where it matters and clear everywhere else.

Next Project

Kärntner Skipass