Landingpage-Design zu HTMLLayout in HTML umsetzen

Ihr Landingpage-Design in HTML und CSS umgesetzt: jeder Abschnitt aus Ihrem Mock-up, mit Mobilversion

Meist in 15 Minuten fertigÜberarbeitungen inklusiveQualitätsprüfung
ZahlungsschutzMehr dazu
  • Überarbeitungen im Rahmen des Pakets sind kostenlos.
  • Reagieren Sie nicht innerhalb von 3 Tagen nach der Lieferung, gilt die Arbeit automatisch als abgenommen.
Bestellen · 35 €

Das Geld wird bei der Zahlung reserviert und erst freigegeben, wenn Sie die Arbeit abnehmen.

Ihr Landingpage-Design in HTML und CSS umgesetzt: jeder Abschnitt aus Ihrem Mock-up, mit Mobilversion

Beispielergebnis

Beispiel für das Standard-Paket

Startseite einer Zahnarztpraxis nach ihrem Design

Vorher: das Design, das der Kunde geschickt hat

Das Design der Startseite

Nachher: die funktionierende Seite

Die Seite am Computer Die Seite auf dem Handy

Dateien: ein ZIP-Archiv mit index.html, den Styles und 2 Bildern für die Seite, bereit zum Hochladen auf das Hosting des Kunden. Die Bilder hier sind Screenshots der Seite.

Kunde: Bright Smile Dental. Aufgabe: das Design der Startseite in eine funktionierende HTML-Seite umsetzen – mit demselben Layout, denselben Farben und Texten und Terminbuttons, die die Praxis anrufen.

Kunde und alle Angaben sind erfunden.

Über diese Leistung

Eine Landingpage lebt von der Reihenfolge ihrer Abschnitte: ein erster Bildschirm, der das Angebot nennt, dann die Gründe, Ihre Belege, Preise und ein klarer Button. Laden Sie Ihr Landingpage-Mock-up als Bilder hoch, und wir setzen es in HTML und CSS um, mit den Abschnitten in Ihrer Reihenfolge, demselben Raster und denselben Farben, echtem Text, den Suchmaschinen lesen, und einer Mobilversion, falls Ihr Mock-up keine hat. Jeder Call-to-Action-Button ruft an, öffnet WhatsApp oder einen Messenger, schreibt eine E-Mail oder führt zu Ihrem eigenen Bestell- oder Buchungslink. Ein Formular im Design kann nichts senden, da es keinen Server gibt, daher schlagen wir stattdessen einen Button vor. Keine Animationen, Zahlungen, Tracker oder Hosting.

Was enthalten ist

  • Was Sie erhaltenEin ZIP-Archiv mit den Seiten, Styles und Bildern, bereit zum Hochladen auf Ihr Hosting, und eine Vorschau jeder Seite auf der Bestellseite.
  • Abschnitte in Ihrer ReihenfolgeVom ersten Bildschirm bis zum Footer, wie in Ihrem Mock-up
  • Buttons mit klarer AktionAnruf, WhatsApp, E-Mail oder Ihr eigener Link
  • MobilversionAus dem Desktop-Design erstellt, wenn Sie kein mobiles haben
  • Bereit für SuchmaschinenEchte Überschriften, ein Seitentitel und eine Beschreibung
  • Sauberer CodeReines HTML und CSS, keine Frameworks, nichts von anderen Websites geladen

So funktioniert es

  1. 1
    HochladenSie laden das Landingpage-Mock-up hoch und sagen, wohin jeder Button führt
  2. 2
    UmsetzungWir bauen die Abschnitte und zeichnen die fehlenden Bilder
  3. 3
    Vorschau und ArchivSie vergleichen die Seiten auf Computer und Handy mit Ihrem Design, laden das Archiv herunter und bitten um Änderungen im Rahmen Ihres Pakets

Was wir von Ihnen brauchen

Bis zu 5 Bilder als PNG, JPEG oder WebP: Ihr Landingpage-Mock-up als ein langer Screen oder in Teilen der Reihe nach, eine mobile Version, falls vorhanden, und auf Wunsch Ihr Logo und Fotos zur unveränderten Verwendung. Die finalen Texte, falls sie vom Mock-up abweichen, ein Seitentitel und eine Beschreibung für Suchmaschinen und wohin jeder Button führt: Telefonnummer, WhatsApp, E-Mail oder Ihr Bestelllink.

