SCROLLEN

WEBDESIGN & USER EXPERIENCE

Webdesign, bei dem
jedes Detail eine Aufgabe erfüllt.

Wir beginnen nicht bei Effekten, sondern bei Ihren Inhalten. Daraus entsteht eine Website mit klarer Struktur, einfacher Nutzerführung und einem Design, das Ihr Angebot stärkt.

PLANUNG

Von Grund auf individuell geplant

USER EXPERIENCE

Bis ins Detail funktional gestaltet

UMSETZUNG

Sauber umgesetzt und sorgfältig geprüft

WEBDESIGN-BEISPIELE · DESIGNSTUDIEN

Webdesign, das Charakter zeigt.

Webdesign, das Charakter zeigt.

Webdesign, das Charakter zeigt.

Freie Entwürfe aus unserem Studio – für Gastgeber, Handwerk, Praxen und Marken. Jede Studie zeigt, wie eigenständig eine Website wirken kann, wenn die Gestaltung zum Unternehmen passt: auf dem Desktop, dem Tablet und dem Smartphone.

Freie Entwürfe aus unserem Studio – für Gastgeber, Handwerk, Praxen und Marken. Jede Studie zeigt, wie eigenständig eine Website wirken kann, wenn die Gestaltung zum Unternehmen passt: auf dem Desktop, dem Tablet und dem Smartphone.

Freie Entwürfe aus unserem Studio – für Gastgeber, Handwerk, Praxen und Marken. Jede Studie zeigt, wie eigenständig eine Website wirken kann, wenn die Gestaltung zum Unternehmen passt: auf dem Desktop, dem Tablet und dem Smartphone.

Designstudie Formwerk: Startseite einer Fertigungsfirma in der Tablet-Ansicht
Designstudie Haven: Startseite eines Naturhotels am See in der Desktop-Ansicht
Designstudie Ruhige Räume: Interior-Website in der Tablet-Ansicht
Designstudie Landmark: Startseite einer Immobilienentwicklung in der Desktop-Ansicht
Designstudie Gemeinschaft: Inhaltsbereich einer Naturschutz-Community mit Bildmosaik in der Desktop-Ansicht
Designstudie Dein Stil: Startseite eines Modelabels in der Desktop-Ansicht
Designstudie Lichtobjekte: Produktseite einer Leuchtenkollektion auf dem Smartphone
Designstudie Morgenwerk: Startseite einer Kaffeerösterei auf dem Smartphone
Designstudie Panoramafenster: Gastgeber-Website mit Alpenpanorama in der Desktop-Ansicht
Designstudie Pfotenhafen: Startseite einer Tierarztpraxis in der Tablet-Ansicht
Designstudie Northline: Startseite eines Architekturateliers in der Desktop-Ansicht

AUS SICHT IHRER WEBSITE-BESUCHER

Schnell verstehen.
Vertrauen gewinnen.
Einfach Kontakt aufnehmen.

Besucher kommen mit Fragen: Was bieten Sie an? Passt das zu mir? Wie geht es weiter? Wir ordnen Inhalte, Texte und Gestaltung so, dass die Antworten schnell zu finden sind.

01

Angebot verstehen

Angebot verstehen

Passt das Angebot zu mir?

Besucher erkennen schnell, was Sie anbieten, für wen Ihr Angebot gedacht ist und welchen Nutzen es hat.

Besucher erkennen schnell, was Sie anbieten, für wen Ihr Angebot gedacht ist und welchen Nutzen es hat.

Navigation und Inhalte folgen den Fragen Ihrer Kunden – nicht Ihrer internen Struktur.

Navigation und Inhalte folgen den Fragen Ihrer Kunden – nicht Ihrer internen Struktur.

Zimmer & Suiten

Wellness

Kontakt

Ankommen. Aufatmen. Bleiben.

Ankommen. Aufatmen. Bleiben.

Ihr Boutique-Hotel in den Dolomiten

Ihr Boutique-Hotel in den Dolomiten

Zimmer entdecken

Zimmer entdecken

Zimmer & Suiten

Zimmer & Suiten

Wellness

Wellness

01

Angebot verstehen

Passt das Angebot zu mir?

Besucher erkennen schnell, was Sie anbieten, für wen Ihr Angebot gedacht ist und welchen Nutzen es hat.

