Raus aus dem Rauschen, Klarheit schaffen.

Abstrakter Wald mit Bewegungsunschärfe

Kataloop Stockfoto Nr.

7806309

8640

x

5760

px

,

22100707

SONY ILCE-1

,

Pancake Lens

Leistungen

Wir schaffen Ihre Klarheit nach außen. Mit diesen Services.

Website-Strategie

Eine Website ist nicht einfach da, weil man eine erwartet. Sie ist ein strategisches Werkzeug mit klaren Zielen. Ein klassisches Ziel ist mehr Verkauf. Dann greift verkaufspsychologische Gestaltung, die direkt auf Ihrer Positionierung aufbaut. Andere Unternehmen wollen vor allem Anfragen, Bewerber oder einen Auftritt, dem man vertraut, bevor man anruft. Für jedes dieser Ziele sieht eine Website anders aus. Welches Ziel Ihre hat, klären wir zuerst mit Ihnen. Daraus entsteht die Website-Strategie, an der wir Struktur und Gestaltung ausrichten.

Webdesign

Im Webdesign wird die Strategie Ihrer Website sichtbar. Der Anspruch: Besucher fühlen sich auf Anhieb angesprochen, finden sich zurecht und werden gezielt geführt. Der Auftritt wirkt professionell und hebt sich von der Konkurrenz ab. Wir gestalten seit über 15 Jahren Interfaces und wissen, wie hochwertiges Design entsteht. Ihre neue Website bauen wir Schritt für Schritt im Figma-Prototypen auf. Sie können den Stand jederzeit einsehen und Änderungswünsche direkt mit einbringen.

Webentwicklung

Aus dem Webdesign wird dann eine funktionierende Website, pixelgenau umgesetzt. Die Entstehung können Sie live mitverfolgen, über eine Domain, die nur Ihnen und uns zugänglich ist. Wir achten auf eine saubere Code-Struktur. Das merkt man der Seite an: Besucher beim Laden, Suchmaschinen und KI-Modelle beim Lesen. Sie macht Ihre Website zudem skalierbar. Selbstverständlich ist die Website responsive: optimiert vom großen 5K-Monitor bis zum Smartphone. Inhalte pflegen Sie oder Ihr Team bei Bedarf später selbst.

Künstliche Intelligenz (KI)

Mit KI erstellte Websites werden schnell zu AI-Slop. Bei Kataloop verlassen wir uns nicht auf KI, wir steuern sie: mit Prompts voller Fachexpertise und Korrekturschleifen. Zum Einsatz kommt sie nur dort, wo sie die Effizienz erhöht und die Qualität nicht leidet. Webdesigns gestalten wir deshalb selbst, mit menschlicher Empathie. Die technische Basis eines Sliders wie diesem lässt sich dagegen gut mit künstlicher Intelligenz umsetzen. Auch kleine Applikationen wie eine Terminbuchung erstellen wir mit KI, die Daten laufen über sichere Workflows (n8n). Komplexe Interfaces wie ein CRM setzen wir nur auf Monatspreis-Basis um, hier gelten zusätzliche Sicherheitsstandards.

Fotografie, Grafikdesign und mehr

Ob kleine Studioproduktion (Fotos und tonlose Kurzvideos), Bildbearbeitung, Icons, Ihr Branding, Ihre Visitenkarte oder eine typografische oder abstrakte Grafik: Ihre visuelle Identität ist nicht nur für Ihre Website wichtig, sondern überall dort, wo Ihr Unternehmen sichtbar wird. Daher setzen wir gestalterische Dienstleistungen gerne für den Einsatz auf Ihrer Website um, aber genauso als eigenständige Aufträge. Auf Monatspreis-Basis sind diese Leistungen sogar unkompliziert "auf Zuruf" umsetzbar. Machen Sie sich ein Bild von unseren Referenzen weiter unten auf dieser Seite, und erzählen Sie uns, was Ihnen vorschwebt.

Webflow

Unsere Schnittstelle zwischen Expertise und Erfolg: Webflow.

Webseiten sind anspruchsvoll, besonders wenn neben einem professionellen Design auch Mehrsprachigkeit, ein Blog, moderne Animationen, KI-Sichtbarkeit oder gar der Verkauf von Produkten gewünscht sind. Wir verbinden langjährige Expertise mit den richtigen Tools und setzen für die Webumsetzung auf Webflow.

Editierbarkeit

Das Webflow-Interface erlaubt es, Elemente direkt visuell auf der Seite zu bearbeiten. Außerdem machen das integrierte Content-Management-System (CMS) sowie Komponenten und Templates die Inhaltspflege für Sie und Ihr Team zusätzlich einfach.

Website Scores

Leistung, SEO, Best Practices und Barrierefreiheit sind messbar. Was davon für Sie zählt, besprechen wir vorab und richten die Umsetzung danach aus.

Schlankes Markup

