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