Navigation und Inhalte folgen den Fragen Ihrer Kunden – nicht Ihrer internen Struktur.

Zimmer & Suiten

Wellness

Kontakt

Ankommen. Aufatmen. Bleiben.

Ihr Boutique-Hotel in den Dolomiten

Zimmer entdecken

Zimmer & Suiten

Wellness

02

Vertrauen aufbauen

Vertrauen aufbauen

Kann ich diesem Unternehmen vertrauen?

Echte Projekte, verständlich erklärte Leistungen und die Menschen hinter Ihrem Unternehmen machen Ihre Arbeit greifbar.

Echte Projekte, verständlich erklärte Leistungen und die Menschen hinter Ihrem Unternehmen machen Ihre Arbeit greifbar.

Klare Informationen zu Leistungen und Ablauf helfen den Besuchern, das Angebot einzuschätzen.

Klare Informationen zu Leistungen und Ablauf helfen den Besuchern, das Angebot einzuschätzen.

Einblicke vor Ihrer Anreise

Einblicke vor Ihrer Anreise

Zimmer

Zimmer

Unser Haus

Unser Haus

Gut zu wissen

Gut zu wissen

Anreise

Anreise

Inklusivleistungen

Inklusivleistungen

Kontakt

Kontakt

02

Vertrauen aufbauen

Kann ich diesem Unternehmen vertrauen?

Echte Projekte, verständlich erklärte Leistungen und die Menschen hinter Ihrem Unternehmen machen Ihre Arbeit greifbar.

Klare Informationen zu Leistungen und Ablauf helfen den Besuchern, das Angebot einzuschätzen.

Einblicke vor Ihrer Anreise

Zimmer

Unser Haus

Gut zu wissen

Anreise

Inklusivleistungen

Kontakt

03

Kontakt erleichtern

Kontakt erleichtern

Wie geht es jetzt weiter?

Besucher erkennen sofort, welcher nächste Schritt zu ihnen passt – etwa eine Anfrage, Buchung oder ein persönliches Gespräch.

Besucher erkennen sofort, welcher nächste Schritt zu ihnen passt – etwa eine Anfrage, Buchung oder ein persönliches Gespräch.

Kurze Formulare und gut erreichbare Kontaktmöglichkeiten machen diesen Schritt auch auf dem Smartphone einfach.

Kurze Formulare und gut erreichbare Kontaktmöglichkeiten machen diesen Schritt auch auf dem Smartphone einfach.

Ihr Aufenthalt beginnt hier.

Ihr Aufenthalt beginnt hier.

Reisezeitraum

Reisezeitraum

E-Mail

E-Mail

Aufenthalt anfragen

Aufenthalt anfragen

Lieber direkt sprechen?

Lieber direkt sprechen?

03

Kontakt erleichtern

Wie geht es jetzt weiter?

Besucher erkennen sofort, welcher nächste Schritt zu ihnen passt – etwa eine Anfrage, Buchung oder ein persönliches Gespräch.

Kurze Formulare und gut erreichbare Kontaktmöglichkeiten machen diesen Schritt auch auf dem Smartphone einfach.

Ihr Aufenthalt beginnt hier.

Reisezeitraum

E-Mail

Aufenthalt anfragen

Lieber direkt sprechen?

INDIVIDUELLE WEBLÖSUNGEN

Wenn Ihre Website mehr können soll.

Manche Angebote erklären sich nicht mit Standardseiten. Sollen Preise berechnet, Räume gezeigt oder Produkte im Browser erlebt werden, entwickeln wir die passende Funktion – damit Ihre Website konkrete Aufgaben übernimmt.

Preise direkt selbst berechnen.

Besucher wählen Zeitraum, Personen und gewünschte Leistungen aus und erhalten direkt eine nachvollziehbare Preisübersicht. Preislogik, Zuschläge und optionale Leistungen können dabei genau an Ihr Angebot angepasst werden.

Umgesetzt für Landhaus Rossberg und Camping Bannwaldsee

Was möchten Sie berechnen?

Wählen Sie zuerst Ihr Angebot.

Preise direkt selbst berechnen.