Wir erzeugen sauberes, semantisches Markup ohne überflüssigen Code. Das sorgt für schnelle Ladezeiten und macht es Suchmaschinen und KI-Modelle leicht, Ihre Inhalte zu erfassen.

Das Webflow-Interface ist die Schnittstelle, in der Expertise und Code zusammenkommen und Inhalte bearbeitet und sicher gespeichert werden. Es dient zugleich als Kontrollinstanz und publiziert die Seite in Verbindung mit Ihrer Domain sicher ins Web.

Sprachen

Wir machen Ihre Seite mehrsprachig, auf Wunsch inklusive lokalisierter URLs, Bilder und Styles. So finden sich internationale Besucher in ihrer eigenen Sprache zurecht, was Nutzererfahrung und Sichtbarkeit in lokalen Suchergebnissen verbessert.

DSGVO

Wir setzen Ihre Seite DSGVO-konform um: mit passender Cookie-Consent-Lösung, Datenschutzerklärung und Webflows Auftragsverarbeitungsvertrag inklusive EU-Standardvertragsklauseln. So sind Sie rechtlich gut abgesichert.

KI-Komponenten

KI-Komponenten machen möglich, was über den Webflow-Standard hinausgeht: interaktive Tools, Rechner oder individuelle Funktionen. Entwickelt werden sie mit KI wie Claude Code und landen über die Schnittstelle DevLink direkt in Webflow, wo sie sich einfügen wie jedes andere Element.

Backups

Webflow sichert Ihre Website fortlaufend und automatisch. Jeder frühere Stand lässt sich mit einem Klick wiederherstellen.

Webflow ist nicht nur "das Tool Ihres Webdesigners". Es verändert, wie schnell Sie Inhalte ändern, wie sauber Ihre Seite läuft und wie Sie nach außen wirken.

CMS

Das integrierte CMS trennt Inhalt und Design: Sie tragen neue Inhalte ein, die Website setzt sie automatisch im richtigen Layout um. So können Sie jederzeit neue Blogartikel, Testimonials oder Stellenanzeigen online stellen.

Strukturierte Daten

Wir hinterlegen strukturierte Daten nach Schema.org, in Webflow auch dynamisch aus CMS-Feldern. Suchmaschinen ordnen Ihre Inhalte so richtig ein und zeigen sie prominenter an, etwa mit Bewertungen oder Veranstaltungsdaten.

Komponenten mit Künstlicher Intelligenz. Für bestimmte Aufgaben.

KI-Komponenten können im Grunde alles sein, nur dass sie in der Form wie eine Webflow-Komponente erscheinen. So entscheiden wir gezielt, was per KI umgesetzt wird, und das Webflow-Interface bleibt unsere Kontrollinstanz zwischen KI und Live-Seite. Aus Claude Code gesteuert, landen sie in der sauberen Website-Struktur und enthalten Varianten, Textfelder und vieles mehr. Das bearbeiten Sie oder wir später visuell auf der Seite, statt im Code oder per Chat.

Halftone Studio

Hohe Komplexität

Halftone Studio ist ein kostenloses Werkzeug, um Bilder in Raster zu übersetzen, die eine gewünschte Form zugrunde liegen haben. Dabei kann man zusätzlich Bewegungseffekte wählen, die das Bild zu einem animierten, endlosen Video wandeln, oder die Bewegung ausstellen. Am Ende kann man das Ergebnis als mp4, gif oder Bildformat herunterladen.

What came out is a genuinely useful creative tool — the kind of thing a brand or social team could use on day one.

Tech Stack:

React

TypeScript

Canvas

WebCodecs

Webflow Code Components

Zum Halftone Studio

Bilderfächer

Niedrige Komplexität

Die Bounce-Karten zeigen bis zu fünf Bilder als leicht gedrehten Fächer. Beim Hereinscrollen federn die Karten nacheinander ins Bild. Fährt man mit der Maus über eine Karte, richtet sie sich auf und die Nachbarn rücken weich zur Seite. Bilder, Kartengröße, Abstand, Rahmen und Tempo sind in Webflow einstellbar.

Tech Stack:

React

TypeScript

CSS Animations

Webflow Code Components

Terminbuchung

Hohe Komplexität

Die Terminbuchung ist ein Buchungs-Tool für ein Erstgespräch: Tag und Uhrzeit auswählen, die Verfügbarkeit wird live geprüft, und ist der Wunschtermin belegt, gibt es direkt Alternativen. Nach der Buchung landet die Einladung automatisch im Kalender, als Google-Meet-Termin oder Telefonat. Feiertage, Öffnungszeiten und die Zeitzone des Besuchers werden dabei berücksichtigt.

Tech Stack:

React

TypeScript

n8n

Google Calendar

Webflow Code Components

Terminbuchungs-Tool testen

Slider

Mittlere Komplexität

