Ein neues, handyfreundliches Design für Ihre alte Website: von Screenshots zu modernen Seiten in HTML und CSS

Beispielergebnis

Beispiel für das Standard-PaketVollständig anzeigen

Neues Design der Startseite einer Bäckerei nach einem Screenshot

Vorher: der Screenshot, den der Kunde geschickt hat

Nachher: die neue Seite

Dateien: ein ZIP-Archiv mit index.html, den Styles und 2 für die Seite gezeichneten Bildern, bereit, die alte Seite auf dem Hosting des Kunden zu ersetzen. Die Bilder hier sind Screenshots der Seiten.

Kunde: Miller Street Bakery, eine Familienbäckerei. Aufgabe: der alten Startseite einen frischen, modernen Look geben – mit demselben Namen, dem warmen Braunton, den Öffnungszeiten und der Liste ihrer Backwaren, dazu große Bilder von Brot und ein gut sichtbarer Bestellbutton.

Kunde und alle Angaben sind erfunden.

Über diese Leistung

Zeigt Ihre alte Website auf dem Handy winzigen Text, scrollt seitwärts und hat Links, die zu klein zum Tippen sind, gehen die Besucher. Wir flicken den alten Code nicht: Aus Screenshots Ihrer Seiten gestalten wir sie neu und bauen moderne Seiten, die von kleinen Handys bis zu breiten Bildschirmen funktionieren, mit Ihren Inhalten, Ihrem Logo und Ihren Farben. Die Mobilversion erhält lesbaren Text, ein Menü, das sich mit einem Tipp öffnet, Buttons, die groß genug für den Daumen sind, und Kontakt-Buttons, die anrufen, WhatsApp oder einen anderen Messenger öffnen oder eine E-Mail schreiben. Breite Tabellen und lange Texte werden so umgeordnet, dass sie auf einen schmalen Bildschirm passen. Fakten bleiben so, wie Sie sie angeben. Sie oder die Person, die Ihre Website betreut, ersetzen die alten Seiten durch die neuen; wir melden uns dort nicht an.

Was enthalten ist

• Was Sie erhaltenEin ZIP-Archiv mit den neuen Seiten, Styles und Bildern, bereit zum Hochladen auf Ihr Hosting, und eine Vorschau jeder Seite auf der Bestellseite.
• Auf jedem Handy lesbarSchriftgröße, Abstände und Zeilenlänge für kleine Bildschirme eingestellt
• Handy-MenüÖffnet sich mit einem Tipp und zeigt alle Ihre Seiten
• Antippen zum Anrufen oder SchreibenGroße Kontakt-Buttons für Ihr Telefon, Ihren Messenger und Ihre E-Mail
• Tabellen, die passenPreislisten und breite Tabellen für schmale Bildschirme in Karten oder Zeilen umgeordnet
• Ihre Inhalte und Marke bleibenTexte, Logo und Farben aus Ihren Screenshots; reines HTML und CSS

So funktioniert es

1. 1
   ScreenshotsSie laden Screenshots Ihrer Seiten hoch, vom Computer und, wenn möglich, vom Handy
2. 2
   RedesignWir gestalten die Seite neu, zeichnen die Bilder und bauen sie
3. 3
   Vorschau und ArchivSie prüfen die neuen Seiten auf Ihrem eigenen Handy und einem Computer, bitten um Änderungen im Rahmen Ihres Pakets und laden das Archiv herunter

Was wir von Ihnen brauchen

Bis zu 5 Bilder als PNG, JPEG oder WebP: Screenshots Ihrer aktuellen Seiten vom Computer, wenn möglich eine ganze Seite pro Bild, scharf genug, um den Text zu lesen, dazu ein Handy-Screenshot der schlimmsten Stelle, falls vorhanden, und auf Wunsch Ihr Logo als separate Datei. Geben Sie an, welcher Screenshot welche Seite ist, was auf dem Handy am schwersten zu bedienen ist, was bleiben muss, Ihre Telefonnummer, Ihren Messenger und Ihre E-Mail für die Kontakt-Buttons und, falls vorhanden, eine Website, die Ihnen gefällt, als Hinweis für den Stil.

Wir fragen Sie:

• Welcher Screenshot ist welche Seite?
• Was ist auf dem Handy am schwersten zu bedienen?
• Was muss bleiben?
• Kontaktdaten für die Tipp-Buttons

Pakete vergleichen

Fragen und Antworten

Keine Antwort gefunden? Fragen Sie uns