Besucher wählen Zeitraum, Personen und gewünschte Leistungen aus und erhalten direkt eine nachvollziehbare Preisübersicht. Preislogik, Zuschläge und optionale Leistungen können dabei genau an Ihr Angebot angepasst werden.

Umgesetzt für Landhaus Rossberg und Camping Bannwaldsee

Was möchten Sie berechnen?

Wählen Sie zuerst Ihr Angebot.

Preise direkt selbst berechnen.

Besucher wählen Zeitraum, Personen und gewünschte Leistungen aus und erhalten direkt eine nachvollziehbare Preisübersicht. Preislogik, Zuschläge und optionale Leistungen können dabei genau an Ihr Angebot angepasst werden.

Umgesetzt für Landhaus Rossberg und Camping Bannwaldsee

Was möchten Sie berechnen?

Wählen Sie zuerst Ihr Angebot.

Die Beispiele zeigen umgesetzte Funktionen. Welche Lösung sinnvoll ist, klären wir anhand Ihrer Abläufe, Inhalte und technischen Voraussetzungen.

UNSER QUALITÄTSANSPRUCH

Was Ihre Website im Alltag leisten muss.

Von der Orientierung bis zur Bedienung: Wir achten darauf, dass Gestaltung und Technik Ihre Inhalte unterstützen.

01

STRUKTUR

Klar aufgebaut. Schnell verstanden.

Seiten, Navigation und Inhalte ordnen wir so, dass Besucher Ihr Angebot verstehen und schnell den Weg zur Anfrage, Buchung oder Kontaktaufnahme finden.

02

GESTALTUNG

Passend zu Ihrem Unternehmen.

Farben, Schriften, Bilder und Gestaltungselemente stimmen wir auf Ihr Unternehmen ab – für einen eigenständigen Auftritt, der auf allen Seiten zusammenpasst.

03

ALLE GERÄTE

Auf jedem Bildschirm stimmig.

Aufbau, Abstände und Bildausschnitte passen wir an Desktop, Tablet und Smartphone an. Buttons bleiben gut erreichbar – statt die Desktopansicht nur zu verkleinern.

04

LADEZEIT

Schnell geladen. Ohne unnötiges Warten.

Bilder bereiten wir in passenden Formaten und Dateigrößen auf, Schriften und Effekte stimmen wir auf kurze Ladezeiten ab – und prüfen alles vor der Veröffentlichung.

05

BEDIENBARKEIT

Gut lesbar. Leicht bedienbar.

Lesbare Schriften, klare Kontraste und verständliche Beschriftungen. Bedienbar mit Maus, Touch und Tastatur – mit deutlich erkennbaren Fokuszuständen.

06

PFLEGE

Für Änderungen vorbereitet.

Wiederkehrende Bereiche bauen wir aus einheitlichen Bausteinen. Wechselnde Inhalte richten wir im vereinbarten Umfang so ein, dass sie später übersichtlich gepflegt werden können.

ZUSAMMENARBEIT

Ein klarer Ablauf.
Schritt für Schritt
zur fertigen Website.

Bei jedem Schritt wissen Sie, woran wir arbeiten, welches Ergebnis entsteht und wann Ihre Rückmeldung gefragt ist.

01

Ziele und Umfang klären

Im unverbindlichen Erstgespräch lernen wir Ihr Unternehmen und Ihre Zielgruppe kennen und klären, was die Website leisten soll. Danach erhalten Sie ein klares Angebot mit Kosten und Zeitplan.

DAS ENTSTEHT

Klare Ziele und ein abgestimmter Projektumfang.

IHR BEITRAG

Sie geben uns Einblick in Ihr Unternehmen, Ihre Ziele und vorhandene Unterlagen.

02

Inhalte und Design entwickeln

Wir ordnen die Inhalte, entwickeln den Seitenaufbau und gestalten die wichtigsten Seiten. Die Entwürfe stimmen wir mit Ihnen ab, bevor die Umsetzung beginnt.

DAS ENTSTEHT

Eine freigegebene Seitenstruktur und abgestimmte Designentwürfe.

IHR BEITRAG

Sie stellen vorhandene Texte, Bilder und Informationen bereit. Was noch fehlt, klären wir gemeinsam.

03

Website technisch umsetzen