Während man früher lange nach Slider-Bibliotheken gesucht, sie per Custom Code eingebunden und teils extra lizenziert hat, bauen wir so einen Slider heute mit Claude Code in einem Bruchteil der früher investierten Zeit, individuell für das Projekt. Die KI-Komponente liefert dabei nur die technische Hülle: Die aktive Karte steht zentriert, die Nachbarn ragen angeschnitten ins Bild, die Karten lassen sich auch per Drag bewegen und ihre Breite stellen wir je Breakpoint ein. Die Inhalte selbst sind normale Elemente bzw. Divs, visuell programmiert und editierbar im Webflow-Interface. Auf dieser Website kommt der Slider an verschiedenen Stellen zum Einsatz.

Tech Stack:

React

TypeScript

CSS Animations

Webflow Code Components

Animierter Hintergrundverlauf

Niedrige Komplexität

Der Shader Gradient ist eine Hintergrund-Komponente, die bis zu vier Farben als fließende, verwirbelte Bahnen ineinanderlaufen lässt. Der Effekt wird in Echtzeit berechnet, nicht als Video abgespielt. Muster, Bewegung, Tempo, Streckung und Glanz lassen sich direkt im Webflow Designer einstellen, die Farben kommen aus den Variablen der Website. Der Effekt läuft nur, solange er sichtbar ist, und belastet die Seite dadurch kaum.

Tech Stack:

React

TypeScript

WebGL

GLSL

Webflow Code Components

WebP-Konverter

Hohe Komplexität

Der WebP-Konverter ist ein kostenloses Werkzeug, das Bilder wie PNG, JPG, GIF oder SVG direkt im Browser in das platzsparende WebP-Format umwandelt. Die Umwandlung passiert komplett im eigenen Browser, die Bilder verlassen den Rechner nicht und landen auf keinem Server. Qualität, Größe und Dateinamen lassen sich vorab festlegen, auch für viele Bilder auf einmal. Das Ergebnis gibt es einzeln oder gesammelt als ZIP zum Herunterladen.

Tech Stack:

React

TypeScript

Canvas

JSZip

Webflow Code Components

Zum WebP-Konverter

Zurück

Weiter

Referenzen

Ausgewählte Arbeiten.

Stimmen aus der Zusammenarbeit.

Bridge of Trust

Bridge of Trust begleitet Unternehmen bei KI und digitaler Transformation, ein Angebot, das vor allem eines braucht: Vertrauen auf Entscheiderebene. Das Redesign sollte deshalb Seriosität ausstrahlen, ohne langweilig zu werden. Entstanden ist ein ruhiger, konzentrierter Auftritt mit einer klaren Botschaft zum Einstieg. Danach führen vier Fragen durch die Seite: Wo? Wie? Was? Wer? Konkrete Anwendungsbeispiele machen das abstrakte Thema greifbar, individuell konzipierte Animationen halten die Aufmerksamkeit, ohne zu stören.

Services:
Website-Strategie, Webdesign, Webentwicklung, komplexes Motion Design

Parcel Pilots

Parcel Pilots liefert zeitkritische Sendungen weltweit per On-Board-Kurier. Der bisherige Auftritt des jungen Unternehmens war ein Provisorium und wurde dem Anspruch des Geschäfts nicht mehr gerecht. Die neue Website entstand deshalb von Grund auf neu: Struktur, Design und Umsetzung, auf Englisch und Deutsch. Ein Video im Einstieg zeigt in wenigen Sekunden, worum es geht, Ländernamen in steter Bewegung machen die globale Abdeckung sichtbar, und ein kleines Flugzeug begleitet Besucher bis zur Kontaktaufnahme.

Services:
Website-Strategie, Webdesign, Webentwicklung, Videobearbeitung

Logopädie Warnke

Logopädie Warnke behandelt in Berlin Sprach-, Sprech- und Schluckstörungen, bei Kindern wie Erwachsenen. Die neue Website sollte diese Arbeit so zugänglich zeigen, dass sich Patienten sofort gut aufgehoben fühlen, und zugleich Logopäd*innen ansprechen, die ein neues Team suchen. Aus dem WordPress-Vorgänger wurde ein zweisprachiger Webflow-Auftritt: eine warme Farbwelt mit freundlichen Illustrationen, verständliche Inhalte statt Fachsprache, und eine Anmeldung, die den Praxisalltag entlastet. Für das Lexikon entstanden eigens produzierte Fotos.

Services:
Website-Strategie, Webdesign, Webentwicklung, Fotografie

OKAPI:Orbits

OKAPI:Orbits macht Raumfahrt sicherer: Software, die Satellitenbetreiber weltweit vor Kollisionen im Orbit warnt. Die bestehende Webflow-Seite wurde übernommen und technisch wie inhaltlich weiterentwickelt. Das Herzstück ist die animierte Erde: Ein 3D-Designer gestaltete Erde und Partikel, implementiert wurde sie als geschichtete Videoebenen, per Maske beschnitten und über Blend-Modi verrechnet, statt einer aufwendigen 3D-Engine. So bleibt die Weltraum-Ästhetik performant, auch mobil. Stellenausschreibungen pflegt das Team heute selbst über das CMS.

