ALT + 1 zum Beenden
Smart
→ Webdesign → Coding → Hosting → AI
Store
→ Themes → Art Code → Vorlagen → Merch
Projekte
→ IT Orbit v0 → Math Orbit v1 → Orbit (Demo)
Über BYTLY
→ Über BYTLY → Über Fürth → Ablauf → Preise → Kontakt
Solutions · Webdesign

Jede Website ein individuelles Projekt.
Mit voller Aufmerksamkeit.

Bei BYTLY teilt sich Ihre Website die Aufmerksamkeit nicht mit fünf anderen Baustellen. Sie wird als eigenes Projekt Stück für Stück entwickelt – konzipiert, gestaltet und programmiert, ohne Baukasten und ohne Vorlage. Hier sehen Sie, wie sie entsteht, was drinsteckt und was sie kostet.

  • ab 995 € einmalig
  • 1 bis 3 Änderungen pro Monat inklusive
  • 12 Monate Domain & Hosting inklusive
  • Antwort in unter 24 Stunden
Angebot berechnen Pakete vergleichen

Live im Browser animiert · Reiter oben wechseln die Szene · „Ultra“ schaltet den violetten Funkenstaub ein

So entsteht Ihre Website

Sechs Ebenen, eine Website

Jede Website bei BYTLY wird in derselben Reihenfolge gebaut, von innen nach außen. Rechts sehen Sie, wie dieselbe Seite mit jeder Ebene eine andere wird: vom grauen Grundriss bis zur Buchung, die sofort bestätigt. So wissen Sie bei jedem Schritt, worüber wir sprechen, was Sie entscheiden und was Sie bekommen.

  1. 01Thema
  2. 02Farbwelt
  3. 03Atmosphäre
  4. 04Layout
  5. 05Animation
  6. 06Interaktion
01

Thema

Die Frage dahinter: Wer soll was auf Ihrer Seite tun?

Bevor es um Aussehen geht, klären wir den Inhalt. Wer sind Ihre Besucher, was suchen sie, und was sollen sie am Ende tun: anrufen, anfragen, buchen oder kaufen? Daraus entsteht die Seitenstruktur, wie ein Grundriss, bevor das Haus gebaut wird.

Sie entscheiden
  • Ihre wichtigste Zielgruppe
  • Das eine Ziel der Seite
  • Welche Inhalte es schon gibt
Sie bekommen
  • Seitenstruktur und Menü
  • Wireframe jeder Seite
  • Liste aller Texte und Bilder

Beispiel: Ein Coworking will Probetage verkaufen. Also steht „Probetag buchen“ oben rechts und noch einmal am Ende jeder Seite.

Im Workshop ausprobieren →
02

Farbwelt

Die Frage dahinter: Woran erkennt man Sie wieder?

Farben wirken, bevor ein Wort gelesen ist. Ruhiges Grün steht für Gesundheit, tiefes Blau für Vertrauen, warmes Orange für Energie. Wir bauen eine kleine Palette aus Grund, Text, Akzent und Kontrast, passend zu Ihrem Logo und lesbar für alle.

Sie entscheiden
  • Hell, dunkel oder beides
  • Ihre Markenfarbe
  • Wie laut der Akzent sein darf
Sie bekommen
  • Palette mit Farbwerten
  • Geprüfte Kontraste
  • Farben für Buttons und Hinweise

Beispiel: Theme Tangerine Hive: dunkler Bernstein als Grund, Orange als Akzent, Azur als kühler Gegenpol.

Im Workshop ausprobieren →
03

Atmosphäre

Die Frage dahinter: Wie soll sich Ihre Seite anfühlen?

Schrift, Formen, Licht und Bildsprache entscheiden in Sekunden, ob jemand Vertrauen fasst. Eine Serifenschrift wirkt klassisch, eine Grotesk modern und klar. Runde Ecken wirken freundlich, scharfe Kanten präzise. Hier bekommt die Seite ihren Charakter.

Sie entscheiden
  • Klassisch, modern oder verspielt
  • Fotos, Grafik oder beides
  • Ruhig oder auffällig
Sie bekommen
  • Schriftpaar und Größen
  • Formen, Licht und Struktur
  • Grafiken direkt im Code

Beispiel: Eine Kanzlei bekommt eine ruhige Serifenschrift und klare Linien, ein Café eine warme, runde Schrift und weiche Formen.

Im Workshop ausprobieren →
04

Layout

Die Frage dahinter: Wo schaut der Besucher zuerst hin?

Ein unsichtbares Raster ordnet alles. Es legt fest, wie Kopfbereich und Menü aussehen, wie Ihre Angebote angeordnet sind, als Karten, Liste oder Tabelle, und wie sich alles auf dem Handy neu sortiert. Gutes Layout führt den Blick, ohne dass man es merkt.

