Vom Desktop aufs SmartphoneNach Vorlage

Mobile Version Ihrer Website aus einem Desktop-Screenshot

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 · 20 €

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

Mobile Version Ihrer Website aus einem Desktop-Screenshot

Beispielergebnis

Beispiel für das Standard-Paket

Mobilversion einer Bäckerei-Website nach einem Desktop-Screenshot

Vorher: die Desktop-Startseite

Der Desktop-Screenshot

Nachher: der Handybildschirm

Das Mock-up der mobilen Startseite

Datei: PNG-Mock-up, etwa 1,5 Megapixel. Ein Bild des Designs für den Entwickler des Kunden, kein HTML-Code und keine Figma-Datei.

Kunde: Crumb & Kettle, eine Bäckerei in der Nachbarschaft. Aufgabe: zeigen, wie ihre Startseite auf dem Handy aussehen soll – mit den Schriften, Farben, dem Button und den Fotos der Desktop-Website.

Kunde und alle Angaben sind erfunden.

Über diese Leistung

Eine Desktop-Seite mit drei Spalten, einem breiten Menü und nebeneinanderliegenden Blöcken lässt sich nicht einfach auf ein Smartphone verkleinern: Die Spalten müssen untereinanderrücken, das Menü klappt sich in einen Menü-Button ein, und Buttons werden groß genug, um sie mit dem Daumen zu tippen. Laden Sie einen Screenshot Ihrer Desktop-Seite hoch, und wir zeichnen, wie dieselbe Seite auf einem Smartphone aussehen könnte, mit Ihren Farben, Schriften und der Reihenfolge Ihrer Blöcke, sodass Ihr Entwickler das Ziel sieht, bevor er den Code anfasst. Jedes Bild entsteht aus einem Ihrer Screenshots und ist immer ein hochkant ausgerichtetes PNG-Mock-up im Format 2:3 mit etwa 1,5 Megapixeln (etwa 1024 x 1536 Pixel), unabhängig vom Format des Uploads, sodass selbst ein breiter Desktop-Screenshot zu einem Smartphone-Bildschirm wird; Sie erhalten ein Bild, keinen Code und keine Figma-Datei.

Was enthalten ist

  • Das bekommen SieSie erhalten 1, 3 oder 5 hochkant ausgerichtete PNG-Mock-ups Ihrer Desktop-Seiten, neu gezeichnet für das Smartphone, mit je etwa 1,5 Megapixeln. Wenn Sie weniger Screenshots senden, als das Paket umfasst, zeigen die zusätzlichen Bilder mehr von derselben Seite, etwa die unteren Blöcke oder das geöffnete Menü.
  • Eine Spalte fürs SmartphoneNebeneinanderliegende Blöcke von oben nach unten in klarer Reihenfolge angeordnet
  • Menü-ButtonIhre breite Navigation als Menü-Symbol im Kopfbereich zusammengefasst
  • Daumengroße ButtonsButtons und Links groß genug zum Tippen statt winziger Desktop-Links
  • Ihr Look bleibtFarben, Schriften und Abstände aus Ihrem Desktop-Screenshot übernommen
  • Eine Vorlage für Ihren EntwicklerEin klares Smartphone-Layout als Grundlage für die responsive Version

So funktioniert es

  1. 1
    Desktop-ScreenshotSie laden die Seite hoch und sagen, welche Blöcke auf dem Smartphone am wichtigsten sind
  2. 2
    Smartphone-LayoutWir ordnen die Seite in einer Spalte in Ihren Farben und Schriften neu an
  3. 3
    PNG und ÜberarbeitungenSie vergleichen mit der Desktop-Version und bitten um Änderungen im Rahmen Ihres Pakets

Was wir von Ihnen brauchen

Bis zu 5 scharfe Screenshots Ihrer Desktop-Seiten als PNG, JPEG oder WebP (kein PDF), eine Seite pro Datei, von einer Website, die Sie verwenden dürfen. Sagen Sie uns für jede, welche Blöcke auf dem Smartphone zuerst kommen müssen, welche entfallen oder eingeklappt werden können, und nennen Sie Überschriften und Button-Beschriftungen genau so, wie sie lauten sollen. Bei einer langen Seite senden Sie den benötigten Teil oder verteilen ihn auf mehrere Mock-ups.

Wir fragen Sie:

  • Welche Desktop-Seiten sollen zu Smartphone-Bildschirmen werden?
  • Welche Blöcke müssen auf dem Smartphone oben bleiben?
  • Was kann mobil ausgeblendet oder gekürzt werden?
  • Welche Überschriften und Buttons sollen erscheinen?

Pakete vergleichen

Basis1 mobiler Bildschirm9 €Standard3 mobile Bildschirme20 €Premium5 mobile Bildschirme35 €
Lieferzeit1 Tag1 Tag2 Tage
Überarbeitungen123
Mock-ups135
FormatPNGPNGPNG
Bildschirmenach Wahlnach Wahlnach Wahl
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

Mein Screenshot ist breit. Wird das Ergebnis auch breit?

Nein. In diesem Angebot ist jedes Bild ein hochkant ausgerichteter Smartphone-Bildschirm im Format 2:3 mit etwa 1024 x 1536 Pixeln, unabhängig vom Format Ihres Uploads, sodass ein breiter Desktop-Screenshot als hohe mobile Seite neu gezeichnet wird. Eine sehr lange Seite passt nicht im Detail auf einen Smartphone-Bildschirm und wird daher kompakt dargestellt; teilen Sie sie auf mehrere Mock-ups auf, um jeden Teil zu sehen.

Wird meine Website dadurch responsiv?

Nicht von selbst. Sie erhalten PNG-Bilder des Smartphone-Layouts, keinen HTML- oder CSS-Code, keine Figma- oder XD-Datei und keine Theme-Einstellung. Sie oder Ihr Entwickler bauen die Seite nach dem Bild um; prüfen Sie bei Shopify, WordPress, Wix, Squarespace oder Webflow, was die mobilen Einstellungen Ihres Themes derzeit erlauben, denn wir ändern nichts an Ihrer Website.

Stimmt der Text mit meiner Desktop-Seite überein?

Die Überschriften und Button-Beschriftungen, die Sie uns geben, werden ins Bild gezeichnet, halten Sie sie also kurz; Fließtext erscheint als Platzhalterzeilen. Das Bild wird neu gezeichnet, daher können kleiner Text, Symbole, Schriften und Ihr Logo leicht abweichen oder unvollkommen ausfallen, und Sprachen mit lateinischer Schrift werden am saubersten dargestellt. Prüfen Sie jedes Wort und bitten Sie um eine Überarbeitung.

Kann ich statt meiner eigenen eine Website senden, die mir gefällt?

Sie können Ihre eigene Website senden oder ein Beispiel, das Ihnen gefällt, mit Ihren eigenen Inhalten im Briefing. Ein Beispiel von Dritten dient nur als Stilvorlage, nie für dessen Logo, Texte oder Bilder, und wir setzen keine Logos anderer Marken auf den Bildschirm. Wir bilden keine Dokumente, Zertifikate oder amtlichen Formulare nach und fügen keine gefälschten Rezensionen, Bewertungen oder Auszeichnungen hinzu.

Keine Antwort gefunden?

Alle Leistungen in Mobile Website

Mehr in Mobile Website

Verwandte Bereiche

Von Grund auf
Bestellen · 20 €· ~15 Min.