HTML aus Ihrem DesignLayout in HTML umsetzen

Ihr Design umgesetzt in HTML und CSS: eine Seite aus Ihrem Screenshot oder 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 · 40 €

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

Ihr Design umgesetzt in HTML und CSS: eine Seite aus Ihrem Screenshot oder 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

Sie haben ein Design und brauchen es als funktionierende Seite. Laden Sie Screenshots oder PNG-Exporte Ihres Mock-ups aus Figma, Photoshop, Canva oder einem anderen Tool hoch, und wir setzen es in HTML und CSS um: dieselben Abschnitte in derselben Reihenfolge, dasselbe Layout, dieselben Farben und dieselbe Optik, mit echtem Text statt eines Bildes von Text. Die Seiten sind responsiv: Wenn Ihr Design nur eine Desktop-Version hat, erstellen wir daraus die Mobilversion, mit Mobilmenü. Fotos und Illustrationen des Mock-ups werden im gleichen Sinne neu gezeichnet, oder es werden Ihre eigenen Bilder verwendet, wenn Sie diese separat hochladen. Sie erhalten ein Archiv mit den Seiten, Styles und Bildern, bereit für Ihr Hosting, und eine Vorschau jeder Seite auf der Bestellseite. Figma-, PSD-, Sketch- oder XD-Dateien selbst können wir nicht öffnen: Exportieren Sie die Screens als Bilder. Animationen, ein Backend, ein Shop oder ein CMS sind nicht Teil dieser Leistung.

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.
  • Nah an Ihrem DesignAbschnitte, Layout, Farben und Schriften wie in Ihrem Mock-up
  • MobilversionAus einem Desktop-Design erstellt, wenn Sie kein mobiles haben
  • Echter TextÜberschriften und Absätze als HTML, das Suchmaschinen lesen
  • Bilder an ihrem PlatzIm Sinne des Mock-ups neu gezeichnet, oder Ihre eigenen
  • Sauberer CodeReines HTML und CSS, keine Frameworks, nichts wird von anderen Websites geladen

So funktioniert es

  1. 1
    HochladenSie laden die Screens Ihres Designs hoch und sagen, was wohin gehört
  2. 2
    UmsetzungWir setzen die Seiten um und zeichnen die Bilder
  3. 3
    VorschauSie vergleichen sie am Computer und auf dem Smartphone mit Ihrem Design
  4. 4
    ArchivSie 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: die Screens Ihres Designs, je eine Seite oder ein langer Screen pro Bild, scharf genug, um den Text zu lesen, und auf Wunsch Ihr Logo und Ihre Fotos zur unveränderten Verwendung. Geben Sie an, welche Datei welche Seite ist, die Texte, falls sie vom Mock-up abweichen, sowie Ihre Kontaktdaten und Links. Keine Figma-, PSD-, Sketch- oder XD-Dateien: Exportieren Sie die Screens als Bilder.

Wir fragen Sie:

  • Welche Datei ist welche Seite?
  • Sollen die Texte genau wie im Design sein?
  • Links, Kontakte und Buttons
  • Ist das Design Ihr eigenes?

Pakete vergleichen

Basis1 Seite mit bis zu 5 Abschnitten23 €Standard1 Seite mit bis zu 10 Abschnitten40 €PremiumBis zu 3 Seiten70 €
Lieferzeit1 Tag2 Tage3 Tage
Überarbeitungen123
Seiten113
Abschnittebis zu 5bis zu 10bis zu 8 pro Seite
Für die Seite gezeichnete Bilder24—
MobilversionJaJaJa
Für die Seiten gezeichnete Bilder——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

Können Sie meine Figma- oder PSD-Datei öffnen?

Nein, wir arbeiten mit Bildern der Screens. Wählen Sie in Figma einen Frame aus und exportieren Sie ihn als PNG in 1x oder 2x; in Photoshop nutzen Sie Exportieren als. Eine lange Seite kann ein einziges hohes Bild sein.

Wird es pixelgenau?

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

Mein Design hat keine Mobilversion. Was dann?

Wir erstellen eine aus dem Desktop-Design: Spalten werden untereinander angeordnet, das Menü klappt in einen Button ein, und Bilder und Text werden für das Smartphone angepasst. Beide Versionen sehen Sie in der Vorschau.

Können Sie ein Design nach der Website eines anderen umsetzen?

Wir setzen Designs um, die Ihnen gehören oder die Sie verwenden dürfen. Die Website eines anderen Unternehmens kopieren wir nicht eins zu eins; eine Website, die Ihnen gefällt, kann nur als Hinweis auf den Stil dienen.

Binden Sie es an WordPress oder ein CMS an?

Nein. Sie erhalten Seiten in reinem HTML und CSS, die eigenständig auf jedem Hosting funktionieren; Ihr Entwickler kann sie später bei Bedarf in ein CMS-Theme übernehmen.

Keine Antwort gefunden?

Alle Leistungen in Entwicklung & IT

Mehr in Entwicklung & IT

Bestellen · 40 €· ~15 Min.