Out of the noise,
into clarity.

Abstract forest with motion blur effect

Kataloop stock photo no.

7806309

8640

x

5760

px

,

22100707

SONY ILCE-1

,

Pancake Lens

Services

We shape your clarity to the outside world. With these services.

Website strategy

A website isn't there just because you're supposed to have one. It's a strategic tool with clear goals. A classic goal is more sales. That's where sales psychology comes in, built directly on your positioning. Other companies mainly want inquiries, applicants, or a presence people trust before they pick up the phone. Each of these goals calls for a different website. Which one yours has is what we clarify with you first. The result is your website strategy, which structure and design then follow.

Web design

Web design is where your website's strategy becomes visible. The bar: visitors feel addressed right away, find their way around, and are guided with intent. The site comes across as professional and stands apart from your competition. We've been designing interfaces for over 15 years and know how high-quality design takes shape. We build your new website step by step in a Figma prototype. You can check the current state at any time and bring in change requests directly.

Web development

The web design then becomes a working website, implemented pixel-perfect. You can follow it take shape live, on a domain accessible only to you and us. We keep the code structure clean, and it shows: visitors notice it as the page loads, search engines and AI models as they read it. It also keeps your website scalable. Naturally, the site is responsive: optimized for everything from large 5K monitors down to smartphones. Later on, you or your team can manage content yourself whenever needed.

Artificial intelligence (AI)

Websites built with AI quickly turn into AI slop. At Kataloop, we don't rely on AI, we direct it: with prompts full of expertise and rounds of correction. It's only used where it increases efficiency without costing quality. That's why we design websites ourselves, with human empathy. The technical foundation of a slider like this one, on the other hand, is a good fit for AI. We also build small applications like appointment booking with AI, with the data running through secure workflows (n8n). Complex interfaces like a CRM are something we only take on under our monthly plan, where additional security standards apply.

Photography, graphic design and more

Whether it's a small studio production (photos and short silent videos), image editing, icons, your branding, your business card, or a typographic or abstract graphic: your visual identity matters not just on your website, but wherever your company is seen. That's why we deliver creative services for use on your website, and just as readily as standalone projects. On our monthly plan, these services are even available "on demand", no lengthy process required. Take a look at our references further down this page, and tell us what you have in mind.

Webflow

Our interface between expertise and success: Webflow.

Websites are demanding, especially when professional design is joined by multilingual content, a blog, modern animations, AI visibility, or even selling products. We combine years of expertise with the right tools, and for the build itself we rely on Webflow.

Editability

The Webflow interface allows you to edit elements directly and visually on the page. In addition, the integrated Content Management System (CMS) as well as components and templates makes content management effortless for you and your team.

Website Scores

Performance, SEO, best practices, and accessibility are all measurable. We will discuss which of these matter most to you beforehand and tailor our implementation accordingly.

Lean markup

We create clean, semantic markup without unnecessary code. This ensures fast loading times and makes it easy for search engines and AI models to index your content.

The Webflow interface is where expertise and code come together and where content is edited and stored securely. At the same time, it serves as our control instance and publishes your site safely to the web, connected to your domain.

Languages

We make your site multilingual, including localized URLs, images, and styles upon request. This helps international visitors navigate in their own language, which improves user experience and visibility in local search results.

GDPR

We build your site to be GDPR-compliant: with a suitable cookie consent solution, a privacy policy, and Webflow's data processing agreement including the EU standard contractual clauses. That puts you on solid legal ground.

AI components

AI components make possible what goes beyond the Webflow standard: interactive tools, calculators, or custom functionality. They are built with AI such as Claude Code and arrive directly in Webflow through the DevLink interface, where they fit in like any other element.

Backups

Webflow backs up your website continuously and automatically. Any previous version can be restored with a single click.

Webflow is not just "your web designer's tool". It changes how quickly you can update content, how cleanly your site runs, and how you come across to the outside world.

CMS

The integrated CMS separates content and design: you add new content, and the website automatically presents it in the right layout. This lets you publish new blog articles, testimonials, or job postings at any time.

Structured data

We implement structured data based on Schema.org, in Webflow also dynamically from CMS fields. Search engines classify your content correctly and display it more prominently, for example with ratings or event details.

Components built with artificial intelligence. For specific tasks.

AI components can essentially be anything, except that they appear in the form of a Webflow component. This lets us decide deliberately what gets built with AI, and the Webflow interface remains our control instance between AI and the live site. Driven from Claude Code, they land in the clean website structure and contain variants, text fields, and much more. You or we can later edit this visually on the page instead of in code or via chat.

