UX/UI Design Agentur & Design-Systeme

• / 01

  Marken-Identität

  Wortmarke, Palette, Typo-System und Tonalität – gebaut, um über viele Flächen zu skalieren, nicht nur für einen One-Pager.

• / 02

  Design-Systeme

  Tokens, Komponenten, Barrierefreiheits-Primitive. In Figma gestaltet, im Code gespiegelt, gepflegt, während das Team wächst.

• / 03

  Produkt-UI

  Anwendungsflächen – Dashboards, Einstellungen, komplexe Formulare, datendichte Ansichten. Produktdesign und UI/UX mit dem Engineer im Raum.

• / 04

  Marketing-Layouts

  Home, Features, Preise, Blog. Redaktionelle Typografie und Bewegung, die das Produkt durchdacht wirken lassen.

Tools, die wir verwenden

• Figma
• Tailwind Tokens
• Phosphor / Lucide
• Framer Motion
• shadcn/ui
• Inter / Instrument Serif

Wie wir arbeiten

1. 01

   Zuhören

   Produkt, Marke und Zielgruppe prüfen. Oft machen wir zuerst ein Problem sichtbar, statt sofort zu zeichnen.

2. 02

   Eingrenzen

   Tokens vor Komponenten, Komponenten vor Screens. Die Hierarchie entscheidet, ob das System zusammenhält.

3. 03

   Bauen

   In Figma gestalten, im Code spiegeln, unterwegs dokumentieren. Engineers liefern Designs aus, die sie lesen können, nicht interpretieren müssen.

4. 04

   Begleiten

   Design-Systeme zerfallen ohne Pflege. Wir bleiben nah, damit das System lebendig bleibt.

/ 01

Reini Happ und Freunde

Non-Profit · Spendenseite · Innsbruck

• Marken-Identität
• UI-Design
• Web-Umsetzung

Problem

Eine Website, die wie ein nachträglicher Einfall gebaut war – Standard-Theme, kaputte Assets und Spenden hinter einer 22-stelligen IBAN, die man in die Banking-App tippen musste.

Approach

Eine neue Marke und ein fokussierter Rebuild: Spenden mit einem Tap über Stripe und PayPal und ein eigener Post-Type, der die Erfolge des Teams automatisch zusammenrechnet.

Outcome

Eine Spendenseite, die endlich zum Team dahinter passt – Spenden mit einem Tap, Summen, die sich selbst zählen.

Spenden über Stripe + PayPal

1-Tap

Spenden über Stripe + PayPal

Summen automatisch gezählt

auto

Summen automatisch gezählt

Case Study lesen

/ 02

Formula Foundry

B2B-SaaS · Komplettes Produkt-Launch · End-to-End gebaut

• Marken-System
• Produktdesign
• Design-System

Problem

Ein Startup für Spreadsheet-Power-Tools brauchte ein ganzes Produkt, das sich am ersten Tag wie ein Produkt anfühlt – zwei Add-ons, ein Kundenportal und eine Marketing-Site –, bevor es ein einziges Testimonial gab.

Approach

Eine Marke und ein Design-System über alle Flächen: das Google-Sheets-Add-on, das Excel-Add-in, das App-Portal, die Marketing-Site und die nutzerbasierte Abrechnung – End-to-End gestaltet und gebaut, auf einen Launch-Termin.

Outcome

Kohärent genug, dass Daten- und Finanzteams ihm vom Launch an vertrauten – und der organische Fußabdruck wuchs, als Content- und Vergleichsseiten live gingen.

Suchimpressionen in ~6 Monaten

+54×

Suchimpressionen in ~6 Monaten

organische Klicks

5×

organische Klicks

Flächen, ein Launch

4

Flächen, ein Launch

Case Study lesen

/ 03

Structura

Unser eigenes Produkt · Marketing-Site, App-Portal & Docs

• Marken-Identität
• Produkt-UI
• Design-System

Problem

Unser eigenes Produkt brauchte ein Gesicht – eine Marketing-Site, ein App-Portal und eine Docs-Site, die als ein System lesen, plus eine Produkt-UI im WordPress-Admin, wo Design sonst stirbt.

Approach

Ein Design-System über Marketing-Site, die Produkt-UI im Admin und die Docs: Tokens und Komponenten geteilt, damit das Dashboard gestaltet wirkt, nicht angeflanscht.

Outcome

Eine Produktoberfläche, durch die Besucher navigieren können – und ein wp-admin, das nicht nach wp-admin aussieht.

Flächen, ein Design-System

3

Flächen, ein Design-System

Produkt-UI, die nativ wirkt

in-admin

Produkt-UI, die nativ wirkt

Case Study lesen

Wachstumszahlen aus der Google Search Console (Suchimpressionen & Klicks). Design und Umsetzung von Xerx.

• I cannot recommend Yuriy enough. He designs and builds beautifully and correctly, communicates clearly, and makes the work fun. If you need a high-performance website for your business — look no further.

  Griffin Stewart

  Co-Founder, 5DayDeal

• Yuriy is by far one of the best developers I've ever worked with. Skill, ability, communication — all top notch. Best of all, he thinks above and beyond the task and recommends a better alternative when one fits.

  Gary Rudd

  Co-Founder, LifeLock Promo Codes

• Yuriy and his team are simply the best. They take a vision and turn it into a complete work of art — every aspect of the solution completed professionally and to perfection.

  Douglas Geller

  Founder & CEO, GDSI

Was ist der Unterschied zwischen UX- und UI-Design?

UX ist, wie es funktioniert – Abläufe, Struktur, ob Menschen ihre Aufgabe wirklich erledigen können. UI ist, wie es aussieht und sich anfühlt – Typo, Farbe, Komponenten, Bewegung. Eine gute UX/UI-Design-Agentur macht beides, denn eine schöne Oberfläche über einem kaputten Ablauf scheitert trotzdem.

Brauche ich ein Design-System?

Wenn Ihr Produkt wächst oder mehr als eine Person an der UI arbeitet, fast sicher. Ein Design-System hält alles konsistent und schnell baubar, während Sie skalieren – Tokens und Komponenten statt neu gezeichneter Screens. Für eine einzelne Landingpage ist es übertrieben, und das sagen wir auch.

Was kostet Produktdesign?

Das hängt vom Umfang ab – eine fokussierte Produkt-UI ist etwas anderes als eine komplette Marke plus Design-System. Sagen Sie uns, wo Sie stehen und was hakt, und wir schnüren ein ehrliches Paket, statt blind zu schätzen.

Können Sie mit unserer bestehenden Marke arbeiten?

Ja – ein großer Teil unserer Arbeit ist Produktdesign und UI/UX innerhalb einer bestehenden Marke, kein Rebranding. Wir bauen das Vorhandene zu einem System aus, das hält, während das Produkt wächst.

Wie übergeben Sie Designs an die Entwicklung?

Wir designen wie Engineers – Tokens in Figma, im Code gespiegelt, unterwegs dokumentiert –, damit Entwickler Designs ausliefern, die sie lesen können, nicht rückentwickeln müssen. Oft ist der Engineer von Anfang an im Raum.