Services:
Webentwicklung, komplexes Motion Design

Bridge of Trust

Lydia hat unsere Firmenwebsite entworfen und anschließend mit Webflow umgesetzt. Dabei hat sie unter Berücksichtigung meiner Vorgaben ihre Meinung stets konstruktiv eingebracht. Die fortlaufende Zusammenarbeit zeichnet sich durch ihre schnelle Reaktionszeit aus, wenn Änderungen erforderlich sind oder neue Seiten erstellt werden sollen. Besonders schätze ich die Möglichkeit, die Texte auf der gesamten Webseite selbstständig in Deutsch und Englisch ändern zu können, was viel Zeit spart. Lydias Professionalität und Zuverlässigkeit haben maßgeblich zum Erfolg unserer Online-Präsenz beigetragen. Ich kann die Zusammenarbeit mit Lydia uneingeschränkt empfehlen.

Marco Linsenmann

Bridge of Trust DIGITAL, Inhaber und Geschäftsführer

bridgeoftrust.de

Logopädie Warnke

Lydia hat die Website für meine logopädische Praxis designt und entwickelt. Dabei wurden auch sehr schöne Fotos, die sie selbst macht, mit eingebaut. Die Zusammenarbeit war super angenehm und unkompliziert. Lydias Professionalität zeichnet sich dadurch aus, dass sie gleichzeitig strukturgebend und flexibel in der Umsetzung von Ideen ist. Ihre Arbeit mit mir war transparent, wertschätzend und empathisch. Antworten und Umsetzungen erfolgten rasend schnell, ohne dies gleichzeitig von mir zu erwarten. Dank Kataloop habe ich nun eine sehr moderne, optisch hoch ansprechende und auf meine Praxis individuell zugeschnittene Website. Den Preis für das Gesamtpaket finde ich absolut angemessen.

Elisabeth Warnke

Logopädie Warnke, Inhaberin

logopaedie-warnke.de

Johann Wachs Markenberater

Lydia hat für mich ein individuelles Webdesign mit Figma erstellt sowie dieses dann umgesetzt in HTML und CSS mit Webflow - optimiert für Desktop, Tablet und mobile. Die Zusammenarbeit mit Lydia dabei war hervorragend – Lydia ist absolut zuverlässig, kommuniziert klar, schnell, höflich professionell und zielführend, hat Ihren eigenen Point of View, welchen Sie konstruktiv einbringt. Lydia leistet handwerklich-professionell sehr gute Arbeit. Ich habe mich gleich entschieden, auch weiter mit Ihr zusammenzuarbeiten. Eine Empfehlung!

Johann Wachs

Freier Markenberater

OKAPI:Orbits

Lydias UX/UI-Design-Expertise war wertvoll. Von der schnellen Kommunikation bis zur fortlaufenden Unterstützung stellte sie den Erfolg unseres Projekts sicher. Sie verstand unsere Vision mühelos und half uns, unsere Website in Bezug auf Oberfläche und Benutzererfahrung zu verbessern. Die Zusammenarbeit mit Lydia war eine Freude; ihre Stärken sind ihre Liebe zum Detail und ihr proaktiver Ansatz. Ihre Fähigkeit, Kundenwünsche vorauszusehen, machte die Zusammenarbeit reibungslos.

Christine Vlachou

OKAPI:Orbits GmbH, Marketing- und Kommunikationsmanagerin

Petmos

Ich bin Gründer und Entwickler von Petmos, einer Plattform für Tier-Dienstleister und Halter. Für dieses Vorhaben habe ich einen engagierten UX-Designer gesucht und mit Lydia die ideale Partnerin gefunden. Lydia hat für mich Landing Pages und zentrale User-Flows designt. Dazu gehören etwa die Registrierung und das Profil-Management im Front- und Backend. Alle Seiten fühlen sich frisch und sehr hochwertig an. Ein wichtiger Fortschritt für mein Business. Die Zusammenarbeit war überaus bereichernd und effektiv! Sie ist sehr kompetent in ihrem Bereich. So hatte ich mit meiner über 30-jährigen Erfahrung in der Softwareentwicklung eine tolle Sparringspartnerin zu allen spezifischen Themen. Ich habe dabei nichts vermisst. Auch der Austausch live über Figma und Slack hat wunderbar funktioniert. Zu neuen Aufträgen werde ich Lydia sehr gerne wieder anfragen. Vielen Dank!

Daniel Hardge

Gründer von Petmos

LOT Internet GmbH

Wir haben mit Lydias Unterstützung in sehr kurzer Zeit aus unserer Produktidee eine hochwertige Weboberfläche entwickelt und damit einen entscheidenen Grundstein für unsere zukünftige Produkte und Plattformen gelegt. Die Zusammenarbeit war hochprofessionell und zu jedem Zeitpunkt fand eine sehr gute Kommunikation zu den Designideen und Arbeitsschritten statt. Ein weiteres gemeinsames Projekt ist bereits in Planung.