Halftone Studio

High complexity

Halftone Studio is a free tool that translates images into rasters based on a shape of your choice. You can also add motion effects that turn the image into an animated, endless video, or switch the motion off. The result can be downloaded as an mp4, gif, or image file.

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

Open Halftone Studio

Bounce cards

Low complexity

The bounce cards display up to five images as a slightly rotated fan. As you scroll in, the cards spring into view one after another. Hover over a card and it straightens up while its neighbors gently move aside. Images, card size, spacing, borders, and speed are all adjustable in Webflow.

Tech stack:

React

TypeScript

CSS Animations

Webflow Code Components

Appointment booking

High complexity

The appointment booking is a tool for scheduling an initial call: pick a day and time, availability is checked live, and if your preferred slot is taken, alternatives appear right away. After booking, the invitation lands in your calendar automatically, as a Google Meet appointment or phone call. Public holidays, business hours, and the visitor's time zone are all taken into account.

Tech stack:

React

TypeScript

n8n

Google Calendar

Webflow Code Components

Try the booking tool

Slider

Medium complexity

Where you once spent a long time searching for slider libraries, embedding them with custom code, and sometimes paying for licenses on top, today we build a slider like this with Claude Code in a fraction of that time, tailored to the project. The AI component only provides the technical shell: the active card sits centered, its neighbors peek in cropped at the edges, the cards can also be dragged, and we set their width per breakpoint. The content itself consists of regular elements, or rather divs, visually programmed and editable in the Webflow interface. The slider is used in several places across this website.

Tech stack:

React

TypeScript

CSS Animations

Webflow Code Components

Animated background gradient

Low complexity

The shader gradient is a background component that blends up to four colors into flowing, swirling bands. The effect is rendered in real time rather than played as a video. Pattern, motion, speed, stretch, and sheen can be adjusted directly in the Webflow Designer, with colors drawn from the website's variables. The effect only runs while it is visible, so it barely impacts the page.

Tech stack:

React

TypeScript

WebGL

GLSL

Webflow Code Components

WebP converter

High complexity

The WebP converter is a free tool that converts images such as PNG, JPG, GIF, or SVG into the space-saving WebP format directly in the browser. The conversion happens entirely in your own browser, so images never leave your computer and never touch a server. Quality, size, and file names can be set in advance, even for many images at once. The result is available individually or bundled as a ZIP download.

Tech stack:

React

TypeScript

Canvas

JSZip

Webflow Code Components

Open the WebP converter
References

Selected work.

What clients say about working together.

Bridge of Trust

Bridge of Trust supports companies with AI and digital transformation, an offering that needs one thing above all: trust at the decision-maker level. The redesign therefore had to convey credibility without becoming boring. The result is a calm, focused presence with a clear message right at the start. From there, four questions guide visitors through the page: Where, How, What, Who. Concrete use cases make the abstract topic tangible, while individually conceived animations hold attention without distracting.

Services:
Website strategy, web design, web development, complex motion design

Parcel Pilots

Parcel Pilots delivers time-critical shipments worldwide via on-board courier. The young company's previous website was a stopgap and no longer matched the standards of the business. The new site was therefore built from the ground up: structure, design, and development, in English and German. An opening video shows within seconds what the company does, country names in constant motion make the global coverage visible, and a small airplane accompanies visitors all the way to getting in touch.

Services:
Website strategy, web design, web development, video editing

Warnke Speech Theraphy

Logopädie Warnke is a Berlin-based speech therapy practice treating language, speech, and swallowing disorders in children and adults alike. The new website had to present this work so approachably that patients immediately feel in good hands, while also appealing to speech therapists looking for a new team. The WordPress predecessor became a bilingual Webflow site: a warm color palette with friendly illustrations, understandable content instead of medical jargon, and a registration process that eases the practice's day-to-day work. Custom-produced photos were created for the glossary.

Services:
Website strategy, web design, web development, photography

OKAPI:Orbits

OKAPI:Orbits makes spaceflight safer: software that warns satellite operators worldwide of collisions in orbit. The existing Webflow site was taken over and developed further, both technically and editorially. Its centerpiece is the animated Earth: a 3D designer created the Earth and particles, and it was implemented as layered video planes, cropped with a mask and combined through blend modes instead of a heavy 3D engine. This keeps the space aesthetic performant, even on mobile. Today the team manages job postings themselves through the CMS.

