Latest News Aktuelle Neuigkeiten

We have given our website a careful round of polish. Nothing fundamental has changed – but many small details now respond to you: cards appear one after another while scrolling, icons react to the mouse and the news section on our homepage has become a slider you can swipe through. Wir haben unserer Website eine behutsame Polier-Runde gegönnt. Grundlegend hat sich nichts verändert – aber viele kleine Details reagieren jetzt auf Sie: Karten erscheinen beim Scrollen nacheinander, Icons reagieren auf die Maus und die News-Sektion auf unserer Startseite ist ein Slider geworden, durch den man wischen kann.

What's new in detail Was im Detail neu ist

• Horizontal news slider with arrows, drag-to-scroll and swipe support on mobile Horizontaler News-Slider mit Pfeilen, Ziehen per Maus und Wischen auf dem Smartphone
• Staggered scroll animations – content builds up step by step Gestaffelte Scroll-Animationen – Inhalte bauen sich Schritt für Schritt auf
• Subtle 3D effect and small hover details on cards, icons and links Dezenter 3D-Effekt und kleine Hover-Details auf Karten, Icons und Links
• A reading progress bar and a back-to-top button on every page Ein Lese-Fortschrittsbalken und ein „Nach oben“-Button auf jeder Seite

Motion with care Bewegung mit Augenmaß

All animations are deliberately subtle and respect your system settings: if you have enabled reduced motion on your device, the website automatically switches the effects off. Good interaction should support content – never distract from it. Alle Animationen sind bewusst dezent gehalten und respektieren Ihre Systemeinstellungen: Wer auf seinem Gerät reduzierte Bewegung aktiviert hat, bekommt die Effekte automatisch abgeschaltet. Gute Interaktion soll Inhalte unterstützen – nie von ihnen ablenken.

Visitors decide within a few seconds whether they stay on a website. If a page takes too long to load, many are gone before they have seen any content at all. That is why performance is a fixed part of our quality checklist – not an afterthought. Besucher entscheiden innerhalb weniger Sekunden, ob sie auf einer Website bleiben. Lädt eine Seite zu lange, sind viele weg, bevor sie überhaupt Inhalte gesehen haben. Deshalb ist Performance ein fester Teil unserer Qualitäts-Checkliste – und kein nachträglicher Gedanke.

Core Web Vitals in short Core Web Vitals kurz erklärt

Google measures the experience of a page with the so-called Core Web Vitals: How fast does the main content appear? How quickly does the page react to input? Does the layout jump around while loading? These values influence not only user satisfaction but also your ranking in search results. Google misst das Nutzungserlebnis einer Seite mit den sogenannten Core Web Vitals: Wie schnell erscheint der Hauptinhalt? Wie zügig reagiert die Seite auf Eingaben? Springt das Layout beim Laden? Diese Werte beeinflussen nicht nur die Zufriedenheit der Besucher, sondern auch das Ranking in den Suchergebnissen.

What we do concretely Was wir konkret tun

• Compress and correctly size images – often the biggest win Bilder komprimieren und in passender Größe ausliefern – oft der größte Hebel
• Keep JavaScript lean and only load what a page really needs JavaScript schlank halten und nur laden, was eine Seite wirklich braucht
• Prefer CSS animations that run smoothly on the graphics card CSS-Animationen bevorzugen, die flüssig über die Grafikkarte laufen
• Reserve space for images and embeds so the layout never jumps Platz für Bilder und Einbettungen reservieren, damit das Layout nie springt

The result: websites that feel fast on the phone in the subway just as much as on the office desktop – and that search engines like, too. Das Ergebnis: Websites, die sich auf dem Handy in der Bahn genauso schnell anfühlen wie am Desktop im Büro – und die auch Suchmaschinen gefallen.

For a craft business, a website has one job above all: new customers need to understand within seconds what is offered – and how to get in touch. That was exactly the brief for the website of Praktikus Bauteam. Für einen Handwerksbetrieb hat eine Website vor allem eine Aufgabe: Neue Kunden müssen in Sekunden verstehen, was angeboten wird – und wie man Kontakt aufnimmt. Genau das war der Auftrag für die Website vom Praktikus Bauteam.