Thorsten Reitz

LOT Internet GmbH, Geschäftsführer

Lawinenstift Digital

Sehr kompetent. Sehr schnell. Sehr durchsetzungsstark. Gute Analyse. Gute Umsetzung. Kurz: eine große Hilfe.

Stefan Litwin

lawinenstift-digital GmbH, Kreativdirektor

Parcel Pilots

Die Zusammenarbeit mit Lydia an unserem Website-Projekt war sehr positiv. Sie kommunizierte klar und verständlich, verstand unsere Anforderungen und setzte alles zuverlässig um. Das Ergebnis ist eine moderne, übersichtliche Website, die perfekt zu unseren Bedürfnissen passt. Wir schätzten ihre strukturierte Vorgehensweise und die termingerechte Fertigstellung.

Junaid Mahmood

Parcel Pilots GmbH, Gründer und Geschäftsführer

parcelpilots.com

Preise

Sie wählen zwischen einem projektbasierten Festpreis ("Fix") und einem monatlichen Festpreis ("Flexibel"). Erstes eignet sich für Websites mit klar definiertem Umfang. Zweites bietet maximale Flexibilität bei täglicher Verfügbarkeit: Umfang und Strategie entwickeln sich mit der Zusammenarbeit und Erkenntnissen aus dem Geschäftsalltag. Klicken Sie auf "Flexibel" und scrollen Sie nach unten für mehr Infos.

Jede gebuchte Seite lässt sich gegen eine zusätzliche Sprache tauschen. Beispiele: „Essential Website" mit 2 Seiten in 2 Sprachen, oder „Business Website" mit 4 Seiten in 3 Sprachen.

Tauschen Sie zwei Seiten gegen eine Komponente mit hoher Komplexität. Beispiel: „Business Website" mit 4 Seiten und einer komplexen KI-Komponente (siehe Beispiele oben).

Rechtliche Seiten wie Impressum, Datenschutz oder AGB werden nicht mitgezählt. Beispiel: Die „Essential Website" umfasst 3 individuell gestaltete Seiten, rechtliche Seiten kommen zusätzlich dazu.

Über das Webflow CMS pflegen Sie wiederkehrende Inhalte auf Wunsch selbst, skalierbar bis 20.000 Elemente (z.B. Blogartikel, Testimonials, Stellenanzeigen oder Mitarbeiter).

Enthaltene Fotos und Videos aus unserer Stock-Sammlung: 15 bei Essential, 30 bei Business, 45 bei Premium (5 je gebuchter Seite als Gesamtkontingent, beliebig verteilbar, unabhängig vom Tausch einer Seite gegen Sprache oder KI-Komponente).

Icons und Illustrationen von Streamline (streamlinehq.com) sind enthalten: bis zu 100 Icons, 50 Illustrationen und 50 Grafik-Elemente für Ihre Website.

Dezente Einblendungen, ähnlich wie auf dieser Website, werden auf Wunsch implementiert.

KI-Komponenten planen wir im Strategie- und Designprozess dort mit ein, wo sie sinnvoll sind. Konkrete Wünsche nennen Sie im Briefing, das Sie nach der Buchung im Kundenportal einsenden.

Im Briefing können Sie Ihre Texte für jeden Abschnitt fertig mitliefern. Alternativ beantworten Sie einige Fragen zu Ihrem Unternehmen, aus denen wir Textvorschläge erstellen und die Seitenstruktur ableiten.

Essential Website

Ihre Website mit Fokus auf die wichtigsten Seiten, gradlinig umgesetzt. Professionell von Menschen entwickelt statt KI-Designs oder unsauberer Code.

3.990,- Euro

Angebot-PDF erhalten Buchen und loslegen

Business Website

Eine Website, die alles kommuniziert, was Ihre Zielgruppe wissen muss. Professionell umgesetzt und auf viele Jahre ausgelegt.

7.990,- Euro

Angebot-PDF erhalten Buchen und loslegen

Premium Website

Ihre umfangreiche Website, mit der Sie gefunden werden, sich abheben und wachsen. In enger Abstimmung mit Ihnen ausgearbeitet, bis alles stimmt.

11.990,- Euro

10.990,- Euro

Angebot-PDF erhalten Buchen und loslegen

Angebots-PDF zusenden: Essential Website

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Angebots-PDF zusenden: Business Website

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Angebots-PDF zusenden: Premium Website

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Enterprise Website

Ab 11.000,- Euro

Gesprächstermin vereinbaren

Maintenance

Dieser Plan deckt laufende Kosten und hält Ihr Projekt durch kleinere Anpassungen und geringfügige Weiterentwicklung am Laufen, damit kein Stillstand entsteht.

490,- Euro/Monat

Angebot-PDF erhalten Buchen und loslegen

Business

Dieser Plan ist passend, wenn Sie beispielsweise eine professionelle Webseite für Ihr Unternehmen brauchen oder ein Redesign planen und keine komplexeren Anforderungen haben, etwa Web-Apps mit Login oder exklusive Rechte an individuellen Fotos und Videos.