Services:
Web development, complex motion design

Bridge of Trust

Lydia designed our company website and then implemented it with Webflow. She consistently provided her constructive input while considering my specifications. The ongoing collaboration is characterized by her quick response times when changes are needed or new pages need to be created. I especially appreciate the ability to independently edit the texts on the entire website in both German and English, which saves a lot of time. Lydia’s professionalism and reliability have significantly contributed to the success of our online presence. I highly recommend working with Lydia.

Marco Linsenmann, owner and managing director of Bridge of Trust DIGITAL
Marco Linsenmann
Bridge of Trust DIGITAL, Founder and Managing Director
bridgeoftrust.de

Warnke Speech Therapy

Lydia designed and developed the website for my speech therapy practice, incorporating beautiful photos that she took herself. Working with her was incredibly pleasant and straightforward. Lydia’s professionalism shines through in her ability to provide structure while remaining flexible when bringing ideas to life. She was transparent, appreciative, and empathetic throughout our collaboration. She provided responses and implemented changes at lightning speed, without ever expecting the same pace from me. Thanks to Kataloop, I now have a modern, visually stunning website that is perfectly tailored to my practice. I find the price for the complete package to be absolutely fair.

Elisabeth Warnke, Elisabeth Warnke speech therapy practice
Elisabeth Warnke
Warnke Speech Therapy, Owner
logopaedie-warnke.de

Johann Wachs Brand Consultant

Lydia created a custom web design for me using Figma and then implemented it in HTML and CSS with Webflow - optimized for desktop, tablet, and mobile. The collaboration with Lydia was excellent – she is absolutely reliable, communicates clearly, quickly, politely, professionally, and effectively, and brings her own point of view constructively into the project. Lydia’s work is highly professional and of great quality. I immediately decided to continue working with her. Highly recommended!

Johann Wachs, freelance brand consultant
Johann Wachs
Freelance Brand Consultant

OKAPI:Orbits

Lydia's UX/UI design expertise was valuable. From quick communication to ongoing support, she ensured our project's success. Understanding our vision easily, she helped us enhance our website in terms of interface and UX. Working with Lydia was a pleasure; strong points her attention to detail and proactive approach. Her ability to anticipate client preferences made collaboration seamless.

Christine Vlachou, marketing and communications manager at OKAPI:Orbits
Christine Vlachou
OKAPI:Orbits GmbH, Marketing and Communications Manager

Petmos

I am the founder and developer of Petmos, a platform for pet service providers and pet owners. For this project, I was looking for a dedicated UX designer and found the ideal partner in Lydia. Lydia designed landing pages and key user flows for me, including registration and profile management in both the front end and back end. All pages feel fresh and very high quality, representing an important step forward for my business. Working together was extremely rewarding and efficient. She is highly skilled in her field, and with my more than 30 years of experience in software development, she was an excellent sparring partner on all specific topics. I felt nothing was missing. The live collaboration via Figma and Slack also worked perfectly. For future projects, I will definitely reach out to Lydia again. Thank you very much!

Daniel Hardge, founder of Petmos
Daniel Hardge
Founder of Petmos

With Lydia’s support, we developed a high-quality web interface from our product idea in a very short time, laying a crucial foundation for our future products and platforms. The collaboration was highly professional, and there was excellent communication regarding design ideas and work steps at all times. Another joint project is already in planning.

Thorsten Reitz, managing director of LOT Internet GmbH
Thorsten Reitz
LOT Internet GmbH, Managing Director

Lawinenstift Digital

Highly competent. Very fast. Very assertive. Great analysis. Great execution. In short: a huge help.

Stefan Litwin, lawinenstift-digital GmbH
Stefan Litwin
lawinenstift-digital GmbH, Creative Director

Parcel Pilots

We had a very good experience working with Lydia on our website project. She communicated clearly, understood our requirements, and implemented everything reliably. The result is a clean, modern website that fits our needs. We appreciated her structured approach and timely delivery.

Junaid Mahmood, client of Kataloop
Parcel Pilots GmbH, Founder and Managing Director
parcelpilots.com

Pricing

You choose between a project-based fixed price ("Fixed") and a monthly fixed price ("Flexible"). The former suits websites with a clearly defined scope. The latter offers maximum flexibility with daily availability: scope and strategy evolve with the collaboration and with insights from day-to-day business. Click "Flexible" and scroll down for more details.

