Mobilversion nach DesignLayout in HTML umsetzen

Ihr mobiles Design in HTML und CSS umgesetzt: eine Seite aus Ihren Handy-Screens, die sich auch auf Computern gut öffnet

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 mobiles Design in HTML und CSS umgesetzt: eine Seite aus Ihren Handy-Screens, die sich auch auf Computern gut öffnet

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

Ihr Design wurde zuerst für Handys gezeichnet, und Sie brauchen es als Seite, die sich in der Hand richtig anfühlt. Laden Sie Ihre mobilen Screens als Bilder hoch, und wir setzen sie in HTML und CSS um: dieselben Abschnitte in derselben Reihenfolge, Buttons, die groß genug zum Tippen sind, ein Menü, das sich wie in Ihrem Design öffnet, und echter Text, der auf den Bildschirm passt. Haben Sie auch Desktop-Screens, folgen wir ihnen; wenn nicht, verbreitern wir das Layout selbst für Tablets und Computer, und Sie prüfen es in der Vorschau. Fotos werden neu gezeichnet, sofern Sie sie nicht hochladen. Wir arbeiten mit Bildern, nicht mit Designdateien. Es ist eine Webseite, keine App, ohne Animationen, Backend oder 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.
  • Treu zu Ihren Handy-ScreensAbschnitte, Abstände, Farben und Schriftgrößen wie in Ihrem Design
  • Auch größere BildschirmeIhr Desktop-Design oder ein breiteres Layout aus dem mobilen
  • Leicht zu tippenButtons, Links und Menü für Touch bemessen
  • Echter TextÜberschriften und Absätze als HTML, das Suchmaschinen lesen
  • Sauberer CodeReines HTML und CSS, keine Frameworks, nichts von anderen Websites geladen

So funktioniert es

  1. 1
    HochladenSie laden Ihre Handy-Screens hoch und sagen, wie sich das Menü öffnet
  2. 2
    UmsetzungWir bauen die Seite für Handys und verbreitern sie für größere Bildschirme
  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 Ihrem Design-Tool exportierten Handy-Screens, eine Seite oder ein hoher Screen pro Datei, Desktop-Screens, falls vorhanden, und auf Wunsch Ihr Logo und Fotos zur unveränderten Verwendung. Geben Sie an, welche Datei welche Seite ist, wie sich das Menü öffnen soll und wohin jeder Button führt; auf Handys können Buttons eine Nummer anrufen oder WhatsApp öffnen.

Wir fragen Sie:

  • Welche Datei ist welche Seite?
  • Haben Sie auch Desktop-Screens?
  • Wie öffnet sich das Menü?
  • Wohin führen die Buttons?
  • Gehört das Design Ihnen?

Pakete vergleichen

Basis1 mobile Seite, bis zu 5 Abschnitte19 €Standard1 mobile Seite, bis zu 10 Abschnitte35 €PremiumBis zu 3 mobile Seiten60 €
Lieferzeit1 Tag2 Tage3 Tage
Überarbeitungen123
Seiten113
Abschnittebis zu 5bis zu 10bis zu 8 pro Seite
Illustrationen für die Seite24—
MobilversionJaJaJa
Umgesetzt ausIhren Handy-ScreensIhren Handy-ScreensIhren Handy-Screens
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

Ist das eine mobile App?

Nein, es ist eine Webseite, die sich im Browser des Handys öffnet. Sie wird nicht aus einem App Store installiert und sendet keine Push-Benachrichtigungen.

Ich habe nur Handy-Screens. Was zeigt ein Computer?

Wir verbreitern das Layout: Der Inhalt bekommt eine angenehme Breite, Spalten können nebeneinander stehen, und das Menü klappt sich auf. Sie sehen es in der Vorschau und können um Änderungen bitten.

Können Buttons anrufen oder einen Messenger öffnen?

Ja: Ein Button kann eine Nummer anrufen, WhatsApp oder einen anderen Messenger öffnen oder eine E-Mail schreiben. Formulare können nichts senden, da es keinen Server gibt.

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.

Können Sie meine Designdatei öffnen?

Nein, exportieren Sie die Screens als Bilder: Wir können keine Figma-, Sketch-, XD- oder PSD-Dateien oder Links öffnen.

Keine Antwort gefunden?

Alle Leistungen in Entwicklung & IT

Mehr in Entwicklung & IT

Bestellen · 35 €· ~15 Min.