Sie entscheiden
  • Wie Ihre Angebote gezeigt werden
  • Wie viel auf eine Seite gehört
  • Was auf dem Handy zuerst kommt
Sie bekommen
  • Raster für alle Bildschirme
  • Menü für Desktop und Handy
  • Angebotsdarstellung nach Maß

Beispiel: Vier Tarife wirken als Karten nebeneinander am klarsten, zwanzig Leistungen besser als durchsuchbare Liste.

Im Workshop ausprobieren →
05

Animation

Die Frage dahinter: Was soll sich bewegen, und was nicht?

Bewegung lenkt den Blick: Inhalte blenden beim Scrollen ein, Zahlen zählen hoch, ein Hintergrund lebt. Gut dosiert macht das eine Seite hochwertig, zu viel lenkt ab. Wir zeichnen Effekte direkt im Browser, ohne Videos und ohne lange Ladezeit, und schalten sie ab, wenn ein Besucher im System „Bewegung reduzieren“ gewählt hat.

Sie entscheiden
  • Ruhig, lebendig oder spektakulär
  • Wo Bewegung Aufmerksamkeit lenkt
Sie bekommen
  • Effekte im Canvas, schnell geladen
  • Einblenden, Zähler, Hover
  • Rücksicht auf alle Besucher

Beispiel: Die Waben im Hintergrund von Tangerine Hive leuchten in einer langsamen Welle auf, ohne den Text zu stören.

Im Workshop ausprobieren →
06

Interaktion

Die Frage dahinter: Was passiert, wenn jemand klickt?

Jeder Klick bekommt eine Antwort. Das Menü öffnet sich, der Filter zeigt die passenden Angebote, das Formular prüft die Eingabe und bestätigt die Buchung sofort. Erst auf dieser Ebene wird aus einer schönen Seite eine, die Anfragen und Umsatz bringt.

Sie entscheiden
  • Anfrage, Buchung oder Shop
  • Welche Funktionen Sie brauchen
Sie bekommen
  • Formulare mit Prüfung
  • Klare Wege zum Kontakt
  • Rückmeldung bei jedem Klick

Beispiel: Tag und Uhrzeit wählen, Name eintragen, „Probetag reservieren“: Die Seite bestätigt sofort, Sie bekommen die Anfrage per E-Mail.

Im Workshop ausprobieren →
Lieber selbst ausprobieren?Im Theme-Workshop stellen Sie alle sechs Ebenen live zusammen, mit 24 Themes und Preis.
Zum Theme-Workshop
bytly. UI und UX

Wie es aussieht.
Wie es sich anfühlt.

UI (User Interface) ist alles, was man sieht: Farben, Schrift, Abstände, Buttons. UX (User Experience) ist alles, was man erlebt: ob man sofort versteht, wo es weitergeht, ob ein Klick eine Antwort bekommt, ob man ans Ziel kommt. Eine Website verkauft nur, wenn beides stimmt. Hier können Sie beides ausprobieren.

Dieselbe Seite, drei Blicke darauf. So denkt BYTLY jede Seite durch.

4,9 ★ · 128 Bewertungen
Friseur · Erlangen Balayage, die bleibt.

Natürliche Highlights, frei gemalt. Ca. 3 Stunden, ab 189 €.

09:3011:0014:0016:30
Termin buchen Kostenlos stornieren bis 24 h vorher
123

Inhalt zuerst

Bevor es eine Farbe gibt, steht fest, was auf die Seite muss und in welcher Reihenfolge: Wer bin ich, was biete ich, was kostet es, was soll der Besucher tun.

  • Ziel: eine Buchung
  • Reihenfolge: Vertrauen, Angebot, Zeit, Aktion
  • Inhalt vor Gestaltung: echte Texte statt Platzhalter

Die UI-Brille

  1. Farbe mit AufgabeEine Akzentfarbe, nur für das, was zählt: der Button und die gewählte Zeit.
  2. Schrift-HierarchieGroße Überschrift, ruhiger Text, kleine Hinweise. Das Auge weiß sofort, was wichtig ist.
  3. Abstände im 8er-RasterAlle Abstände sind Vielfache von 8 Pixeln. Das wirkt ordentlich, auch wenn man es nicht bewusst sieht.
  4. KomponentenZeit-Chips und Button sehen überall gleich aus und verhalten sich gleich.

Die UX-Brille

  1. BlickführungBild, Titel, Zeit, Button: der Weg ist in drei Blicken erledigt.
  2. DaumenzoneDer wichtigste Button liegt auf dem Handy dort, wo der Daumen ohnehin ist.
  3. Große ZieleJede Tippfläche ist mindestens 44 Pixel hoch, so trifft man auch unterwegs.
  4. Sicherheit„Kostenlos stornieren“ direkt am Button nimmt die Angst vor dem Klick.
