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: , , , , , , , ,
Optimierung der Webseite „Sourkrauts“ für mobile Geräte

Optimierung der Webseite „Sourkrauts“ für mobile Geräte

Nov 18

TonkBerlin erstellt aus einem Standard Magento-Design ein Resonsive Theme/Skin und entwickelt mit den Auto-Schraubern eine Mobile-Ansicht für schnelle Ladezeiten und bessere Darstellung auf iPod, iPhone und Co.

www.sourkrauts.de

Magento Mobile Skin & Theme Anpassung Redesign Sourkrauts

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: , , , , , , , , , , , , ,
Webseite für Schweizer „Online Mobile Video-Agentur“

Webseite für Schweizer „Online Mobile Video-Agentur“

Okt 19

Swissclick Webdesign

TonkBerlin setzt das eigene WordPress-Design technisch um.
Die Webseite ist responsive und funktioniert auf mobilen Endgeräten.

Specials: Mobile-Navigation, Isotope Anpassung von Kästen, Skeleton-Grundgerüst, Fancybox, Flexibler Slider (Flexslider), Google Font-Anbindung, Fixierte Hintergründe, Smoothscroll

www.swissclick.ch

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