Starting point Ausgangssituation

Many craft businesses find customers through recommendations – but more and more people check online first before they call. Without a clear web presence, inquiries are lost. The goal was a lean site that builds trust and makes contact as easy as possible. Viele Handwerksbetriebe finden Kunden über Empfehlungen – aber immer mehr Menschen schauen zuerst online nach, bevor sie anrufen. Ohne klaren Internetauftritt gehen Anfragen verloren. Ziel war eine schlanke Seite, die Vertrauen aufbaut und die Kontaktaufnahme so einfach wie möglich macht.

What we did Was wir umgesetzt haben

• Clear structure: services, references and contact – no detours Klare Struktur: Leistungen, Referenzen und Kontakt – ohne Umwege
• Contact options visible on every screen, including click-to-call on mobile Kontaktmöglichkeiten auf jedem Bildschirm sichtbar, inklusive Klick-zum-Anrufen auf dem Smartphone
• Mobile-optimized layout – most visitors come from their phones Mobil optimiertes Layout – die meisten Besucher kommen über das Smartphone

Result Ergebnis

A website that does its job: it presents the business professionally, works on every device and turns visitors into inquiries. You can find the project in our portfolio. Eine Website, die ihren Job macht: Sie präsentiert den Betrieb professionell, funktioniert auf jedem Gerät und macht aus Besuchern Anfragen. Das Projekt finden Sie auch in unserem Portfolio.

In addition to our classic setups, we now also use React for suitable projects. React helps us build modern, component-based interfaces that feel fast and responsive for users. Neben unseren klassischen Setups setzen wir bei passenden Projekten auch React ein. React hilft uns dabei, moderne, komponentenbasierte Oberflächen zu entwickeln, die sich für Nutzer schnell und direkt anfühlen.

When React makes sense Wann React sinnvoll ist

We use React especially where interfaces contain dynamic areas or repeated interactions: for example, where content updates frequently, forms are more interactive or views react directly to user input. Wir setzen React vor allem dort ein, wo Oberflächen dynamische Bereiche oder wiederkehrende Interaktionen enthalten: zum Beispiel, wenn Inhalte häufiger aktualisiert werden, Formulare interaktiver sind oder Ansichten direkt auf Eingaben reagieren sollen.

React and classic websites React und klassische Websites

Not every project needs React. For many websites, a classic implementation with HTML, CSS and a lean amount of JavaScript remains the best choice – especially when the focus is on clear information and fast loading times. Where interactive elements bring real benefits, React is a strong option we are happy to use. Nicht jedes Projekt benötigt React. Für viele Websites bleibt eine klassische Umsetzung mit HTML, CSS und einer schlanken Menge JavaScript die beste Wahl – vor allem, wenn der Fokus auf klaren Informationen und schnellen Ladezeiten liegt. Dort, wo interaktive Elemente einen echten Mehrwert bringen, ist React eine starke Option, die wir gezielt einsetzen.

What this means for your project Was das für Ihr Projekt bedeutet

In each project, we decide together which technology fits your goals best. If React is a good fit, we use it to create a modern interface – if a classic setup is more suitable, we keep the stack simple and efficient. In jedem Projekt entscheiden wir gemeinsam, welche Technologie am besten zu Ihren Zielen passt. Wenn React sinnvoll ist, setzen wir es für eine moderne Oberfläche ein – wenn ein klassisches Setup besser passt, halten wir den Stack bewusst einfach und effizient.

„Wo ist Felix?” has been online for many years as an information website about a missing person case. Recently, a documentary was produced on the topic – and the creators needed a modern, up-to-date website again on short notice. „Wo ist Felix?” ist seit vielen Jahren als Informations-Website zu einem Vermisstenfall online. Kürzlich wurde zu diesem Thema eine Reportage gedreht – und die Beteiligten brauchten kurzfristig wieder eine moderne, aktuelle Website.