UI zum Anfassen

Sechs Bausteine, aus denen jede Oberfläche besteht

TypografieGrößenverhältnis
ÜberschriftZwischentitelAbschnittFließtext liest sich ruhig, wenn die Größen einer festen Skala folgen.
Farbe und Kontrastnach WCAG 2.2
Gut lesbar?Text auf Hintergrund, live gemessen.
0:1
Raster und Abständealles in 8er-Schritten
Zuständeein Button, sieben Gesichter
Termin buchen
Hell und Dunkelein Design, zwei Modi
Weiter
Mikro-Interaktionenkleine Antworten auf jeden Klick
2
UX, live erlebt

Sechs Regeln, die Besucher zu Kunden machen

Weniger Auswahl, schneller entschiedenHick-Hyman-Gesetz
Entscheidungszeit, relativ

Die Zeit wächst mit log₂(n + 1). Deshalb zeigt BYTLY lieber drei klare Wege als zwölf.

Große Ziele, schnelle KlicksFitts-Gesetz
Start

Schwierigkeit 2,6 Bit · Ihre Zeit –. Tippen Sie auf „Start“, dann aufs Ziel.

Jeder Klick bekommt eine AntwortRückmeldung
Ohne
Mit

Ohne Rückmeldung klicken Menschen doppelt oder gehen. Mit Rückmeldung wissen sie: Es ist angekommen.

Fehler vermeiden statt meldenFormulare

Die Prüfung läuft beim Tippen, freundlich und konkret. Nicht erst nach dem Absenden mit roter Fehlerseite.

Gefühlte LadezeitLeer, Spinner, Skelett
Leer
Spinner
Skelett

Alle laden gleich lang. Das Skelett fühlt sich am schnellsten an, weil man schon sieht, was kommt.

Die DaumenzoneHandy zuerst
Termin buchen

Unten liegt der Button in der grünen Zone: mit einer Hand mühelos erreichbar.

Vorher und nachher

Derselbe Inhalt. Ein ganz anderes Ergebnis.

Ziehen Sie den Regler. Links die typische Seite „mit allem drauf“, rechts dieselben Inhalte nach UI- und UX-Arbeit.

  • 1 statt 4 Buttons Ein klarer nächster Schritt.
  • Klare Überschrift Sagt, was es gibt, nicht „Willkommen“.
  • Vertrauen sichtbar Bewertungen direkt am Angebot.
  • Kein Pop-up Nichts stellt sich in den Weg.
So arbeitet BYTLY

Vom ersten Gespräch bis zur gemessenen Wirkung

  1. 01Verstehen

    Ziel, Zielgruppe, Wettbewerb. Was soll ein Besucher am Ende tun?

  2. 02Struktur

    Seitenplan und Nutzerwege: welche Seite, welcher Klick, welche Reihenfolge.

  3. 03Wireframe

    Graue Kästen, echte Texte. Erst stimmt der Aufbau, dann kommt die Farbe.

  4. 04UI-Design

    Farben, Schrift, Raster und Komponenten, abgestimmt auf Ihre Marke.

  5. 05Prototyp und Test

    Klickbar auf Handy und Desktop. Was hakt, wird vor dem Start geändert.

  6. 06Live und messen

    Ohne Cookies messen, was funktioniert, und gezielt nachbessern.

Was genau angeboten wird

Das steckt in einer BYTLY-Website – je nach Paket in unterschiedlicher Tiefe.

Konzeption

  • Ziel & ZielgruppeWer soll auf der Seite was tun – und warum gerade bei Ihnen?
  • SeitenstrukturWelche Bereiche es gibt und in welcher Reihenfolge sie erzählen.
  • InhaltsplanWelche Texte und Bilder gebraucht werden – damit nichts fehlt.

Design

  • Individuelles LayoutFür Sie entworfen, nicht aus einer Vorlage gezogen.
  • Farbwelt & TypografiePassend zu Marke, Branche und Zielgruppe.
  • Mobil optimiertAuf Desktop, Tablet und Smartphone gleich gut zu bedienen.

Entwicklung

  • Echter CodeHTML, CSS und JavaScript – handgeschrieben, ohne Baukasten-Ballast.
  • Animation & EffekteDosierte Einblend- und Scroll-Effekte sowie Microinteractions.
  • KontaktwegeKontaktbereich so gebaut, dass Anfragen ohne Umwege ankommen.

Technik & SEO

  • SSL-verschlüsseltHTTPS ab dem ersten Tag, DSGVO-konform umgesetzt.
  • CDN für schnelle LadezeitenDateien werden nah am Besucher ausgeliefert.
  • Basis-SEOSaubere Struktur für Suchmaschinen.

