Ihr Produktseiten-Design in HTML und CSS umgesetzt: Galerie, Details und ein Bestell-Button, mit Mobilversion

Beispielergebnis

Beispiel für das Standard-PaketVollständig anzeigen

Startseite einer Zahnarztpraxis nach ihrem Design

Vorher: das Design, das der Kunde geschickt hat

Nachher: die funktionierende Seite

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 Produktseite hat eine Aufgabe: den Artikel gut zeigen und den nächsten Schritt offensichtlich machen. Laden Sie Ihr Produktseiten-Mock-up als Bilder hoch, und wir setzen es in HTML und CSS um: Fotogalerie, Name, Preis, Optionen, Merkmale, technische Daten und FAQ in Ihrem Layout, mit Mobilversion. Die Seite zeigt das Produkt, verkauft es aber nicht: Es gibt keinen Warenkorb, keinen Lagerbestand, keinen Checkout und keine Zahlung. Der Bestell-Button führt zu Ihrem bestehenden Shop oder Marktplatz-Angebot, zu einem Messenger oder zu einer E-Mail. Produktfotos sollten Ihre eigenen sein und als separate Dateien hochgeladen werden, da ein gezeichnetes Bild den echten Artikel nicht zeigen würde. Kein Backend, 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.
• FotogalerieIhre Produktfotos, mit Vorschaubildern wie im Mock-up
• Details in Ihrem LayoutMerkmale, eine Tabelle mit technischen Daten und FAQ aus Ihrem Mock-up oder Briefing
• Ein klarer Bestell-ButtonZu Ihrer Shopseite, einem Messenger oder einer E-Mail
• MobilversionAus dem Desktop-Design erstellt, wenn Sie kein mobiles haben
• Sauberer CodeReines HTML und CSS, keine Frameworks, nichts von anderen Websites geladen

So funktioniert es

1. 1
   HochladenSie laden das Mock-up und Ihre Produktfotos hoch und nennen die Fakten
2. 2
   UmsetzungWir bauen die Seite und setzen Ihre Fotos in die Galerie
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: das Produktseiten-Mock-up, ein mobiles, falls vorhanden, und Ihre echten Produktfotos als separate Dateien. Produktname, Preis und technische Daten genau so, wie sie lauten sollen, der Link oder Kontakt für den Bestell-Button und für das Paket mit 3 Seiten die Texte für jedes Produkt. Bewertungen nur, wenn sie echt sind und Sie sie zeigen dürfen.

Wir fragen Sie:

• Welche Datei ist welche?
• Produktfakten
• Wohin führt der Bestell-Button?
• Gehört das Design Ihnen?

Pakete vergleichen

Fragen und Antworten

Keine Antwort gefunden? Fragen Sie uns