Webflow-Startseiten-Mock-upNach Vorlage

Startseiten-Mock-up im Stil Ihrer Webflow-Vorlage

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.

Startseiten-Mock-up im Stil Ihrer Webflow-Vorlage

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

Webflow-Vorlagen setzen oft auf kräftige Typografie, großzügige Abstände und Scroll-Animationen, und eine davon an Ihr Geschäft anzupassen fällt leichter, wenn Sie die fertige Startseite vorher sehen. Laden Sie einen Screenshot Ihrer Webflow-Website oder einer Vorlage hoch, die Ihnen gefällt, und wir zeichnen eine neue Startseite in diesem Stil, mit Navbar, Hero, einem Feature-Raster, CMS-artigen Karten für Beiträge oder Projekte, einem Call-to-Action-Band und Footer; Sie erhalten ein statisches PNG-Bild, kein Webflow-Projekt, kein Cloneable, keine Komponente und keinen exportierten Code, und Animationen werden nicht gezeigt. Jedes Bild entsteht aus einem Ihrer Screenshots mit etwa 1,5 Megapixeln in dessen Format, breit aus einer Desktop-Aufnahme und hoch aus einer Aufnahme von Smartphone oder hochkant gehaltenem Tablet.

Was enthalten ist

  • Das bekommen SieSie erhalten 1, 3 oder 5 statische PNG-Mock-ups Ihrer Webflow-Startseite an den Breakpoints Ihrer Wahl, im Stil Ihres Screenshots neu gezeichnet. Abstände, Typografie und Farben bleiben erhalten, während sich kleine Icons und Logos leicht verändern können.
  • Navbar und HeroEine große Überschrift, eine kurze Zeile und ein oder zwei Buttons
  • Feature- oder LeistungsrasterIcons und kurze Überschriften im Stil der Vorlage
  • CMS-artige KartenBeiträge, Projekte oder Teamkarten als wiederholte Liste
  • CTA-Band und FooterEin abschließender Call-to-Action und Linkspalten
  • Breakpoint-AnsichtenDesktop, Tablet oder Smartphone, aus einem Screenshot in dieser Größe

So funktioniert es

  1. 1
    VorlageSie laden Ihre Webflow-Website oder Vorlage hoch und nennen die Abschnitte
  2. 2
    StartseiteWir zeichnen die Startseite mit ihrer Typografie, ihren Abständen und Farben
  3. 3
    ÜberarbeitungenSie prüfen sie und bitten um Änderungen im Rahmen Ihres Pakets

Was wir von Ihnen brauchen

Bis zu 5 scharfe Screenshots als PNG, JPEG oder WebP (kein PDF), mit je einem Bildschirm: Ihre Webflow-Website oder eine Vorlage, die Ihnen gefällt, in der benötigten Bildschirmgröße. Nennen Sie die Abschnitte in Reihenfolge, schreiben Sie Überschriften und Buttons exakt oder wünschen Sie Platzhaltertext, und vermerken Sie Elemente, die auf der Live-Website animiert sein sollen. Wenn Sie weniger Screenshots senden, als Ihr Paket umfasst, sind die zusätzlichen Bilder weitere Varianten aus derselben Datei. Senden Sie nur Dateien, die Sie verwenden dürfen; wir erstellen keine Urkunden oder amtlichen Dokumente nach.

Wir fragen Sie:

  • Ist der Screenshot Ihre Webflow-Website oder eine Vorlage, die Ihnen gefällt?
  • Welche Abschnitte soll die Startseite haben, in welcher Reihenfolge?
  • Welche Überschriften und Buttons soll sie zeigen?
  • Welche Bildschirmgrößen brauchen Sie?

Pakete vergleichen

Basis1 Startseiten-Bildschirm9 €Standard3 Mock-ups20 €Premium5 Mock-ups35 €
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

Kann ich das Mock-up in Webflow importieren?

Nein. Es ist ein PNG-Bild, kein Webflow-Projekt, kein Cloneable, keine Komponente und kein HTML- und CSS-Export, und wir greifen nie auf Ihr Webflow-Konto zu. Sie oder Ihr Entwickler bauen es in Webflow mit Ihren eigenen Klassen und CMS-Collections nach.

Zeigen Sie die Scroll-Animationen?

Ein Mock-up ist ein statisches Bild, Interaktionen und Hover-Effekte werden also nicht gezeigt. Wenn sich ein Element bewegen soll, schreiben Sie es ins Briefing, und wir lassen Platz dafür; die Animation selbst wird in Webflow eingerichtet.

Können Sie die CMS-Karten mit meinen Beiträgen füllen?

Karten können kurze Titel tragen, die Sie senden, etwa drei Projektnamen; der Rest sind Platzhalterzeilen und Platzhalterbilder. Kleine Schrift kann unvollkommen ausfallen, und Sprachen mit lateinischer Schrift funktionieren am besten, prüfen Sie also jeden Titel und bitten Sie bei Bedarf um eine Überarbeitung.

Was lassen Sie weg?

Wir lassen die Beispielmarke, Texte und Bilder der Vorlage weg und fügen keinen „Trusted by“-Streifen mit Logos anderer Unternehmen, keine gefälschten Bewertungen und keine Ratings hinzu. Das Bild wird neu gezeichnet, daher können sich Ihr Logo und kleine Icons leicht verändern.

Keine Antwort gefunden?

Alle Leistungen in Neues Design

Mehr in Neues Design

Verwandte Bereiche

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