The Kataloop subscriptions at a glance
Whether you want to be deeply involved or if concepts are already in place or not: Our subscription model ensures continuous, predictable, and measurable progress for your project. If you like, we can start as early as -, when you subscribe now.
Continuity: We schedule five days a week for you. This means: A task you assign on Monday morning, with an estimated implementation time of two working days, will be completed by Wednesday morning.
Flexibility: Adapt to changing business demands by having you or your team adjust or reprioritize tasks using the simple project management tool.
Expertise: With years of experience, we create your website, online shop, photos, silent videos, promotional materials, and more – all you need to provide is the text. In the Professional Plan, weekly video calls allow for personalized consultation, while in the Basic Plan, we are happy to answer your questions in a kickoff call or in writing.
What’s included in the subscription?
Figma designs
Figma is the leading design tool for user interface design, simple prototyping, and design systems. Most design tasks, such as web designs, are therefore implemented using Figma. Print products, on the other hand, are created with Adobe InDesign.
Webflow websites
Webflow is THE tool for building professional websites. Webflow CMS, Webflow E-Commerce, Webflow Interactions, and Webflow Localization are just some of the features that significantly speed up processes and offer endless possibil
Stock media
Kataloop has an exclusive collection of high-quality photos and videos that you can use in your projects. License the media with just a few clicks or subscribe to Kataloop to receive a monthly quota.
Studio productions
Demonstrate professionalism and quality to your target audience with a high-quality, cohesive visual identity! At Kataloop’s studio, we create photo and video concepts that strengthen your brand identity and, in turn, boost your revenue.
And more:
Cinemagraphs
Corporate design style guides
Microinteractions
Still life photography
Graphic design
Online shops
Lottie animations
Branding
Product photography
Complex website animations
Static short videos
Custom code
Print products
(Streamline) icons
Landing pages
Micro videos
Cinemagraphs
Corporate design style guides
Microinteractions
Still life photography
Graphic design
Online shops
Lottie animations
Branding
Product photography
Complex website animations
Static short videos
Custom code
Print products
(Streamline) icons
Landing pages
Micro videos
Implementation times: How long does a task take?
All weekdays of a month are scheduled. Tasks that involve multiple steps require approval after each step. Please note that there are people behind the tasks, and in rare cases, there may be slight time deviations. For tasks with variable specifications (e.g., “1-6 items” or “1-2 days”), you can request a more precise time estimate in the task management tool before the implementation begins.
Legende
Empfehlung für besondere Ergebnisse: Konzepterstellung und Designs sind Prozesse, die maßgeblich von der investierten Zeit abhängen. Geben Sie uns etwas mehr davon, um außergewöhnliche Ergebnisse zu erzielen. Das gilt auch für Webflow-Entwicklung, wo komplexere Umsetzungen möglich werden.
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 ausschließlich von Kunden in Anspruch genommen werden, die den Professional-Plan abonnieren. Profitieren Sie von individueller Entwicklung, der Umsetzung von Digital- und Druckprodukten oder Illustrationen.
S1
Website-Vorbereitung & User Interface Designs in Figma
The design of a website requires an existing style guide. A section, for example, could be a navigation bar, footer, hero, FAQ section, etc.Seite ist zum Beispiel die gesamte Seite "Über uns", "Startseite", "AGB", "Produktseite" etc. Ein Abschnitt ist zum Beispiel eine Navigation, ein Footer, ein Hero-Abschnitt, ein Abschnitt mit häufig gestellten Fragen, ein Kontaktformular etc.
Aufgabe
Tage
Sitemap-Erstellung: Visuelle Seitenübersicht der kompletten Webseite mit allen Abschnitten (je nach Website-Umfang)o
1-2
Low-Fidelity Wireframes: Grobe visuelle Darstellung von Seiten, je 4 Seiteno
2
Desktop-Design von 4 normalen Website-Abschnitten o
2
Desktop-Design von 4 besonderen Website-Abschnitten o
4
Adaptierung des Designs auf einen anderen "Breakpoint" wie z.B. Handy Hochformat, je 8 Abschnitte o
S2
2
Änderungen/Ergänzungen nach Kundenwunsch o
1
Webentwicklung in Webflow
The implementation of a section requires a completed design (at least a desktop design). It already includes the development of all breakpoints (desktop, tablet, mobile landscape, mobile portrait).Webflow-CMS (falls benötigt), die Einrichtung der Bearbeitungsfunktionen von Instanzen (falls gewünscht), sowie diejenigen Animationen, die für die Funktionalität notwendig sind. Sollten neben Desktop keine weiteren Responsive-Designs existieren, werden sie im Autopilot realisiert. Sie können das Ergebnis dann testen und Feedback geben. Funktionale Erweiterungen der Webseite sind mit Finsweet Attributes möglich. Im Pro-Plan programmieren wir zudem individuelle Lösungen für Sie.
Aufgabe
Tage
Webflow-Einrichtung: Projekt anlegen, Styleguide umsetzen (Farben, Schriften usw.) und Verbindung der Custom Domain, falls gewünschto
2
Frontend-Entwicklung von 4 normalen Website-Abschnitten (Umsetzung der Webdesigns in die echte Seite in Webflow) o
S2
2
Frontend-Entwicklung von 4 besonderen Website-Abschnitten (z.B. mit sehr vielen Elementen, mehrstufige Abschnitte,...) o
S2
4
Finweet-Attributes (vorgefertigte Code-Lösungen) zum Erreichen bestimmter Funktionen, je "Attribute" o
1-2
Custom Scripts zum Erreichen bestimmter Funktionen (individuell für Sie programmierte Lösungen) o
Pro
2-3
Animationen: 1-6 Website-Animationen, je nach Komplexitäto
2
Sprachen: 4 Seiten nach vorgegebenen Texten in eine andere Sprache übersetzen, oder 8 Seiten automatisiert mit Webflow übersetzen o
2
Änderungen/Ergänzungen nach Kundenwunsch o
1
Fotografie/-videos und deren Vor- & Nachbearbeitung, Recherche
Please note that the usage license is only included in the Professional Plan.
Aufgabe
Tage
Vorproduktion: Konzept für ein schlichtes Foto-/Videomotiv mit einem Objekt ohne Requisiten o
1
Vorproduktion: Konzept und Alternativkonzept für ein komplexes Motiv mit mehreren Objekten/Requisiten o
2-3
Produktion: Umsetzung von einem schlichten Motiv ohne Requisiten (max. 4 wechselnde Produkte/Objekte) o
S2
2
Produktion: Umsetzung von einem komplexen Motiv mit Requisiten (max. 8 wechselnde Produkte/Objekte) o
S2
3
Nachproduktion: Nachbearbeitung von einem Video oder max. 4 Fotos eines schlichten Motivs o
S3
2
Nachproduktion: Nachbearbeitung von zwei Videos oder max. 8 Fotos eines komplexen Motivs o
S3
3
Vor- bis Nachproduktion: Erstellung von einem Video oder 1-3 Fotos zu einem vorgegebenen Thema ohne Zwischenabstimmung o
Autopilot
2
Bildmaterial-Recherche von bis zu 20 Fotos/Videos in der Kataloop-Stock-Kollektion oder externen Bilddatenbankeno
2
Anfrage von ähnlichem/offline Bildmaterial auf Basis eines Motivs aus der Kataloop Stock-Kollektion (inkl. Zusendung)o
1
Änderungen/Ergänzungen nach Kundenwunsch o
1
Styleguide/Branding
Die Schritte zur Erstellung eines Corporate Design-Leitfaden lassen sich nicht immer klar voneinander trennen, da es sich um einen dynamischen Prozess handelt. Es sollte daher von der Gesamt-Umsetzungszeit von 5 Werktagen (ohne Logo) bzw. 10 Werktagen (mit Logo) ausgegangen werden. Ggf. verkürzen sich diese Zeiten, wenn nutzbare Unterlagen/Vorgaben bereits existieren.
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 (mind. 4x Headline, 3x 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
Digital- & Druckprodukte
Die Umsetzungszeiten beinhalten immer die Ausgabe als PDF, was eine vorherige Freigabe durch Sie voraussetzt. Sollte das Produkt in den Druck gehen, beinhaltet es die Druck-Reinzeichnung und die Ausgabe als Druck-PDF. Sollten Sie die Beauftragung der Druckerei durch uns wünschen, ist ein zusätzlicher Tag anzusetzen.
Aufgabe
Tage
Schlichte Visitenkarten (max. 2-seitig), angepasst auf die Daten von max. 4 Personen o
Pro
2
Visitenkarten komplex (z.B. mit Druckveredelung, 4-seitig oder angepasst auf max. 8 Personen) o
Pro
3
Plakat/Poster o
Pro
3
Plakat/Poster o
Pro
4
Flyer/Broschüre, je 2 erste Seiten oder 4 Folgeseiten o
Pro
3
Flyer/Broschüre, je 2 erste Seiten oder 4 Folgeseiten o
Pro
4
Druckabwicklung je Druckprodukt o
S2
Pro
1
Änderungen/Ergänzungen nach Kundenwunsch o
Pro
1
Grafiken, schlichte Lottie-Animationen, Icons und mehr
Neben den nativen Webflow-Animationen werten auch Lottie-Animationen Ihre Webseite auf und können natlos in Webflow eingebunden werden. Streamline-Icons sind die von Kataloop empfohlene Icon-Sammlung, deren Nutzung in beiden Abo-Plänen inkludiert ist.
Aufgabe
Tage
Individuelle Erstellung eines Icons/einer Vektorgrafik: Entwurf und Digitalisierung einer schlichten, vektorbasierten Grafik o
1-2
Individuelle Erstellung einer pixelbasierten Grafik, z.B. eine schlichte Collage in Photoshop, eine Social-Media-Grafik, Blogpost-Grafik inkl. Bildbearbeitungo
1-2
Lottie-Animationen: Erstellung von 1-6 schlichten Lottie-Animationen inkl. deren Konzept und grafischer Umsetzungo
2
Streamline-Icons: Recherche und Anpassung (Farben, Größe) von bis zu 100 Streamline-Icons, die zum Projekt passen (setzt vorherige Abstimmung des Stils voraus). Übersendung der Dateien zur eigenen, weiterenNutzung (falls gewünscht).o
2
Eine Illustration (je nach Komplexität) o
Pro
2-5
Änderungen/Ergänzungen nach Kundenwunsch o
1
Work Samples
Why a subscription instead of an hourly rate, permanent position, or fixed price?
Subscription vs. hourly rate
When working with freelancers or agencies on an hourly rate basis, you often lack a clear time estimate for the project, and monthly costs can quickly exceed those of the Kataloop subscription. If you request a time estimate or even a deadline, the process often becomes bureaucratic, and flexibility is lost. A subscription offers flexibility, and a fixed monthly price, and defined production times.
Subscription vs. full-time employment
Is hiring cheaper? Unfortunately, no. Vacation and sick days delay progress and increase costs. The expertise of a full-time hire is typically focused on one specific area—unless you hire an entire team. Additionally, there are infrastructure costs, like an office or studio, and expensive equipment, especially for photographers and graphic designers. Your personal time is also valuable, and avoiding bureaucracy or unnecessary meetings saves exactly that: time. At Kataloop, we work continuously, and, if desired, even on autopilot. And when the project is complete, simply pause or cancel your subscription!
Subscription vs. fixed price
Working with freelancers or agencies on a fixed-price basis means one thing first and foremost: bureaucracy! The project needs to be meticulously planned in advance to estimate costs. Revision rounds are often limited or come with additional charges. Since pricing isn’t based on actual time invested, a buffer is typically added, driving the cost higher. Need to make changes mid-process? Things get complicated… With a subscription model, however, you can make changes at any time—even with defined production timelines.
Beispielhafter Projektablauf
Nachdem Sie Kataloop abonniert haben, bitten wir Sie in Ihrer Bestätigungs-E-Mail, uns die E-Mail-Adresse/n der Person/en mitzuteilen, 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.
Learn about the plans and get started!
Basic
Professional
Contact
Location:
Kataloop GmbH
Kuglerstr. 16
10439 Berlin
Germany
Discuss questions via video call:
Schedule a 20-minute video callContact via email:
hello@kataloop.comInquire about a project:
Go to the contact form to inquire about projectsInteresting articles
With plenty of information on topics like Webflow, web design, stock photos, the benefits of fixed monthly rates, and much more.