Ein Überblick zur Zusammenarbeit
Unabhängig davon, ob Sie stark eingebunden werden möchten und ob bereits Konzepte vorliegen oder nicht: Unsere Zusammenarbeit zum festen Monatspreis gewährleistet einen kontinuierlichen, planbaren und kalkulierbaren Fortschritt für Ihr Projekt. Wenn Sie möchten starten wir schon -, wenn Sie jetzt starten.
Kontinuität: Wir planen fünf Tage pro Woche für Sie ein. Das bedeutet: Eine Aufgabe welche Sie Montagmorgen einstellen und laut Umsetzungszeit zwei Arbeitstage in Anspruch nimmt, ist Mittwochfrüh für Sie erledigt.
Flexibilität: Reagieren Sie auf die sich ändernden Anforderungen im Geschäftsalltag, indem Sie oder Ihr Team die Aufgaben im schlichten Projektmanagement-Tool anpassen oder neu priorisieren.
Expertise: Mit langjähriger Erfahrung erstellen wir Ihre Website, Ihren Online-Shop, Fotos, tonlose Videos, Werbemittel und mehr – Sie liefern nur die Texte. Im Professional-Plan bieten wöchentliche Videocalls Raum für Beratung, im Basic-Plan beantworten wir Ihre Fragen gerne im Kickoff-Call oder schriftlich.
Welche Services bietet Kataloop?
Figma-Designs
Figma ist das führende Designtool wenn es um User Interface-Designs, schlichtes Prototyping und Design-Systeme geht. Die meisten Designaufgaben wie beispielsweise Webdesigns setzen wir daher mit Figma um. Print-Produkte werden mit Adobe InDesign realisiert.
Webflow-Websites
Webflow ist DAS Tool, wenn es um die Umsetzung professioneller Webseiten geht. Webflow CMS, Webflow E-Commerce, Webflow Interactions oder Webflow Localization sind dabei nur einige Features, die Prozesse ungemein beschleunigen und unendliche Möglichkeiten bieten.
Stock-Medien
Kataloop hat eine exklusive Sammlung an hochwertigen Fotos und Videos, die Sie in Ihren Projekten verwenden können. Lizenzieren Sie die Medien mit wenig Klicks oder starten Sie mit einem der Kataloop-Pläne, um ein monatliches Kontingent zu erhalten.
Studio-Produktionen
Signalisieren Sie Ihrer Zielgruppe Professionalität und Qualität durch eine hochwertig produzierte, einheitliche Bildwelt! In Kataloops Studio realisieren wir Foto- und Video-Konzepte, die Ihre Markenidentität stärken und dadurch Ihre Umsätze steigern.
Und mehr:
Cinemagramme
Corporate Design Styleguides
Mikrointeraktionen
Stilllebenfotografie
Grafikdesign
Online-Shops
Lottie-Animationen
Branding
Produktfotografie
Komplexe Webseiten-Animationen
Statische Kurzvideos
Custom Code
Druckprodukte
(Streamline)-Icons
Landingpages
Mikrovideos
Cinemagramme
Corporate Design Styleguides
Mikrointeraktionen
Stilllebenfotografie
Grafikdesign
Online-Shops
Lottie-Animationen
Branding
Produktfotografie
Komplexe Webseiten-Animationen
Statische Kurzvideos
Custom Code
Druckprodukte
(Streamline)-Icons
Landingpages
Mikrovideos

