Photoshop zu HTMLLayout in HTML umsetzen

Ihr Photoshop-Design in HTML und CSS umgesetzt: eine Seite aus Ihrem exportierten Layout, 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 Photoshop-Design in HTML und CSS umgesetzt: eine Seite aus Ihrem exportierten Layout, 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

Viele Websites beginnen noch als Photoshop-Layout, oft eine hohe Zeichenfläche mit der ganzen Seite darauf. Exportieren Sie es als PNG oder JPEG und laden Sie es hoch, und wir setzen es in HTML und CSS um: dieselben Abschnitte, Spalten, Farben und Buttons, mit echtem Text statt Text im Bild, und eine Mobilversion aus dem Desktop-Layout, wenn es kein mobiles gibt. Wir können keine PSD-Dateien öffnen, daher werden Ebenen, Smartobjekte und versteckte Zustände nicht gelesen. Fotos und Illustrationen werden im gleichen Geist neu gezeichnet, sofern Sie sie nicht exportieren und als separate Dateien hochladen. Keine Animationen, kein Backend, kein Shop, kein CMS und kein 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.
  • Nah an Ihrem LayoutAbschnitte, Spalten, Farben und Schriftgrößen wie im Export
  • MobilversionAus dem Desktop-Design erstellt, wenn Sie kein mobiles haben
  • Echter TextÜberschriften und Absätze als HTML, das Suchmaschinen lesen
  • Ihre Fotos an ihrem PlatzExportiert oder als separate Dateien gesendet, kommen sie unverändert hinein
  • Sauberer CodeReines HTML und CSS, keine Frameworks, nichts von anderen Websites geladen

So funktioniert es

  1. 1
    ExportSie exportieren die Layouts als Bilder und laden sie mit Ihren Notizen hoch
  2. 2
    UmsetzungWir bauen die Seiten und zeichnen die Bilder, die nicht gesendet wurden
  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: Ihre aus Photoshop über Datei > Exportieren > Exportieren als exportierten Layouts, eine Seite pro Datei, und auf Wunsch Fotos oder Ihr Logo als separate Dateien zur unveränderten Verwendung. Geben Sie an, welche Datei welche Seite ist, die verwendeten Schriften, Texte, die vom Layout abweichen, und wohin jeder Button führt. Keine PSD-Dateien.

Wir fragen Sie:

  • Welche Datei ist welche Seite?
  • Schriften im Layout
  • Sollen die Texte genau wie im Layout sein?
  • Wohin führt jeder Button?
  • Gehört das Design Ihnen?

Pakete vergleichen

Basis1 Layout, bis zu 5 Abschnitte19 €Standard1 Layout, bis zu 10 Abschnitte35 €PremiumBis zu 3 Layouts60 €
Lieferzeit1 Tag2 Tage3 Tage
Überarbeitungen123
Seiten113
Abschnittebis zu 5bis zu 10bis zu 8 pro Seite
Illustrationen für die Seite24—
MobilversionJaJaJa
Was hochladenJPEG- oder PNG-ExportJPEG- oder PNG-ExportJPEG- oder PNG-Export
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

Wie exportiere ich eine PSD?

Wählen Sie in Photoshop Datei > Exportieren > Exportieren als, wählen Sie PNG oder JPEG und exportieren Sie die ganze Zeichenfläche. Um ein Foto genau so zu verwenden, wie es ist, senden Sie die Original-Fotodatei separat.

Mein Layout ist sehr hoch. Ist das ein Problem?

Nein, ein hohes Bild pro Seite ist in Ordnung, solange der Text in voller Größe lesbar ist. Jede Datei darf bis zu 20 MB groß sein.

Bleiben die Fotos aus meinem Layout erhalten?

Nur wenn Sie sie als separate Dateien hochladen: Aus einem flachen Export können wir sie nicht sauber herauslösen. Sonst werden sie im gleichen Geist neu gezeichnet.

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.

Kann ich ein gekauftes Template senden?

Ja, wenn seine Lizenz die Nutzung für eine Website erlaubt. Wir setzen nur Designs um, die Ihnen gehören oder die Sie verwenden dürfen.

Keine Antwort gefunden?

Alle Leistungen in Entwicklung & IT

Mehr in Entwicklung & IT

Bestellen · 35 €· ~15 Min.