Starting point Ausgangssituation

There was an existing website with a lot of history and a very specific look and feel. At the same time, a large amount of new material from the documentary project was available and needed to be integrated. Es gab bereits eine bestehende Website mit viel Geschichte und einer sehr eigenen Anmutung. Gleichzeitig stand eine große Menge neues Material aus dem Reportage-Projekt zur Verfügung, das eingebunden werden sollte.

Our task Unsere Aufgabe

The clients wanted the site to look more modern again, remain easy to contact and provide clear information. Most of the texts and media were supplied by them – our job was to structure, design and implement everything in a careful way. Die Kundinnen und Kunden wollten, dass die Seite wieder moderner wirkt, gut ansprechbar bleibt und die Informationen klar vermittelt. Die meisten Texte und Medien wurden von ihnen selbst zur Verfügung gestellt – unsere Aufgabe war Struktur, Gestaltung und Umsetzung mit einem behutsamen Ansatz.

What we did Was wir umgesetzt haben

• Reworked page structure so that important information and ways to get in touch are easier to find. Überarbeitung der Seitenstruktur, damit wichtige Informationen und Kontaktmöglichkeiten leichter zu finden sind.
• Modernized the layout while keeping the familiar character of the site. Modernisierung des Layouts, ohne den vertrauten Charakter der Seite zu verlieren.
• Integration of numerous image galleries to present projects and impressions in an engaging and visually appealing way. Einbindung zahlreicher Bildergalerien, um Projekte und Eindrücke ansprechend und visuell erlebbar zu präsentieren.

Result Ergebnis

The updated website remains sensitive in its communication, is easier to navigate and presents the many years of work behind „Wo ist Felix?” in a modern form. Die aktualisierte Website bleibt in der Kommunikation sensibel, ist einfacher zu bedienen und zeigt die vielen Jahre Arbeit hinter „Wo ist Felix?” in einer zeitgemäßen Form.

We’re excited to announce two major updates to our website: multilingual support and a new Light/Dark Mode toggle! This means you can now switch languages and design modes easily – and your preferences will be remembered automatically. Wir freuen uns, zwei große Neuerungen auf unserer Website bekanntzugeben: die zweisprachige Darstellung und einen umschaltbaren Hell-/Dunkelmodus! Sprache und Design lassen sich bequem einstellen – und die Website merkt sich deine Auswahl automatisch.

Multilingual Interface Mehrsprachige Oberfläche

Our content is now available in both English and German. You can switch languages at any time using the menu. This makes our website more accessible to a global audience – clients, partners, and readers alike. Unsere Inhalte sind ab sofort auf Deutsch und Englisch verfügbar. Die Sprachwahl ist jederzeit über das Menü möglich. Damit wird unsere Website für ein internationales Publikum – Kunden, Partner und Interessierte – noch zugänglicher.

Light & Dark Mode Hell- & Dunkelmodus

Prefer a bright layout or a darker, eye-friendly style? Now you can toggle between Light and Dark Mode with a single click. Your choice will be saved and applied on future visits automatically. Du bevorzugst ein helles Layout oder ein augenschonendes dunkles Design? Ab sofort kannst du mit einem Klick zwischen Hell- und Dunkelmodus wechseln. Deine Auswahl wird gespeichert und beim nächsten Besuch automatisch angewendet.

Feature Overview Funktionen im Überblick

• Website available in English and German Website auf Deutsch und Englisch verfügbar
• Light & Dark Mode toggle with persistent settings Hell-/Dunkelmodus mit gespeicherten Einstellungen
• Improved usability and accessibility Verbesserte Benutzerfreundlichkeit und Barrierefreiheit
• Optimized for all devices: desktop, tablet, mobile Optimiert für alle Geräte: Desktop, Tablet, Smartphone

This update is part of our ongoing mission to create a more accessible, user-friendly, and modern experience for everyone who visits our site. Dieses Update ist Teil unserer laufenden Mission, allen Besuchenden eine zugängliche, benutzerfreundliche und moderne Erfahrung auf unserer Website zu bieten.