Nach Ihrer Freigabe setzen wir das Design in Framer um, bauen Seiten und Funktionen auf und passen alles für Desktop, Tablet und Smartphone an. In einer Vorschau prüfen Sie die Website in Ruhe.

DAS ENTSTEHT

Eine funktionsfähige Website zur gemeinsamen Prüfung.

IHR BEITRAG

Sie prüfen Inhalte, Funktionen und Darstellung in der Vorschau und geben Ihre Rückmeldung.

04

Prüfen, veröffentlichen und übergeben

Wir prüfen Darstellung, Links, Formulare, Ladezeiten und grundlegende Barrierefreiheit. Nach Ihrer Freigabe geht die Website online – mit Zugängen und Einweisung. Auf Wunsch beginnt danach die Betreuung.

DAS ENTSTEHT

Eine veröffentlichte Website mit verständlicher Übergabe.

IHR BEITRAG

Sie geben die finale Freigabe und nehmen an der Einweisung teil.

01

Ziele und Umfang klären

Im unverbindlichen Erstgespräch lernen wir Ihr Unternehmen und Ihre Zielgruppe kennen und klären, was die Website leisten soll. Danach erhalten Sie ein klares Angebot mit Kosten und Zeitplan.

DAS ENTSTEHT

Klare Ziele und ein abgestimmter Projektumfang.

IHR BEITRAG

Sie geben uns Einblick in Ihr Unternehmen, Ihre Ziele und vorhandene Unterlagen.

01

Ziele und Umfang klären

Im unverbindlichen Erstgespräch lernen wir Ihr Unternehmen und Ihre Zielgruppe kennen und klären, was die Website leisten soll. Danach erhalten Sie ein klares Angebot mit Kosten und Zeitplan.

DAS ENTSTEHT

Klare Ziele und ein abgestimmter Projektumfang.

IHR BEITRAG

Sie geben uns Einblick in Ihr Unternehmen, Ihre Ziele und vorhandene Unterlagen.

02

Inhalte und Design entwickeln

Wir ordnen die Inhalte, entwickeln den Seitenaufbau und gestalten die wichtigsten Seiten. Die Entwürfe stimmen wir mit Ihnen ab, bevor die Umsetzung beginnt.

DAS ENTSTEHT

Eine freigegebene Seitenstruktur und abgestimmte Designentwürfe.

IHR BEITRAG

Sie stellen vorhandene Texte, Bilder und Informationen bereit. Was noch fehlt, klären wir gemeinsam.

02

Inhalte und Design entwickeln

Wir ordnen die Inhalte, entwickeln den Seitenaufbau und gestalten die wichtigsten Seiten. Die Entwürfe stimmen wir mit Ihnen ab, bevor die Umsetzung beginnt.

DAS ENTSTEHT

Eine freigegebene Seitenstruktur und abgestimmte Designentwürfe.

IHR BEITRAG

Sie stellen vorhandene Texte, Bilder und Informationen bereit. Was noch fehlt, klären wir gemeinsam.

03

Website technisch umsetzen

Nach Ihrer Freigabe setzen wir das Design in Framer um, bauen Seiten und Funktionen auf und passen alles für Desktop, Tablet und Smartphone an. In einer Vorschau prüfen Sie die Website in Ruhe.

DAS ENTSTEHT

Eine funktionsfähige Website zur gemeinsamen Prüfung.

IHR BEITRAG

Sie prüfen Inhalte, Funktionen und Darstellung in der Vorschau und geben Ihre Rückmeldung.

03

Website technisch umsetzen

Nach Ihrer Freigabe setzen wir das Design in Framer um, bauen Seiten und Funktionen auf und passen alles für Desktop, Tablet und Smartphone an. In einer Vorschau prüfen Sie die Website in Ruhe.

DAS ENTSTEHT

Eine funktionsfähige Website zur gemeinsamen Prüfung.

IHR BEITRAG

Sie prüfen Inhalte, Funktionen und Darstellung in der Vorschau und geben Ihre Rückmeldung.

04

Prüfen, veröffentlichen und übergeben

Wir prüfen Darstellung, Links, Formulare, Ladezeiten und grundlegende Barrierefreiheit. Nach Ihrer Freigabe geht die Website online – mit Zugängen und Einweisung. Auf Wunsch beginnt danach die Betreuung.

