Umsetzung
Website oder Shop neu aufbauen
Eine kleine Website oder ein begrenzter Shop wird als zusammenhängendes Projekt neu aufgebaut – von Seitenstruktur bis zur technischen Testversion.
Umsetzung / Frontend-Entwicklung & Bedienung
Umsatzsteuerbefreit gemäß § 19 UStG
Website & Landingpage entwickeln
Aus einem freigegebenen Design wird eine responsive Website oder Landingpage, die auf kleinen und großen Bildschirmen bedienbar ist.
1.999,00 €
Gesamtpreis · einmaligUmsatzsteuerbefreit gemäß § 19 UStG
- Bis zu drei gestaltete Seitentypen mit insgesamt zwölf unterschiedlichen Abschnitten umsetzen
- Responsive HTML-, CSS- und bei Bedarf JavaScript-Umsetzung im vereinbarten bestehenden Stack
- Navigation, Metadatenfelder und Einbindung gelieferter Texte und Bilder
Du fragst unverbindlich an. Ein Auftrag entsteht erst, wenn du unser Angebot annimmst .
Bild 1 von 4
Leistungsumfang
Dein Ergebnis
- Umgesetzte Seitentypen mit Quellcode im vereinbarten Projekt
- Dokumentierte Komponenten und Hinweise zur Pflege und Veröffentlichung
Enthalten
- Bis zu drei gestaltete Seitentypen mit insgesamt zwölf unterschiedlichen Abschnitten umsetzen
- Responsive HTML-, CSS- und bei Bedarf JavaScript-Umsetzung im vereinbarten bestehenden Stack
- Navigation, Metadatenfelder und Einbindung gelieferter Texte und Bilder
- Browser-, Tastatur- und Größenprüfung sowie eine gemeinsame Korrekturrunde
Nicht enthalten
- Neues Marken- oder Seitendesign, Texterstellung und Bildproduktion
- Neues CMS, Benutzerkonten oder individuelle Backend-Funktionen
- Umzug eines ganzen Altbestands und dauerhafte Inhaltspflege
Für welches Vorhaben passt die Leistung?
Passt, wenn …
- Ein fertiges Design soll als Website umgesetzt werden
- Eine klar umrissene Landingpage braucht eine belastbare technische Umsetzung
Passt nicht, wenn …
- Angebot, Inhalte und Gestaltung sollen erst entwickelt werden
- Eine komplette Web-App mit individuellen Datenprozessen wird benötigt
Mögliche Überschneidungen mit: Website oder Shop neu aufbauen. Fragst du diese Leistungen für dasselbe Projekt an, prüfen wir vor der Beauftragung, welche Arbeiten sich doppeln. Auch im Warenkorb siehst du einen Hinweis dazu.
Darum geht es
Wie wird aus meinem Design eine funktionierende Website?
Ein Layout zeigt, wie eine Seite aussehen soll. Bei der Frontend-Entwicklung wird daraus eine bedienbare Website: Texte und Bilder ordnen sich für verschiedene Bildschirmgrößen, Links führen zum richtigen Ziel und interaktive Elemente erhalten sinnvolle Zustände. Das Paket setzt ein freigegebenes Design und fertige Inhalte voraus.
Wir arbeiten im vereinbarten technischen Umfeld und bauen bis zu drei Seitentypen. Wiederkehrende Elemente werden als gemeinsame Komponenten umgesetzt. Falls noch ein vollständiges Gestaltungskonzept, ein neues Redaktionssystem oder serverseitige Funktionen fehlen, klären wir diese Aufgaben vorab. Dafür ist gegebenenfalls der Website-Neuaufbau passender.
Eine Seite muss auch außerhalb des Entwurfs funktionieren
Zwischen einem großen Bildschirm und einem Smartphone liegen viele Zwischenbreiten. Lange Überschriften, vergrößerte Schrift und Tastaturbedienung zeigen, ob das Layout dort funktioniert. Wir legen fest, wie sich jeder vereinbarte Seitentyp an diese Bedingungen anpasst.
Öffentliche Inhalte sollen als sinnvoll strukturiertes HTML verfügbar sein. Interaktive Technik wird dort eingesetzt, wo die Funktion sie benötigt. Metadaten und Überschriften werden technisch vorbereitet; Suchmaschinenplatzierungen entstehen daraus nicht automatisch. Die Qualität der gelieferten Inhalte bleibt ein eigener Faktor.
Kommt dir das bekannt vor?
Das Design liegt bereit
Du möchtest einen vorhandenen Entwurf umsetzen lassen. Wir prüfen zuerst, ob Seitenzustände, Inhalte und mobile Anforderungen ausreichend geklärt sind.
Die Landingpage soll in dein Projekt passen
Eine neue Seite braucht gemeinsame Navigation, Typografie und technische Konventionen. Wir ergänzen den vorhandenen Aufbau und stimmen notwendige Abweichungen ab.
Die aktuelle Umsetzung bricht mobil um
Ein schönes Desktopbild reicht nicht aus. Lange Texte und kleine Ansichten werden anhand konkreter Inhalte geprüft, damit Bedienung und Lesbarkeit erhalten bleiben.
So gehen wir vor.
Entwurf und Seitentypen abgrenzen
Wir zählen unterschiedliche Layouts und Abschnitte, klären fehlende Zustände und legen den technischen Einbauort fest. Daraus entsteht ein prüfbarer Umsetzungsumfang.
Komponenten und Seiten entwickeln
Gemeinsame Bausteine bilden Navigation, Inhalte und Interaktionen ab. Die Umsetzung folgt dem freigegebenen Design und berücksichtigt verschiedene Bildschirmgrößen.
Inhalte und Bedienung abgleichen
Die Seiten werden mit den gelieferten Inhalten geprüft. Browserdarstellung, Tastaturwege und die gemeinsame Korrekturrunde fließen vor der Übergabe ein.
Nach der Übergabe
Dein Team erhält die umgesetzten Seitentypen mit den dokumentierten Prüfergebnissen und Abhängigkeiten zur bestehenden Anwendung. Weitere Seitentypen, ein neues Gestaltungskonzept oder eine neue Bildwelt werden gesondert geplant. Eine Zertifizierung der gesamten Website gehört nicht dazu.
Nenne den vorhandenen Stand: Design, Website oder Anwendung. Hilfreich ist ein konkreter Ablauf mit den Ansichten und Zuständen, die entwickelt oder geändert werden sollen.
Danach klären wir, mit welcher Technik die Seite arbeitet, wo wir Änderungen testen und wie du sie erhältst. Auch fehlende Inhalte besprechen wir dann. Sende keine Repository-Tokens oder Produktionszugänge über das Anfrageformular.
Begriffe aus der Leistung
Was bedeutet das?
- Frontend
- Der Teil einer Website, den Besucher sehen und bedienen. Dazu gehören Layout, Navigation und Interaktionen sowie deren Verhalten auf verschiedenen Geräten.
- Seitentyp
- Ein eigenständiges Layoutmuster, etwa eine Angebotsseite oder ein Artikel. Mehrere Seiten können denselben Typ verwenden, wenn Aufbau und Verhalten übereinstimmen.
- Responsive Umsetzung
- Ein Seitenaufbau, der auf unterschiedliche verfügbare Breiten reagiert. Dabei ändern sich Anordnung und Abstände, ohne Inhalte oder Funktionen unzugänglich zu machen.
Vor deiner Anfrage
Fragen zum Angebot.
Was gehört zur Leistung, was brauchst du dafür und wie geht es nach der Anfrage weiter?
Der Ablauf im Detail →Muss das Design aus Figma kommen?
Nicht zwingend. Wichtig sind zugängliche, verbindliche Layouts, Maße, Zustände und verwendbare Assets. Das Übergabeformat wird vor Beginn geprüft.
Ist eine mobile Version enthalten?
Ja. Responsive Umsetzung gehört zum Paket. Falls der Entwurf keine mobilen Regeln enthält, werden diese für die vereinbarten Seitentypen vorab abgestimmt.
Kann ich Inhalte später selbst ändern?
Das hängt vom vorhandenen Redaktionssystem ab. Wir nutzen vereinbarte bestehende Inhaltswege; der Aufbau eines neuen CMS ist gesonderter Umfang.
Sind Kontaktformulare enthalten?
Die Darstellung eines vorhandenen Formulars kann eingeplant werden. Ein neuer Versand- oder Speicherprozess mit Validierung ist eine eigene Funktion und wird separat abgegrenzt.
Wird die Website direkt veröffentlicht?
Die Übergabe erfolgt zunächst in der vereinbarten Testumgebung. Eine Veröffentlichung braucht freigegebene Inhalte, passende Zugänge und einen ausdrücklich vereinbarten Ablauf.
Wann beginnt die Bearbeitung?
Start und Lieferfrist bestätigen wir nach Sichtung deiner Unterlagen schriftlich. Der vereinbarte Umfang und vollständige Ausgangsdaten bestimmen den Zeitplan.
Welche Zugänge werden benötigt?
Freigegebene Layouts inklusive mobiler Anforderungen sowie fertige Inhalte Zugriff auf Repository und Testumgebung oder vereinbarte technische Ausgangsbasis Zugangsdaten gehören nicht in die Anfrage. Details werden erst nach schriftlicher Beauftragung abgestimmt.
Was passiert nach der Übergabe?
Eine schriftliche Rückfragerunde ist enthalten. Welche Analysen, Entwürfe oder technischen Änderungen zum Paket gehören, steht im Leistungsumfang. Zusätzliche Arbeiten stimmen wir mit dir ab, bevor sie beginnen.
Zum Thema weiterlesen
Figma-Design als Website umsetzen: Die Übergabe vorbereiten
Ein Desktopentwurf reicht für die Umsetzung selten aus. Kläre Inhalte, schmale Ansichten und die Zustände interaktiver Elemente.
Zum Ratgeber ↗Verwandte Leistungen
Das könnte ebenfalls passen.
Umsetzung
Komponentenbibliothek entwickeln
Wiederkehrende Oberflächenelemente werden als gemeinsame Codebausteine umgesetzt – mit klaren Varianten, Zuständen und Dokumentation.