Wir fragen Sie:

  • Welche Datei ist welcher Teil der Landingpage?
  • Finale Texte
  • Wohin führt jeder Button?
  • Seitentitel und Beschreibung für Suchmaschinen
  • Gehört das Design Ihnen?

Pakete vergleichen

BasisKurze Landingpage, bis zu 5 Abschnitte19 €StandardVollständige Landingpage, bis zu 10 Abschnitte35 €PremiumLandingpage und 2 weitere Seiten60 €
Lieferzeit1 Tag2 Tage3 Tage
Überarbeitungen123
Seiten113
Abschnittebis zu 5bis zu 10bis zu 8 pro Seite
Illustrationen für die Seite24—
MobilversionJaJaJa
Call-to-Action-ButtonsTelefon, Messenger, E-Mail oder Ihr LinkTelefon, Messenger, E-Mail oder Ihr LinkTelefon, Messenger, E-Mail oder Ihr Link
Illustrationen für die Seiten——6
BestellenBestellenBestellen

Zahlungsschutz

Sie bezahlen bei der Bestellung, aber das Geld wird nur für abgenommene Arbeit freigegeben.

  • FestpreisDer Paketpreis ändert sich nach der Zahlung nicht mehr.
  • Das Geld wird reserviertBei der Zahlung wird der Betrag nur reserviert. Freigegeben wird er erst, wenn Sie die Arbeit abnehmen.
  • Vor der Lieferung geprüftJedes Ergebnis durchläuft eine Qualitätsprüfung, bevor es Sie erreicht, und Sie sehen es auf der Bestellseite, bevor Sie es abnehmen.
  • Kostenlose ÜberarbeitungenFordern Sie Überarbeitungen im Rahmen Ihres Briefings so oft an, wie das Paket es erlaubt.
  • Abnahme nach 3 TagenWenn Sie die Arbeit innerhalb von 3 Tagen nach der Lieferung weder abnehmen noch eine Überarbeitung anfordern, gilt sie automatisch als abgenommen. Schreiben Sie nach der Lieferung im Bestell-Chat, wartet die Bestellung; sobald wir antworten, können wir die 3 Tage neu starten und teilen das im Chat mit.
  • Neuanfertigung oder volle RückerstattungWenn das Ergebnis nicht Ihrem Briefing entspricht und die Überarbeitungen das nicht behoben haben oder die Arbeit mehr als doppelt so lange dauert wie die Frist, schreiben Sie im Bestell-Chat: Wir erstellen die Arbeit neu oder erstatten die Zahlung vollständig.
So funktioniert es →

Fragen und Antworten

Meine Landingpage hat ein Anmeldeformular. Wird es senden?

Nein, es gibt keinen Server. Der Formularblock kann zu einem Button werden, der WhatsApp, einen Messenger oder eine E-Mail öffnet oder zu dem Formulardienst führt, den Sie bereits nutzen.

Können Sie Analytics oder Werbe-Tracking einbinden?

Nein, die Seite hat keine Tracker und lädt nichts von anderen Websites. Tracking-Codes können später auf Ihrer Seite ins HTML eingefügt werden.

Können Sie die Texte oder die Struktur verbessern?

Diese Leistung setzt Ihr Mock-up so um, wie es ist. Kurze Textänderungen aus Ihrem Briefing ja; neue Texte oder eine neue Reihenfolge der Abschnitte gehören nicht dazu.

Funktionieren der Countdown oder die Animationen aus meinem Design?

Animationen gehören nicht zu dieser Leistung. Ein Countdown wird nur gezeigt, wenn er auf ein echtes Datum zeigt, das Sie angeben; wir fügen keine fingierten Fristen oder Rabatte hinzu.

Entspricht es meinem Design pixelgenau?

Es wird in Layout, Farben, Größen und Reihenfolge der Abschnitte nah dran sein, aber nicht pixelgenau: Die Schriften sind ähnliche Systemschriften, und Fotos werden neu gezeichnet, sofern Sie keine eigenen hochladen. Überarbeitungen korrigieren, was Ihnen wichtig ist.

Keine Antwort gefunden?

Alle Leistungen in Entwicklung & IT

Mehr in Entwicklung & IT

Bestellen · 35 €· ~15 Min.