Overview of how we work
Whether you want to be deeply involved or if concepts are already in place or not: Our fixed monthly pricing ensures continuous, predictable, and measurable progress for your project. If you like, we can start as early as -, when you decide to begin 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 services does Kataloop offer?
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?
We integrate common AI tools into our workflows. The resulting time savings are passed on to you and are already included in the stated implementation times. All working days of the month are scheduled. For tasks with variable specifications, you can request a more precise time estimate after submitting your requirements.
Legend
Simple vs. complex: Used to distinguish between simple and complex designs or concepts in terms of required time. Example: A menu with 5 standard links, a dropdown, and a logo (simple) vs. a so-called mega menu (complex).
S2
S3
Step 2 / Step 3: Tasks with these labels depend on the completion of the previous task. For example, the digital implementation of a logo requires initial logo drafts. If this label is missing or there is no other note, the prerequisite does not apply.
Autopilot
Implementation on autopilot: This concept enables fast execution through shortened approval processes. For photos and videos, you simply provide the text or theme to be illustrated, and in the next step, you receive the final result.
Pro
Only in the professional plan: Tasks with the red “Pro” label are exclusively available to customers subscribed to the professional plan. Benefit from custom development, the creation of digital and print products, or illustrations.
S1
Style guide/branding
The steps involved in creating the corporate design are part of a dynamic process and cannot always be clearly separated. Therefore, a total implementation time of 5 working days (without logo) or 10 working days (with logo) should be expected. Existing materials or guidelines can help accelerate the process.
Task
Days
Define brand colors: Define color combinations and test them in designso
2
Define brand colors: Shades, color spaces o
S2
1
Define fonts: Research and test them in designs o
1
Define fonts: Define styles (6× headline, 4× paragraph, 1× eyebrow) o
S2
1
Logo design: Drafts (requires defined colors and fonts) o
Pro
2
Logo design: Finalization / digitization of the selected draft o
S2
Pro
2
Logo design: Versions o
S3
Pro
1
Revisions/additions based on client requesto
1
Website preparation & user interface designs in Figma
To begin your website design, we need your requirements and a style guide that includes at least colors and font(s) (see “Style guide/branding”).
Term definitions:
A page: For example, the entire “About Us” page, “Homepage” or “Terms & Conditions”.
A section: For example, a navigation bar, a contact form, a footer or frequently asked questions.
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!
Task
Days
Create sitemap: Visual structure of the website (per 10 pages)o
1
Low-fidelity wireframes: Rough visual layout of the website (per 10 pages)o
2
Desktop design of 4 simple website sections or 2 complex sections in Figmao
2
Adaptation of the design to another breakpoint, e.g. mobile portrait (per 8 simple or 4 complex sections) o
S2
2
Prototype creation: Build a realistic preview of the website by linking wireframes or designs (per 6 pages)o
1
Revisions/additions based on client requesto
1
Web development in Webflow (part 1): Responsive frontend design
The web design is ready? Let’s get started!
Our implementation times for website sections already include adaptation for desktop, tablet, and mobile (portrait and landscape). These layouts are based on existing responsive designs if provided, or are handled automatically via autopilot.
Also included: setup of the Webflow CMS, editing functionality for components, and animations required for basic functionality.
Task
Days
Webflow setup: Create project, implement style guide (colors, fonts, etc.) and, if needed, set up Webflow Ecommerce and connect the domaino
2
Webflow setup: Create project, implement style guide (colors, fonts, etc.) and, if needed, set up Webflow Ecommerce and connect the domain o
S2
2
Simple scripts to achieve specific functions: custom-coded or implemented with Finsweet Attributeso
1-2
Complex scripts to achieve specific functions: fully custom-coded solutions o
Pro
3-4
Automations using Make or Zapier, e.g. Slack message on form submission or Airtable to Webflow CMS transfer (one-way) o
Pro
1-2
Revisions/additions based on client requesto
1
Web development (part 2): Cookie banner, animations, SEO & more
The foundation is in place and maybe already live? Time to move on to the details and search engine optimization!
We use Finsweet components for the cookie banner, Webflow interactions, and Webflow’s built-in SEO features.
Aufgabe
Tage
Cookie banner: Integration of the GDPR-compliant Finsweet cookie banner, adapted to your website design. Includes linking of scripts to cookie categories and unlimited usage license.o
3
Animations: 1–10 website animations (possibly looping), strongly dependent on complexity and individual concepto
2
Schema markup (SEO): Up to 6 entries, optionally generated dynamically based on CMS contento
1
Meta and Open Graph data (SEO): Up to 10 pages (CMS or product templates count as one page)o
1
Additional SEO measures: 1–6 tasks, depending on complexityo
1
Languages: Translate 4 pages based on provided text into another language (optionally automated via Webflow or ChatGPT)o
2
Lottie animations: Creation of 2–6 simple Lottie animations, including concept and graphic implementationo
2
Revisions/additions based on client request
1
Photography & video, pre-production & post-editing, image research
Custom productions are always based on the time invested (specified in days, see below) and the applicable usage license. With the Professional Plan, you receive a two-year exclusive license at no additional cost. In the Basic Plan, usage licenses can also be covered by your included quota. More details below!
Task
Days
Pre-production: Concept for 4 simple photo or video setups (one object, no props) or 2 complex setups (multiple objects/props)o
2
Production: Execution of two setups based on the concept (max. 4 changing products with consistent perspective and settings) o
S2
2-3
Post-production: Editing of 2 produced videos or 5 photos of one subject (incl. product variants) o
S3
1-2
Pre- to post-production: Creation of one video or up to 3 photos based on a predefined theme without intermediate feedback loops o
Autopilot
2
General image/video editing: Editing of up to 10 images or 4 videos, depending on complexityo
1-3
Image research: Selection of up to 10 photos/videos with alternatives from the Kataloop stock collection or external image librarieso
1
Request for similar/offline image material from the Kataloop stock collection (incl. file delivery)o
1
Revisions/additions based on client requesto
1
Digital and print products, graphics, icons and illustrations
To design your digital or print product, we need your requirements and a style guide that includes at least colors and font(s) (see “Style guide/branding”).
Streamline Icons are the icon collection recommended by Kataloop, and their usage is included in both subscription plans.
Task
Days
Digital or print product: 2 pages (e.g. business cards, flyers, brochures) incl. layout structure/master pages or 4 follow-up pages in the same style (e.g. more people on business cards or more pages in an existing brochure layout) o
Pro
2
Print production artwork: Up to 10 pages without finishing or 4 pages with special finishing, incl. export as print-ready PDF o
S2
Pro
1
Print processing: Per print job, e.g. via Flyeralarm o
S3
Pro
1
Custom icon/vector graphic: Design and creation of a simple, vector-based graphico
1-2
Custom basic graphic: e.g. a Photoshop collage, a social media post, or blog graphico
1-2
Streamline icons: Research and selection of up to 100 Streamline icons matching the project, incl. licensing and delivery of files for further useo
1
An illustration (depending on complexity) o
Pro
2-5
Revisions/additions based on client requesto
1
Work Samples
Why choose a fixed monthly plan over hourly rates, permanent hires, or flat project fees?
Example project workflow
After subscribing to Kataloop, you will receive a confirmation email asking you to provide the email address(es) of the person(s) managing the tasks. Once we have this information, we can get started!
1. Tag
On day 1: You submit your vision for a one-page website with 8 sections. A logo, fonts, and a rough color concept already exist. Kataloop creates a style guide based on this and expands it with color variations and typography styles.
On day 3: The style guide is delivered. Feedback can be provided if needed, but in this case, none is given. Kataloop begins the web design process.
On day 8: The top section (Hero) and the bottom section with the contact form were given special attention and designed with a more unique approach. These took a bit longer in the design process. You receive the final web design for desktop.
While you review the result, Kataloop already begins producing a custom photo for the top section (Hero). You have chosen the “Autopilot” option for this. The final photo is delivered on day 10.
On day 11: You had a few comments on the design, which have now been implemented. You approve the design, and Webflow development begins.
On day 13: After setting up the project with all styles, the design implementation begins. You can track the progress online via a password-protected URL.
On day 18: Your one-page website is complete. You request an automated translation into German, including the addition of a language switcher, as well as some subtle animations to enhance the page.
On day 20: The project is complete with your modern website featuring a custom design, optimized for all devices (responsive), modern animations, two languages, and a custom photo in the top section.
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 call
Contact via email:
hello@kataloop.com
Inquire about a project:
Go to the contact form to inquire about projects
Interesting articles
With plenty of information on topics like Webflow, web design, stock photos, the benefits of fixed monthly rates, and much more.