4.990,- Euro/Monat

Angebot-PDF erhalten Buchen und loslegen

Business+

Dieser Plan ist passend, wenn Ihre Anforderungen weiter reichen, etwa Web-Apps mit Login, Logo-Design oder Druckmedien, und Sie exklusive Rechte an individuell produzierten Fotos und Videos wünschen. Dazu kommen höhere Kontingente in allen Bereichen.

7.490,- Euro/Monat

Angebot-PDF erhalten Buchen und loslegen

Angebots-PDF zusenden: Maintenance Plan

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Angebots-PDF zusenden: Business Plan

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Angebots-PDF zusenden: Business+ Plan

Nach dem Absenden erhalten Sie das PDF innerhalb von wenigen Minuten per E-Mail.

Vielen Dank, Ihr PDF ist unterwegs und sollte jeden Moment in Ihrer Inbox erscheinen! Bitte prüfen Sie sonst Ihren Spam-Ordner.

Es ist ein Fehler aufgetreten. Bitte versuchen Sie es noch einmal!

Vorteile vom Monatspreis

Klar definierte Umsetzungszeiten

Planbarkeit der Kosten

Keine Zeitfresser durch Bürokratie

Tägliche Fortschritte statt Stillstand

Stockmedien, Hosting, Schriftlizenzen und mehr sind inkludiert

Sofortiger Projektstart

Keine Infrastruktur benötigt (Büro, Technik), kein Ausfall (Urlaub, Krankheit) und kein Drama bei der Kündigung.

Erlaubt schnelle Reaktion auf wechselnde Anforderungen im Geschäftsalltag

Läuft auch ohne Sie weiter: Mit vorbereiteten Aufgaben oder im Autopilot

Günstiger als beim Stundensatz, flexibler als beim Festpreis und effizienter als bei einer Festanstellung

Warum ein fester Monatspreis statt Stundensatz, Festanstellung oder projektbasierter Festpreis?

Monatspreis vs. Festanstellung

Eine Festanstellung wirkt zunächst günstiger, ist es aber selten. Urlaubs- und Krankheitstage verzögern den Fortschritt und treiben die Kosten. Das Fachwissen einer einzelnen Anstellung deckt meist nur einen Bereich ab; für die volle Bandbreite braucht es ein ganzes Team. Hinzu kommen Infrastruktur wie Büro oder Studio sowie Technik, die in Fotografie und Design erheblich ins Gewicht fällt. Auch Ihre eigene Zeit für Organisation und Abstimmung ist ein Kostenfaktor. Bei Kataloop arbeiten wir durchgängig, und ist Ihr Projekt abgeschlossen, pausieren oder kündigen Sie einfach.

Monatspreis vs. Festpreis

Ein Festpreis setzt zunächst eines voraus: eine genaue Planung, damit sich die Kosten überhaupt kalkulieren lassen. Korrekturrunden werden dabei meist limitiert oder gesondert berechnet, und weil nicht die tatsächlich investierte Zeit zählt, fließt oft ein Puffer ein, der den Preis erhöht. Müssen Sie mitten im Prozess umplanen, wird es schnell kompliziert. Beim Abo-Modell passen Sie den Kurs jederzeit an, bei festem Monatspreis und verbindlichen Fertigungszeiten.

Monatspreis vs. Stundensatz

Auf Stundensatzbasis fehlt Ihnen häufig eine verlässliche Einschätzung des Aufwands, und die monatlichen Kosten können die eines Kataloop-Abos schnell übersteigen. Fordern Sie eine Zeitschätzung oder eine feste Deadline ein, wird der Prozess meist bürokratisch und ein Großteil der Flexibilität geht verloren. Das Abo verbindet beides: einen festen monatlichen Preis mit klar definierten Fertigungszeiten. So bleibt Ihr Budget von Anfang an planbar und Ihr Projekt trotzdem jederzeit anpassbar.

Umsetzungszeiten beim Monatspreis

Wie lange dauert eine Aufgabe?

Es werden alle Werktage eines Monats eingeplant. Bei Aufgaben mit variablen Angaben können Sie nach Übermittlung Ihrer Anforderungen eine genauere Zeiteinschätzung anfragen.

Website-Vorbereitung & User Interface Designs

Um Ihr Website-Design zu starten, benötigen wir Ihre Anforderungen und einen Styleguide, der mindestens Farben und Schrift(en) beinhaltet (siehe "Styleguide/Branding").

‍Begriffsdefinitionen:
Eine Seite: Zum Beispiel die gesamte Seite "Über uns", "Startseite" oder "AGB".
Ein Abschnitt: Zum Beispiel eine Navigation, ein Kontaktformular, ein Footer oder häufig gestellten Fragen.

Aufgabe

Tage

Sitemap-Erstellung: Visuelle Seitenstruktur der Webseiteo

1