Start

  • Domain & Hosting12 Monate kostenlos – die Domain, sofern verfügbar.
  • 1 bis 3 Änderungen pro Monat12 Monate lang inklusive, je nach Paket: Team, Öffnungszeiten, Preise, Texte.
  • Go-Live & ÜbergabeDie Seite geht online, Sie bekommen alles erklärt.
  • 24/7 erreichbarIhre Website ist rund um die Uhr online.

Zusammenarbeit

  • KorrekturrundenSie sehen Zwischenstände und sagen, was angepasst werden soll.
  • Wartung & Code-Übergabe12 Monate betreut und gewartet; danach Übergabe des vollständigen Codes oder Weiterbetreuung für 149 € im Monat.
  • Persönlich per E-MailKein Callcenter, kein Ticketsystem – Antwort meist in unter 24 Stunden.

Pakete im Vergleich

Vier Wege zur eigenen Website. Der Unterschied liegt in der Zahl der Seiten und darin, wie viele Änderungen pro Monat enthalten sind. Alle Preise sind Endpreise – Kleinunternehmer gem. § 19 UStG, keine Umsatzsteuer.

MerkmalOnepageStartBusinessPremium
Preis995 €einmalig3.490 €einmalig5.490 €einmaligab 7.490 €einmalig
UmfangEine SeiteStartseite + 2–4 zusätzliche SeitenStartseite + 4–8 zusätzliche Seiten8 und mehr Seiten
Geeignet fürDer schnelle Einstieg: alles Wichtige auf einer SeiteSelbstständige und kleine Betriebe: Leistungen, Über uns, KontaktBetriebe mit mehr zu zeigen: Team, Standorte, Referenzen, GalerieGroße Auftritte mit vielen Bereichen
Änderungen pro Monatkeine123
Individuelle Wünsche–––Leicht individuell: Sonderwünsche inklusive
DesignIndividuelles Design über alle Seiten – für Sie entworfen, nicht aus einer Vorlage gezogen
In jedem PaketMobil optimiert · SSL · CDN · 24/7 erreichbar · 12 Monate Domain & Hosting kostenlos · vollständiger Code zur Übergabe nach 12 Monaten. Ab Start zusätzlich: individuelle Konzeption · 1, 2 oder 3 Änderungen pro Monat · 12 Monate betreut und gewartet
Anfrage Onepage berechnen Start berechnen Business berechnen Premium berechnen
1–3Änderungen
pro Monat Der große Vorteil ab Paket Start12 Monate betreut und gewartet, bei Bedarf 1, 2 oder 3 Änderungen im Monat je nach Paket – Teammitglieder, Öffnungszeiten, Preise. Bei 120 € pro Stunde wären das 2.160 € Arbeitszeit. Alle Details

Der Umfang im Überblick

PaketSeiten (Balken: 0 bis 12 zusätzliche Seiten)Preis
OnepageEine Seite, ohne Zusatzleistungeneine Seite995 €einmalig
StartStartseite + 2–4 zusätzliche Seiten2–4 zusätzliche Seiten3.490 €einmalig
BusinessStartseite + 4–8 zusätzliche Seiten4–8 zusätzliche Seiten5.490 €einmalig
Premium8 und mehr Seiten, leicht individuell8 und mehr Seitenab 7.490 €einmalig
Jede weitere StundeErweiterungen, Shop, Web-App, Automation – Individual Projectnach Aufwand120 €pro Stunde

Der Paketpreis gilt für den Umfang des Pakets – inklusive 12 Monate Domain und Hosting, bei Start, Business und Premium Wartung und 1, 2 oder 3 Änderungen pro Monat. Was darüber hinausgeht (weitere Seiten, neue Funktionen, Shop, Web-App), wird mit 120 € pro Stunde abgerechnet, immer mit Angebot vorab. Alle Preise sind Endpreise – Kleinunternehmer gem. § 19 UStG, keine Umsatzsteuer.

Angebot erstellen

Paket wählen, Extras dazunehmen – rechts entsteht Ihr Angebot mit Nummer. Als PDF speichern oder direkt damit anfragen.

Weitere Solutions

Überzeugt?

Sprechen wir über Ihr Projekt

Kein Callcenter, kein Ticketsystem – schreiben Sie BYTLY einfach eine E-Mail. Sie erhalten eine persönliche Antwort, in der Regel innerhalb von 24 Stunden.

Jetzt anfragenAntwort in unter 24 h
Firma
BYTLY
E-Mail
hosting@bytly.de
Antwortzeit
unter 24 Stunden

Transparent, modern, zuverlässig – ein Ansprechpartner, ohne Agentur-Bürokratie.