Mobile-Anpassungen für bestehendes WordPress-Skin für “Fitness-Coach Ben Sattinger”

Mobile-Anpassungen für bestehendes WordPress-Skin für “Fitness-Coach Ben Sattinger”

Jul 07

Fitness-Coach Personal-Training-muskelaufbauplan Trainingsplan Ernährungsplan Online

Nach einer Mobile-Optimierung wurde die Webseite auf mobilen Geräten in einer mobilen, „abgespeckten“, aufgeräumten Ansicht angezeigt. Ohne diese Optimierung sehen Webseiten auf einem Smartphone oder Tablet genau so aus, wie auf einem großen Bildschirm, nur ist in dem Fall der Bildschirm mehr als deutlich kleiner. Das hat zur Folge, dass man auf dem kleineren Gerät ständig rein und raus zoomen und scrollen muss, oder Schaltflächen nicht richtig trifft und sich generell nur schwer zurechtfindet.

Im Zuge der Optimierung hat TonkBerlin für die Webseite ein sogenanntes Grid angelegt, was sozusagen eine Art Matrix ist, in der sich der Inhalt der Webseite strukturiert anordnet.
Die Webseite hält sich nun nicht mehr an feste Pixelgrößen, sondern legt sich stets über 100% der vorhandenen Breite (bis zu einer maximalen Breite von etwa 1200px, danach mittig ausgerichtet) und ist somit sehr flexibel.

Ab einer Bildschirmbreite von 767 Pixel (entspricht handelsüblichen Tablets im Querformat) beginnt die Webseite Inhalte auszutauschen und neu zu strukturieren. So wird aus dem traditionellen, ausgeschriebenen Menü in der oberen Leiste eine „minimierte“ Version, bei der man nur noch einen Menüknopf sieht, der erst auf Klick die Menüpunkte anzeigt. Das spart natürlich auf einem kleinen Bildschirm jede Menge Platz und ist übersichtlicher. Inhalte wie Slider strukturieren sich ebenso flexibel neu, um eine gute Mischung aus Lesbarkeit und geringer Größe zu gewährleisten.

Google wertet im übrigen unoptimierte Seiten ab.
Siehe www.channelpartner.de/a/ab-21-april-google-wertet-nicht-mobile-webseiten-ab,3044508
Test: www.google.com/webmasters/tools/mobile-friendly/
Gutes Erklär-Video: https://www.youtube.com/watch?v=gfz7N5iIHsc

Zur optimierten Webseite:
Ernährungsplan und Muskelaufbau-Plan online erstellen lassen von Ben Sattinger

Schlagwörter: , , , , , , , ,
App-Design für „Freizeit- und Wohnausbau“ in Thun, Schweiz

App-Design für „Freizeit- und Wohnausbau“ in Thun, Schweiz

Apr 15

TonkBerlin gestaltet die App für den Schweizer Wohnungsbauer „rexmax“ in Thun.
Auftraggeber: Swissclick, Schweiz

iPhone Rexmax Gestaltung Mobile



Rexmax App in iTunes ansehen

Schlagwörter: , , , , , , , , , , , , ,