Auf dem Desktop gut – auf dem Handy noch nicht?
Viele Seiten sehen am großen Bildschirm ordentlich aus und wirken auf dem Smartphone plötzlich:
- zu breit
- zu eng
- zu lang
- verschoben
- unübersichtlich
- schwer bedienbar
Mit diesem Paket optimiere ich einen klar abgegrenzten Bereich deiner bestehenden WordPress- oder WooCommerce-Seite für kleinere Bildschirmgrößen.
Das kann zum Beispiel sein:
- Startseite
- Produktseite
- Kategorieseite
- Header
- Footer
- ein bestimmter Abschnitt
Das ist enthalten
Je nach Ausgangslage kann ich unter anderem anpassen:
- Abstände
- Schriftgrößen
- Zeilenumbrüche
- Spalten
- Reihenfolge von Elementen
- Button-Größen
- Bildgrößen
- Kartenbreiten
- Menü-Darstellung
- Produktgitter
- Ausrichtung
- horizontales Überlaufen
- zu große Leerflächen
- grundlegende mobile Lesbarkeit
Beispiel
Auf dem Desktop:
4 Produktkarten nebeneinander
Auf dem Smartphone:
eine riesige Produktkarte pro Zeile.
Wenn es zum Shop passt, kann die mobile Darstellung beispielsweise auf 2 Spalten angepasst werden.
Oder:
Ein Hero hat auf dem Desktop zwei Spalten.
Auf dem Handy werden Bild und Text so angeordnet, dass die Seite weiterhin klar und lesbar bleibt.
Was bedeutet „ein Bereich“?
Dieses Paket ist bewusst als günstige Einzelleistung gedacht.
Ein Bereich kann zum Beispiel sein:
die Startseite
oder
das WooCommerce-Produktseiten-Template
oder
die Kategorieseite
oder
Header + mobiles Menü
Nicht enthalten ist automatisch die vollständige mobile Überarbeitung einer sehr großen Website mit vielen individuell aufgebauten Seiten.
Typische Probleme, die ich korrigieren kann
Zum Beispiel:
- Text läuft über den Bildschirmrand
- Buttons sind zu breit
- Überschriften sind auf Mobile viel zu groß
- Produktkarten wirken unruhig
- Abstände sind riesig
- Spalten brechen ungünstig um
- Bilder sind zu groß
- Menü funktioniert schlecht
- Elemente überlappen
- Inhalte stehen in der falschen Reihenfolge
- horizontales Scrollen entsteht
- wichtige Elemente sind schwer anklickbar
- WooCommerce-Produkte werden ungünstig dargestellt
WooCommerce
Bei einem WooCommerce-Bereich können je nach gewählter Seite zum Beispiel angepasst werden:
- Produktkarten
- Produktgitter
- Preis
- Warenkorb-Button
- Produktbilder
- Variantenfelder
- Kategorieansicht
- Filterposition
- Abstände
- Checkout-Darstellung
Das Paket gilt jedoch jeweils für den vorher abgestimmten Bereich.
Was du mir zur Verfügung stellst
Benötigt werden:
- URL deiner Website
- WordPress-Zugang
- kurze Beschreibung des Problems
- Angabe, welcher Bereich optimiert werden soll
- idealerweise Screenshots vom Smartphone
Besonders hilfreich:
„Hier ist es zu groß.“
„Das soll auf Mobile zweispaltig sein.“
„Der Button liegt über dem Text.“
Je genauer das Problem beschrieben ist, desto gezielter kann ich arbeiten.
Was nicht enthalten ist
Nicht Bestandteil dieses Pakets sind:
- komplette mobile Überarbeitung einer umfangreichen Website
- vollständiger Website-Relaunch
- mehrere komplett unterschiedliche Seitentemplates
- aufwendige Sonderprogrammierung
- komplexe JavaScript-Probleme
- neue Funktionen
- komplette Theme-Entwicklung
- umfangreiche Checkout-Neuentwicklung
- Fehler, die durch größere Plugin-Konflikte entstehen
- individuelle App-Optimierung
Wenn sich bei der Prüfung herausstellt, dass die Probleme deutlich umfangreicher sind, wird das vorher abgestimmt.
Was passiert, wenn mehrere Bereiche betroffen sind?
Wenn zum Beispiel:
- Startseite
- Produktseiten
- Kategorien
- Checkout
- Kundenkonto
alle separat umfangreich überarbeitet werden müssen, reicht ein einzelnes 79-€-Paket gegebenenfalls nicht aus.
Dann bekommst du vor Beginn eine klare Einschätzung zum tatsächlichen Umfang.
Für wen eignet sich dieses Paket?
Geeignet für:
- WordPress-Websites
- WooCommerce-Shops
- bestehende Seiten mit mobiler Schwäche
- Shops, die auf Desktop gut funktionieren
- Betreiber, die keinen kompletten Relaunch benötigen
- einzelne Seiten oder Templates, die auf dem Smartphone schlecht aussehen
So läuft es ab
1. Leistung bestellen
Du buchst die mobile Optimierung direkt über SMITP.
2. Problem zeigen
Du teilst mir den betroffenen Bereich mit und sendest idealerweise Screenshots.
3. Prüfung
Ich prüfe den vorhandenen Aufbau.
4. Mobile Anpassung
Die vereinbarten Darstellungsprobleme werden korrigiert.
5. Kontrolle
Der Bereich wird auf typischen kleineren Bildschirmgrößen geprüft.
6. Abschluss
Du bekommst Bescheid, sobald die Optimierung abgeschlossen ist.