Any booked page can be swapped for an additional language. Examples: an "Essential Website" with 2 pages in 2 languages, or a "Business Website" with 4 pages in 3 languages.

Exchange two pages for a component of high complexity. Example: a "Business Website" with 4 pages and one complex AI component.

Legal pages such as the legal notice, privacy policy, or terms and conditions don't count toward your pages. Example: the "Essential Website" includes 3 individually designed pages, with legal pages added on top.

With the Webflow CMS, you can manage recurring content yourself if you wish, scalable up to 20,000 items (e.g. blog posts, testimonials, job listings, or team members).

Photos and videos from our stock collection included: 15 with Essential, 30 with Business, 45 with Premium (5 per booked page as a total allowance, distributed however you like, unaffected by swapping a page for a language or AI component).

Icons and illustrations from Streamline (streamlinehq.com) are included: up to 100 icons, 50 illustrations, and 50 graphic elements for your website.

Subtle fade-in effects, much like on this website, are implemented on request.

We plan AI components into the strategy and design process wherever they make sense. You can name specific requests in the briefing that you submit through the client portal after booking.

In the briefing, you can supply your finished copy for every section. Alternatively, you answer a few questions about your company, from which we create copy suggestions and derive the page structure.

Essential Website

Your website with a focus on the pages that matter most, implemented without detours. Professionally built by humans, no AI designs, no sloppy code.
Up to 3 individually designed pages

Each page is designed individually for you. A page is, for example, the homepage, the services page, or the about page. Legal pages such as the imprint, privacy policy, or terms and conditions don't count toward this, they come in addition.

6 revision rounds

A revision round is your collected feedback on one page. The 6 rounds form a pool that you distribute freely, e.g. three for the homepage, one for the imprint, and two for the about page. The quota is tracked in the Client Portal, and you can purchase additional rounds at any time.

5-week turnaround time

We implement your website within 5 weeks of receiving your briefing. Periods in which we are waiting for feedback or approvals are not counted.

Basic structure for visibility in AI models and search engines

Clean, semantic HTML structure, meta titles and descriptions, alt texts, favicon and webclip, sitemap, robots.txt and canonical tag, indexing setup including connection to Google Search Console, and hreflang for multilingual sites.

Business Website

A website that communicates everything your target audience needs to know. Professionally built and designed to last for years.
Up to 6 individually designed pages

Each page is designed individually for you. A page is, for example, the homepage, the services page, or the about page. Legal pages such as the imprint, privacy policy, or terms and conditions don't count toward this, they come in addition.

12 revision rounds

A revision round is your collected feedback on one page. The 12 rounds form a pool that you distribute freely, e.g. four for the homepage, two each for the services and about pages, and one each for four more pages. The quota is tracked in the Client Portal, and you can purchase additional rounds at any time.

5-week turnaround time

We implement your website within 5 weeks of receiving your briefing. Periods in which we are waiting for feedback or approvals are not counted.

Extended structure for visibility in AI models and search engines

Clean, semantic HTML structure, meta titles and descriptions, alt texts, favicon and webclip, sitemap, robots.txt and canonical tag, indexing setup including connection to Google Search Console, and hreflang for multilingual sites. Plus Open Graph preview images for shared links, up to 6 structured data types based on Schema.org (also generated dynamically from the CMS), llms.txt for AI crawlers, and correct lazy vs. eager loading of images.

Premium Website

Your comprehensive website to get found, stand out, and grow. Refined in close collaboration with you until everything is right.
Up to 9 individually designed pages

Each page is designed individually for you. A page is, for example, the homepage, the services page, or the about page. Legal pages such as the imprint, privacy policy, or terms and conditions don't count toward this, they come in addition.

24 revision rounds

A revision round is your collected feedback on one page. The 24 rounds form a pool that you distribute freely, e.g. six for the homepage, three each for the services and about pages, and two each for six more pages. The quota is tracked in the Client Portal, and you can purchase additional rounds at any time.

4-week turnaround time

With top scheduling priority, we implement your website within 4 weeks of receiving your briefing. Periods in which we are waiting for feedback or approvals are not counted.

Extended structure for visibility in AI models and search engines

Clean, semantic HTML structure, meta titles and descriptions, alt texts, favicon and webclip, sitemap, robots.txt and canonical tag, indexing setup including connection to Google Search Console, and hreflang for multilingual sites. Plus Open Graph preview images for shared links, up to 6 structured data types based on Schema.org (also generated dynamically from the CMS), llms.txt for AI crawlers, and correct lazy vs. eager loading of images.