Umsetzungszeiten: Wie lange dauert eine Aufgabe?
Wir integrieren gängige KI-Tools in unsere Arbeitsprozesse. Die dadurch erzielten Zeiteinsparungen geben wir direkt an Sie weiter. Sie sind bereits in den angegebenen Umsetzungszeiten berücksichtigt. Es werden alle Werktage eines Monats eingeplant. Bei Aufgaben mit variablen Angaben können Sie nach Übermittlung Ihrer Anforderungen eine genauere Zeiteinschätzung anfordern.
Begriffserklärungen/Legende
Schlicht vs. komplex: Wird verwendet um schlichte/komplexe Designs und Konzepte zeitlich voneinander abzugrenzen. Beispiel: Ein Menü mit 5 normalen Links, einem Dropdown und einem Logo (schlicht) vs. einem sogenannten Mega-Menü (komplex).
S2
S3
Schritt 2/Schritt 3: Aufgaben mit diesen Labels hängen von der Fertigstellung der vorherigen Aufgabe ab. Die digitale Umsetzung eines Logos setzt z.B. Logo-Entwürfe voraus. Fehlt dieses Label oder gibt es keinen sonstigen Vermerk, entfällt die Voraussetzung.
Autopilot
Umsetzung im Autopilot: Dieses Konzept sorgt für eine schnelle Umsetzung durch gekürzte Abstimmungen. Bei Fotos und Videos geben Sie nur den Text oder das Thema an, das bebildert werden soll, und erhalten im nächsten Schritt schon das fertige Ergebnis zurück.
Pro
Nur im Professional-Plan: Aufgaben mit dem roten "Pro"-Label können von Kunden in Anspruch genommen werden, die mit dem Professional-Plan starten. Profitieren Sie von individueller Entwicklung, der Umsetzung von Digital- und Druckprodukten oder Illustrationen.
S1
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
Pro
2
Logodesign: Entwurfs-Umsetzung/Digitalisierung o
S2
Pro
2
Logodesign: Versionen o
S3
Pro
1
Änderungen/Ergänzungen nach Kundenwunsch o
1
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.
Sie wünschen ein außergewöhnliches Webdesign? Designprozessen hängen maßgeblich von der investierten Zeit ab. Räumen Sie uns beim Desktop-Design die doppelte Zeit ein, um besondere Ergebnisse zu erzielen!
Aufgabe
Tage
Sitemap-Erstellung: Visuelle Seitenstruktur der Webseite (je 10 Seiten)o
1
Low-Fidelity Wireframes: Grobe visuelle Darstellung der Webseite (je 10 Seiten)o
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...) und ggf. die Einrichtung von Webflow Ecommerce, 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
Pro
3-4
Automatisierungen mit Make oder Zapier, z.B. Slack-Nachricht bei Formular-Ausfüllung, Airtable zu Webflow CMS-Übertragung (One-Way)... o
Pro
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 unlimitierten 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 Professional-Plan erhalten Sie 2-jährige, ausschließliche Rechte kostenlos dazu. Auch im Basic-Plan können Sie die Nutzungslizenzen von Ihrem inkludierten Kontingent decken. Mehr dazu unten!
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 beiden 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
Pro
2
Druck-Reinzeichnung für bis zu 10 Seiten ohne Veredelung oder 4 Seiten mit Druckveredelung, inkl. Export als Druck-PDF o
S2
Pro
1
Druckabwicklung je Druckprodukt, z.B. über Flyeralarm o
S3
Pro
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
Pro
2-5
Änderungen/Ergänzungen nach Kundenwunsch o
1


Arbeitsproben/Referenzen


















Warum als Monatspreis statt als Stundensatz, Festanstellung oder projektbasiertem Festpreis?

Beispielhafter Projektablauf
Nachdem Sie die Zusammenarbeit gestartet haben, fragen wir Sie in Ihrer Bestätigungs-E-Mail nach den E-Mail-Adresse(n) der Person(en), die die Aufgaben verwalten. Dann kann es losgehen!
1. Tag
Am 1. Tag: Sie senden Ihre Vorstellungen zu einer One-Page-Webseite mit 8 Abschnitten. Ein Logo, Schriften und eine grobe Farbvorstellung existieren bereits. Kataloop erstellt daraus einen Styleguide und erweitert diesen (Farbabstufungen, Typografie-Styles).
Am 3. Tag wird der Styleguide übersendet. Bei Bedarf kann Feedback gegeben werden, in diesem Fall gibt es keines. Kataloop startet mit dem Webdesign.
Von den acht Abschnitten sollten der oberste Abschnitt ("Hero") und der unterste Abschnitt mit Kontaktformular besondere Aufmerksamkeit bekommen und etwas ausgefallener gestaltet werden. Sie haben im Designprozess etwas länger gedauert. Am 8. Tag erhalten Sie das finale Webdesign (für Desktop).
Während Sie das Ergebnis prüfen, startet Kataloop bereits mit der Produktion von einem individuellen Foto für den oberen Abschnitt ("Hero"). Sie haben sich dabei für die Option "Autopilot" entschieden. Das finale Foto wird am 10. Tag geliefert.
Am Design hatten Sie ein paar Anmerkungen, die Änderungen sind am 11. Tag umgesetzt. Sie geben das Design frei und die Webflow-Entwicklung startet.
Nach der Einrichtung des Projektes mit allen Styles geht es am 13. Tag zu der Designumsetzung über. Sie können die Fortschritte online auf einer URL mit Passwort verfolgen.
Am 18. Tag ist Ihre One-Page-Webseite fertig. Sie wünschen noch die automatisierte Übersetzung in's Englische inkl. des Hinzufügens einer Sprachauswahl, sowie einigen dezenten Animationen, die die Seite aufwerten.
Am 20. Tag ist das Projekt umgesetzt: Ihre moderne Webseite mit individuellem Design, optimiert für alle Geräte (responsive), modernen Animationen und in zwei Sprachen, sowie einem individuellen Foto im oberen Abschnitt.
Infos zu den Plänen und los geht's!
Basic
Professional
Kontakt
Standort:
Kataloop GmbH
Kuglerstr. 16
10439 Berlin

Fragen per Videocall besprechen:
Einen 20-minütigen Videocall vereinbaren


Per E-Mail Kontakt aufnehmen:
hello@kataloop.com
Ein Projekt anfragen:
Zum Kontakftformular für die Anfrage von Projekten
Artikel zum Thema
Mit vielen Informationen zu Themen wie Webflow, Webdesign, Stockfotos, den Vorteilen fester Monatspreise und vielem mehr.