DAS ENTSTEHT

Eine veröffentlichte Website mit verständlicher Übergabe.

IHR BEITRAG

Sie geben die finale Freigabe und nehmen an der Einweisung teil.

04

Prüfen, veröffentlichen und übergeben

Wir prüfen Darstellung, Links, Formulare, Ladezeiten und grundlegende Barrierefreiheit. Nach Ihrer Freigabe geht die Website online – mit Zugängen und Einweisung. Auf Wunsch beginnt danach die Betreuung.

DAS ENTSTEHT

Eine veröffentlichte Website mit verständlicher Übergabe.

IHR BEITRAG

Sie geben die finale Freigabe und nehmen an der Einweisung teil.

NACH DEM LAUNCH

Ihre Website bleibt aktuell. Sie entscheiden, was wir übernehmen.

Nach dem Start begleiten wir Ihre Website auf Wunsch weiter – mit technischen Kontrollen und den Leistungen Ihres Betreuungspakets. Mit dem passenden Framer-Zugang können Sie ausgewählte Inhalte selbst pflegen.

Ausgewählte Inhalte selbst pflegen

Nach einer verständlichen Einweisung können Sie vorbereitete Texte, Bilder und Einträge selbst aktualisieren. Dafür benötigen Sie einen passenden Framer-Zugang: im eigenen Account oder als zusätzlicher Redakteur-Zugang für 20 € netto im Monat, nur mit Betreuungspaket. Für größere Änderungen und neue Funktionen stehen wir Ihnen nach Absprache zur Verfügung.

Sie entscheiden

Website-Betreuung

Wir übernehmen die technische Verwaltung und prüfen monatlich die vereinbarten Funktionen, Links und sicherheitsrelevanten Einstellungen. Welche Framer-Plattformleistungen und redaktionellen Leistungen enthalten sind, richtet sich nach Ihrem Paket. Zusätzliche Inhaltsänderungen, Seiten und Funktionen vereinbaren wir separat.

Sie behalten einen festen Ansprechpartner, der Ihre Website bereits kennt. Aufwand und Kosten für weitere Arbeiten klären wir vor der Umsetzung mit Ihnen.

Ausgewählte Inhalte selbst pflegen

Nach einer verständlichen Einweisung können Sie vorbereitete Texte, Bilder und Einträge selbst aktualisieren. Dafür benötigen Sie einen passenden Framer-Zugang: im eigenen Account oder als zusätzlicher Redakteur-Zugang für 20 € netto im Monat, nur mit Betreuungspaket. Für größere Änderungen und neue Funktionen stehen wir Ihnen nach Absprache zur Verfügung.

Sie entscheiden

Website-Betreuung

Wir übernehmen die technische Verwaltung und prüfen monatlich die vereinbarten Funktionen, Links und sicherheitsrelevanten Einstellungen. Welche Framer-Plattformleistungen und redaktionellen Leistungen enthalten sind, richtet sich nach Ihrem Paket. Zusätzliche Inhaltsänderungen, Seiten und Funktionen vereinbaren wir separat.

Sie behalten einen festen Ansprechpartner, der Ihre Website bereits kennt. Aufwand und Kosten für weitere Arbeiten klären wir vor der Umsetzung mit Ihnen.

BETREUUNGSPAKETE

Betreuung ab 69 € netto im Monat.

Basic umfasst Framer Basic und technische Kontrollen. Professional ergänzt Framer Pro und eine Testumgebung; Wachstum zusätzlich einen SEO-Blogartikel pro Monat. Weitere Änderungen vereinbaren wir separat.

PREISE

Was Ihre Website kostet.
Und was Sie dafür bekommen.

Unsere Pakete geben eine erste Orientierung. Im Gespräch klären wir, welcher Umfang sinnvoll ist – danach erhalten Sie ein Angebot mit festem Preis.

Logo Pixel und Plan
Logo Pixel und Plan

Persönlich begleitet. Klar abgestimmt.

Persönlich begleitet. Klar abgestimmt.

WARUM PIXEL UND PLAN

WARUM PIXEL UND PLAN

Klare Entscheidungen statt Agenturapparat.

Sie sprechen direkt mit den Menschen, die Strategie, Design und Umsetzung verantworten.