Stock photo guarantee

No suitable photos in our stock collection? Within 14 days of receiving your briefing, we expand the collection by 50 new images around your industry, usually abstract concepts from the photo studio.

Get quote as PDF: Essential Website

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!

Get quote as PDF: Business Website

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!

Get quote as PDF: Premium Website

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!

Enterprise Website

9+ pages

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

Custom number of revision rounds

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

Complex motion design

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

Additional services (e.g. custom photography or graphics)

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

Copywriting

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

Comprehensive structure for visibility in AI models and search engines

Figma als Software für den Designprozess dieser Webseite inkl. Lottie-Animationen.

From €11,000
Schedule a call

Maintenance

This plan covers ongoing costs and keeps your project moving with smaller adjustments and minor further development, so nothing comes to a standstill.
Smaller tasks

A monthly allowance of 3 working days based on the implementation times, for smaller adjustments.

Cancel anytime at the end of the month
AI components (low and medium complexity)
€100 allowance for hosting, fonts, resources, props and external stock media

A monthly allowance of €100 for incidental costs of the collaboration.

€100 allowance for our photos and videos, non-exclusive rights for productions

A monthly allowance of €100 for licenses from the Kataloop stock collection. For custom productions, non-exclusive usage rights without attribution are included.

Business

This plan is the right fit if, for example, you need a professional website for your company or are planning a redesign and have no more complex requirements, such as web apps with login or exclusive rights to custom photos and videos.
All services without a plus sign

All tasks from the implementation times, except those with a "+" label, which are only available in the Business+ plan.

Cancel anytime at the end of the month
AI components (low to high complexity)
€250 allowance for hosting, fonts, resources, props and external stock media

A monthly allowance of €250 for incidental costs of the collaboration.

€250 allowance for our photos and videos, non-exclusive rights for productions

A monthly allowance of €250 for licenses from the Kataloop stock collection. For custom productions, non-exclusive usage rights without attribution are included.

Business+

This plan is the right fit if your requirements go further, such as web apps with login, logo design or print media, and you want exclusive rights to custom-produced photos and videos. On top of that, you get higher allowances across the board.
All services with a plus sign

All tasks from the implementation times, including those with a "+" label.

Cancel anytime at the end of the month
AI components (low to high complexity) as well as web apps with login

Web apps with login are applications with user accounts and protected areas, for example a CRM or an internal tool with roles and permissions.

€750 allowance for hosting, fonts, resources, props and external stock media

A monthly allowance of €750 for incidental costs of the collaboration.

€750 allowance for our photos and videos, exclusive rights for productions

A monthly allowance of €750 for licenses from the Kataloop stock collection. For custom-produced photos and videos, you also receive 2 years of exclusive usage rights. Extension or buyout available.

Get quote as PDF: Maintenance Plan

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!

Get quote as PDF: Business Plan

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!

Get quote as PDF: Business+ Plan

After submitting, you'll receive the PDF by email within a few minutes.
Thank you, your PDF is on its way and should appear in your inbox any moment! If not, please check your spam folder.
An error has occurred. Please try again!
Benefits of the monthly plan
Clearly defined turnaround times
Predictable costs
No time lost to bureaucracy
Daily progress instead of standstill
Stock media, hosting, font licenses, and more are included
Immediate project start
No infrastructure needed (office, equipment), no downtime (vacation, sick days), and no drama when canceling.
Allows quick reactions to changing demands in day-to-day business
Keeps running without you: with prepared tasks or on autopilot
Cheaper than an hourly rate, more flexible than a fixed price, and more efficient than a full-time hire

Why a fixed monthly rate instead of an hourly rate, a full-time hire, or a project-based fixed price?

Monthly rate vs. full-time hire

A full-time hire seems cheaper at first, but rarely is. Vacation and sick days slow progress and drive up costs. A single employee's expertise usually covers one area only; the full range takes an entire team. On top of that come infrastructure such as an office or studio, plus equipment, which weighs heavily in photography and design. Your own time for coordination and management is a cost factor too. At Kataloop we work continuously, and once your project is done, you simply pause or cancel.

Monthly rate vs. fixed price