Low-Fidelity Wireframes: Grobe visuelle Darstellung der Webseiteo

2

Desktop-Design von 4 schlichten Website-Abschnitten oder 2 komplexen Website-Abschnitten in Figmao

2

Adaptierung des Designs auf einen anderen Breakpoint, z.B. Handy Hochformat, pro Seite (je 8 schlichte Abschnitte oder 4 komplexe Abschnitte) o

S2

2

Prototypen-Erstellung: Erstellung einer möglichst realitätsnahen Vorschau der späteren Webseite durch Verlinkung der Wireframes oder Designs (je 6 Seiten) o

1

Änderungen/Ergänzungen nach Kundenwunsch o

1

Webentwicklung in Webflow (Teil 1): Responsives Frontend-Design

Das Webdesign ist fertig? Los geht's!

Unsere Umsetzungszeiten von Website-Abschnitten inkludieren bereits die Adaptierung von Desktop auf Tablet, Handy Quer- und Hochformat. Diese werden nach erstellten/vorgegebenen Responsive-Designs umgesetzt, ansonsten im Autopilot.

Ebenfalls inkludiert: Die Einrichtung des Webflow-CMS, der Bearbeitungsfunktionen von Komponenten, sowie Animationen, die für die Funktionalität notwendig sind.

Aufgabe

Tage

Webflow-Einrichtung: Projekt anlegen, Styleguide umsetzen (Farben, Schriften...), sowie die Verbindung der Domaino

2

Frontend-Entwicklung/Webumsetzung in Webflow: 4 einfache Website-Abschnitte oder 2 komplexe Abschnitte o

S2

2

Schlichte Skripte zum Erreichen bestimmter Funktionen: Individuell programmiert oder mit Finsweet Attributeso

1-2

Komplexe Skripte zum Erreichen bestimmter Funktionen: Individuell programmierte Lösungen o

+

3-4

Automatisierungen mit n8n, z.B. Slack-Nachricht bei Formular-Ausfüllung, Airtable zu Webflow CMS-Übertragung (One-Way)... o

+

1-2

Änderungen/Ergänzungen nach Kundenwunsch o

1

Webentwicklung (Teil 2): Cookie-Banner, Animationen, SEO & mehr

Das Grundgerüst steht und ist vielleicht schon live? Los geht's mit den Details und der Suchmaschinenoptimierung!

Wir nutzen Finsweet-Components für den Cookie-Banner und Webflow-Interactions, sowie die Webflow SEO-Optionen.

Aufgabe

Tage

Cookie-Banner: Integration des DSGVO-konformen Cookie-Banners von Finsweet inkl. Anpassung an das Webdesign, Verknüpfung der Skripte mit den Cookie-Kategorien und inklusive der Kosten für eine zeitlich unlimitierte Nutzung o

3

Animationen: 1-10 (ggf. wiederkehrende) Website-Animationen, stark abhängig von der Komplexität/dem individuellen Konzepto

2

Schema Markup (SEO): Bis zu 6 Stück (ggf. dynamisch auf Basis von CMS-Inhalten generiert)o

1

Meta- und Open Graph-Infos (SEO): Je 10 Seiten (CMS- und Produkt-Templates gelten als eine Seite)o

1

Weitere Maßnahmen der Suchmaschinenoptimierung: 1-6 Maßnahmen, abhängig von der Komplexitäto

1

Sprachen: 4 Seiten nach vorgegebenen Texten in eine andere Sprache übersetzen (wahlweise auch automatisiert über Webflow, oder mit ChatGPT)o

2

Lottie-Animationen: Erstellung von 2-6 schlichten Lottie-Animationen inkl. deren Konzept und grafischer Umsetzungo

2

Änderungen/Ergänzungen nach Kundenwunsch o

1

Fotografie & Videos, Vorproduktion & Nachbearbeitung, Bildrecherche

Individuelle Produktionen setzen sich immer aus der investierten Zeit (Angabe in Tagen, s.u.) und der Nutzungslizenz zusammen. Im Business+-Plan erhalten Sie 2-jährige, ausschließliche Rechte kostenlos dazu. Auch im Business-Plan können Sie die Nutzungslizenzen von Ihrem inkludierten Kontingent decken.

Aufgabe

Tage

Vorproduktion: Konzept für 4 schlichte Foto-/Videomotive (ein Objekt, ohne Requisiten) oder 2 komplexe Motive (mehrere Objekte/Requisiten)o

2

Produktion: Umsetzung von zwei Motiven nach Konzept (max. 4 wechselnde Produkte bei gleichbleibender Perspektive & Einstellungen) o

S2

2-3

Nachproduktion: Nachbearbeitung von 2 produzierten Videos oder 5 Fotos eines Motivs (inkl. Produktvarianten) o

S3

1-2

Vor- bis Nachproduktion: Erstellung von einem Video oder bis zu 3 Fotos zu einem vorgegebenen Thema ohne Zwischenabstimmungen o

Autopilot

2