Fester Ansprechpartner

Individuelles Design passend zur Marke

Responsive und wartbar in Framer umgesetzt

90+ als PageSpeed-Ziel für SEO und Barrierefreiheit

Festpreis nach geklärtem Projektumfang

Die 90+-Zielwerte werden vor dem Launch geprüft. Medien, externe Dienste und Hosting können das Ergebnis beeinflussen.

Die 90+-Zielwerte werden vor dem Launch geprüft. Medien, externe Dienste und Hosting können das Ergebnis beeinflussen.

FÜR DEN KLAREN START

FÜR DEN KLAREN START

Starter

Für kleine Unternehmen und Selbstständige, die einen professionellen, klaren Webauftritt brauchen.

ab 2.100 €

ab 2.100 €

einmalig, netto

einmalig, netto

Bis zu 5 Seiten

Bis zu 5 Seiten

Individuelles Webdesign passend zur Marke

Individuelles Webdesign passend zur Marke

Responsive Optimierung für Smartphone und Tablet

Responsive Optimierung für Smartphone und Tablet

SEO-Basis für Google

SEO-Basis für Google

Animationen und moderne Interaktionen

Animationen und moderne Interaktionen

2–4 Wochen · 1 Korrekturlauf

2–4 Wochen · 1 Korrekturlauf

FÜR HÖHERE ANSPRÜCHE

FÜR HÖHERE ANSPRÜCHE

BESTE PREIS-LEISTUNG

Professional

Für Unternehmen mit mehreren Leistungen, die sich bewusst hochwertig positionieren möchten.

ab 4.100 €

einmalig, netto

einmalig, netto

Bis zu 10 Seiten

Strategische Seitenstruktur für mehr Anfragen

Individuelles Webdesign und responsive Optimierung

Keyword-Analyse sowie OnPage- und technische SEO

GEO-Analyse und Optimierung

4–8 Wochen · 2 Korrekturläufe

Mehr Umfang oder besondere Anforderungen?

Mehr Umfang oder besondere Anforderungen?

Für mehr als 10 Seiten, Integrationen, mehrstufige Formulare, Preisrechner, Roomtouren oder eigene Funktionen planen wir den Rahmen individuell.

Alle Paketpreise sind einmalige Ab-Preise, netto zzgl. USt. Den genauen Umfang und Preis halten wir im Angebot fest.

FAQ

Noch Fragen?

Die wichtigsten Fragen – ehrlich beantwortet. Was offenbleibt, klären wir persönlich.

Die wichtigsten Fragen – ehrlich beantwortet. Was offenbleibt, klären wir persönlich.

7 HÄUFIGSTE FRAGEN

DIREKT FRAGEN

DIREKT FRAGEN

Ihr direkter Ansprechpartner

Kein Callcenter, keine Weitergabe – Sie sprechen direkt mit den Menschen, die Strategie, Design und Umsetzung verantworten.

Kein Callcenter, keine Weitergabe – Sie sprechen direkt mit den Menschen, die Strategie, Design und Umsetzung verantworten.

Laptop mit geöffneter Website einer Ferienunterkunft auf einem hellen Schreibtisch

IHR NÄCHSTES WEBSITE-PROJEKT

Zeigen Sie online, was Ihr Unternehmen ausmacht.

Erzählen Sie uns, wo Sie heute stehen und was Ihre Website leisten soll – ob für einen neuen Auftritt oder die Überarbeitung des bestehenden.

Sie müssen noch keinen fertigen Plan haben. Den entwickeln wir gemeinsam mit Ihnen.

SO GEHT ES WEITER

01

01

Vorhaben kennenlernen

Sie erzählen uns kurz von Ihrem Unternehmen und Ihrer aktuellen Situation.

02

02

Ziele und Umfang klären

Gemeinsam besprechen wir, was die Website leisten soll und welche Leistungen dafür sinnvoll sind.

03

Angebot mit Leistungen und Kosten

Sie erhalten ein nachvollziehbares Angebot mit Leistungen, Kosten und dem geplanten Ablauf.

03

Angebot mit Leistungen und Kosten

Sie erhalten ein nachvollziehbares Angebot mit Leistungen, Kosten und dem geplanten Ablauf.