A fixed price first requires one thing: detailed planning up front, so the costs can be estimated at all. Revision rounds are typically limited or billed separately, and since it isn't based on the time actually invested, a buffer is often added that pushes the price up. Need to replan midway through the process? It quickly gets complicated. With the subscription model, you adjust course whenever you like, at a fixed monthly price and with reliable turnaround times.

Monthly rate vs. hourly rate

On an hourly basis you often lack a reliable estimate of the effort involved, and the monthly costs can quickly exceed those of a Kataloop subscription. Ask for a time estimate or a fixed deadline, and the process usually turns bureaucratic while much of the flexibility is lost. The subscription combines both: a fixed monthly price with clearly defined turnaround times. That keeps your budget predictable from the start and your project adjustable at any time.

Implementation times on the monthly plan

How long does a task take?

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.

Website preparation & user interface designs

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".
section: For example, a navigation bar, a contact form, a footer or frequently asked questions.

Task

Days

Create sitemap: Visual structure of the websiteo

1

Low-fidelity wireframes: Rough visual layout of the websiteo

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 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

+

3-4

Automations using n8n, e.g. Slack message on form submission or Airtable to Webflow CMS transfer (one-way) o

+

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 and Webflow interactions, as well as Webflow's built-in SEO features.

Task

Days

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. In the Business+ Plan, you receive two-year exclusive rights at no additional cost. In the Business Plan, usage licenses can also be covered by your included quota.

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 & print products, graphics, icons & 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 all 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

+

2

Print production artwork: Up to 10 pages without finishing or 4 pages with special finishing, incl. export as print-ready PDF o

S2

+

1

Print processing: Per print job, e.g. via Flyeralarm o

S3

+

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

+

2-5

Revisions/additions based on client requesto

1

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: Define brand colors: Shades, color spaces o

S2

1

Define fonts: Define fonts: Research and test them in designs o

1

Define fonts: Define styles (6x headline, 4x paragraph & 1x eyebrow) o

S2

1

Logo design: Drafts (requires defined colors and fonts) o

+

2

Logo design: Finalization/digitization of the selected draft o

S2

+

2

Logo design: Versions o

S3

+

1

Revisions/additions based on client request o

1

About Kataloop

It's not the tools that create a successful website. It's always the people who know how to use them.

I'm Lydia Dietsch, founder of Kataloop GmbH, self-employed in Berlin's creative industry since 2012 (with a versatile creative career long before that). In 2015, with my first company, the focus shifted to web development, where it has remained to this day. I love presenting individual and sometimes complex content in a simplified, appealing way, and diving deep into a company's positioning in the process. Over the years, I've had the pleasure of working for numerous small businesses as well as global companies.

All content and references on this website come from me. That includes the collection of photos and videos. With a camera by my side for 30 years (and today also in the studio), the shots can be used in graphic work and websites. If we work together, I'm your point of contact and will handle most of your tasks myself. I look forward to your project.

Arda Kara

With a strong network behind me for special tasks or at high capacity, every project stays at a consistently high level, even with diverse requirements. That's why this page speaks in the "we" form.

Kataloop GmbH
Kuglerstr. 16
10435 Berlin

More references from Lydia Dietsch

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Design and web development for companies that want more than average

If needed with photography and short videos from our own production Get started!

foonior.com

Free delivery for orders over €60

Lightning-fast shipping

14-day return policy

Journal
Inspiration
Tips
Sustainability

A set table tells a story

Why aesthetics and everyday life are inseparable and how thoughtful design can elevate daily living.
Bouquet in a vase – product photo from the Foonior project
Bouquet in a vase – product photo from the Foonior project

foonior.com

Free delivery for orders over €60

Lightning-fast shipping

14-day return policy

Bouquet in a vase – product photo from the Foonior project

Timeless design pieces with favorite potential

View all products
Clear glass bottle vase – product photo from the Foonior project

Small Glass Vase, $9

Compact and simple - 7” tall - Transparent design - High-quality glass - Perfect for small flowers

Slim candle holder – product photo from the Foonior project

Candle Holder, $24

Slim metal - 12” tall - Matte black - Modern design - Fits taper candles - Perfect for any setting

Fluted glass vase – product photo from the Foonior project

Ribbed Glass Vase, $49

Textured surface - 13.8” tall - Elegant turquoise - Handcrafted - Ideal as a modern centerpiece

Light ceramic vase – product photo from the Foonior project

Matte Vase, $29

Natural beige - 9” tall - Timeless design - Handcrafted with care - Perfect for modern or classic decor

Pink lily blossom against a black background