Bild-/Videobearbeitung allgemein: Bearbeitung von jeweils 10 Bildern oder 4 Videos, je nach Komplexitäto

1-3

Bildmaterial-Recherche von je 10 Fotos/Videos mit Alternativen in der Kataloop-Stock-Kollektion oder externen Bilddatenbankeno

1

Anfrage von ähnlichem/offline Bildmaterial aus der Kataloop Stock-Kollektion (inkl. Zusendung)o

1

Änderungen/Ergänzungen nach Kundenwunsch o

1

Digital- & Druckprodukte, Grafiken, Icons & Illustrationen

Um Ihr Digital-/Druckprodukte zu gestalten, benötigen wir Ihre Anforderungen und einen Styleguide, der mindestens Farben und Schrift(en) beinhaltet (siehe "Styleguide/Branding").

Streamline-Icons sind die von Kataloop empfohlene Icon-Sammlung, deren Nutzung in allen Plänen inkludiert ist.

Aufgabe

Tage

Digital- oder Druckprodukt: 2 Seiten (z.B. Visitenkarten, Flyer, Broschüren) inkl. Layoutsystem/Musterseiten, oder 4 Folgeseiten im ähnlichen Stil (z.B. weitere Personen bei Visitenkarten oder weitere Seiten im vorgegebenen Layout einer Broschüre) o

+

2

Druck-Reinzeichnung für bis zu 10 Seiten ohne Veredelung oder 4 Seiten mit Druckveredelung, inkl. Export als Druck-PDF o

S2

+

1

Druckabwicklung je Druckprodukt, z.B. über Flyeralarm o

S3

+

1

Individuelle Erstellung eines Icons/einer Vektorgrafik: Entwurf und Umsetzung einer schlichten, vektorbasierten Grafik o

1-2

Individuelle Erstellung einer schlichten Grafik, z.B. eine Photoshop-Collage, eine Social-Media- oder Blogpost-Grafik...o

1-2

Streamline-Icons: Recherche und Anpassung von bis zu 100 Streamline-Icons, die zum Projekt passen, inkl. deren Kosten. Übersendung der Dateien zur weiteren Nutzung.o

1

Eine Illustration (je nach Komplexität) o

+

2-5

Änderungen/Ergänzungen nach Kundenwunsch o

1

Styleguide/Branding

Die Schritte zur Erstellung des Corporate Designs sind ein dynamischer Prozess und lassen sich nicht immer klar voneinander trennen. Es sollte daher von der Gesamt-Umsetzungszeit von 5 Werktagen (ohne Logo) bzw. 10 Werktagen (mit Logo) ausgegangen werden. Bereits existierende Unterlagen/Vorgaben können den Prozess beschleunigen.

Aufgabe

Tage

Brandfarben definieren: Definition Farbkombinationen, in Designs testen o

2

Brandfarben definieren: Abstufungen, Farbräume o

S2

1

Schriften definieren: Recherche, in Designs testen o

1

Schriften definieren: Styles definieren (6x Headline, 4x Paragraph & 1x Eyebrow) o

S2

1

Logodesign: Entwürfe (setzt Farben und Schrift/en voraus) o

+

2

Logodesign: Entwurfs-Umsetzung/Digitalisierung o

S2

+

2

Logodesign: Versionen o

S3

+

1

Änderungen/Ergänzungen nach Kundenwunsch o

1

Über Kataloop

Nicht die Tools erstellen eine erfolgreiche Website. Es sind immer die Menschen, die damit umzugehen wissen.

Ich bin Lydia Dietsch, Gründerin der Kataloop GmbH, und seit 2012 selbstständig in der Berliner Kreativbranche tätig (und hatte schon lange davor eine vielseitige, kreative Laufbahn). 2015 rückte der Fokus im Rahmen meiner ersten Firmengründung auf Webentwicklung, wo er bis heute geblieben ist. Ich liebe es, individuelle und teils komplexen Inhalte vereinfacht und ansprechend darzustellen, und mich dabei tief in die Positionierung des Unternehmens einzuarbeiten. Im Laufe der Jahre habe ich für zahlreiche Einzelunternehmen genau wie für globale Unternehmen arbeiten dürfen.

Alle Inhalte und Referenzen auf dieser Webseite stammen von mir. Das gilt auch für die Sammlung an Fotos und Videos. Mit der Kamera seit 30 Jahren bei mir (und heute auch im Studio), lassen sich die Aufnahmen in grafischen Umsetzungen und Webseiten nutzen. Im Falle einer Zusammenarbeit bin ich Ihre Ansprechpartnerin und werde die meisten Ihrer Aufgaben übernehmen. Ich freue mich auf Ihr Projekt.

Arda Kara

Mit einem starken Netzwerk im Rücken für spezielle Aufgaben oder bei hoher Auslastung bleibt jedes Projekt auch bei vielseitigen Anforderungen auf konstant hohem Niveau. Auf dieser Seite wird daher in der Wir-Form gesprochen.