Was Kunden sagen:

 
… Ebenso sicher bin ich mir, dass Sie Ihr Können und Ihren Enthusiasmus für wirklich schöne Internet-Auftritte auch für viele, viele weitere Kunden nutzbar machen werden. Dabei wünsche ich Ihnen und Ihren Kunden viel Erfolg! …

Christopher Riedel

 
… Was war das dann für ein unbeschreibliches Gefühl, den ersten Entwurf der Website von Ihnen präsentiert zu bekommen! - Der 1. Entwurf ..., der genau das traf, was es sein sollte! …

Silvia Josephi

 
… Besonders möchte ich Ihr Engagement in diesem Prozess unterstreichen.… Sie haben sich die notwendige Zeit genommen (und das war nicht wenig!) um meine Vorstellungen, meine Zielgruppe und was ich von mir sagen wollte ganz genau herauszufinden und entsprechend meinen Wünschen zu realisieren. …

Christophe Lascombes

 
… Uwe fulfilled all of our whishes and got beyond. He is resourceful and creative and suprised us with fine new concepts and ideas. We loved his creativity, but also his work attitude. He works quick, efficient and he takes responsibilities. …

Anna Jacobs


… With the materials prepared for me by eyelikeit - visual solutions, I have had an increase in my concert opportunities and my firm, Pamela Coats Concerts, is internationally recognized. …

Pamela Coats

… Sie haben meine Wünsche und Professionalität im Detail verstanden und exzellent umgesetzt. …

Elke Dreier

… The [ ] site is AWESOME.  It is so easy to find what we are looking for. …

Tracy Stevens

… Besonders gut gefallen hat mir, dass Sie sehr aufmerksam zuhören …

Andrea Alvermann

… Ich bedanke mich bei Ihnen für Ihre immer vielseitige Hilfs-
bereitschaft und Unterstützung für den Fortschritt meines künstlerischen Weges. …

Cecily Park

eyelikeit - visual solutions | Webdesign Düsseldorf
Rufen Sie unverbindlich an: 0211.5579112

Responsive Webdesign - eine Kunst für sich …

Webdesign für iPhone, iPad ... Responsive Webdesign: eine Alternative zur App


iPhone-P-L-start_1200x1200.jpg

Mobile Geräte wie Smartphones und Tablets für das Surfen im Internet werden seit der Erfindung des iPhone ständig wichtiger. Ein Webdesign, das für einen größeren Bildschirm entworfen und entwickelt wurde, funktioniert insbesondere auf kleineren Smartphone-Bildschirmen oft nicht so gut. Wie also bedient man mobile Geräte?

Grundsätzlich gibt es nun zwei Möglichkeiten: entweder man programmiert eine native App oder man kreiert ein sogenanntes "Responsive Webdesign", also spezielle Webseiten für die mobilen Endgeräte. Eine nativen App zu programmieren macht dann Sinn, wenn man die Sensoren des Gerätes, z.B. GPS, Kamera usw., nutzen will. Weitere Vorteile sind, dass, einmal heruntergeladen, die Inhalte einfach zu nutzen sind und dass die Inhalte auch offline zur Verfügung stehen. Die Vorteile eines Responsive Webdesign - also einer normalen Website mit speziell angepassten Layouts für mobile Geräte - liegen darin, dass sie einfacher und preiswerter zu programmieren sind (und auch nicht durch die Prozeduren des App-Store-Genehmigungsverfahrens müssen), dass die Besucher der Website nichts extra herunterladen müssen und dass die Inhalte für alle Plattformen zentral durch das Content Management System bereitgestellt und auch upgedated werden.

Die Inhaberin und Geschäftsführerin von Traumkleid - Braut- und Abendmoden hat diese Herausforderung ihrer mobilen Kundschaft angenommen und sich für Responsive Webdesign. Laut Web-Statistik rufen inzwischen mehr als ein Viertel der Besucher ihrer Website die Seiten auf mobilen Geräten auf - das sind mehr als 1.600 Besuche im Monat! 1.600 Gründe, das Webdesign für mobile Geräte, insbesondere die iOS-Familie zu optimieren!

Die Anpassung passiert in 3 Schritten:

1. Entwerfen der Layouts.


Es muss überlegt werden, wie die Inhalte der jeweiligen Seiten am Besten auf welchem Bildschirm darzustellen sind - dies ist die verantwortungsvollste Aufgabe dabei. Hier die wichtigsten Screens für das iPhone im Hochformat:

Hier haben wir eigene Layouts für mobile Endgeräte entwickelt (die funktionieren natürlich auch auf den Android- und Windows-basierenden Verwandten):

  1. iPhone Hochformat
  2. iPhone Querformat
  3. iPad Hochformat
  4. iPad Querformat

2. Die Layouts werden programmiert.


Die Layouts werden so programmiert, dass automatisch erkannt wird, auf welchem Gerät die Webseite aufgerufen wird und wie das Gerät gehalten wird - im Hoch- oder Querformat. Die Website wird dann automatisch im passenden Layout bereitgestellt.

3. Button für Homescreen.


homeButton_160x160.jpg

Es wird ein Button für den Homescreen in 3 verschiedenen Größen hinterlegt (größte Auflösung für iPhone 4, 4S und iPod Touch 4. Generation, die nächst kleiner für iPad und iPad 2 sowie eine für restliche Geräte).

Wenn man auf den geschwungenen Pfeil am unteren Bildschirmrand clickt und dann den Button "zum Homebildschirm" klickt, erscheint ein Button auf dem Homebildschirm, der die Website wie ein App startet.

Orignal-Website www.traumkleid.com


traumkleid_01_mirror-center.jpg
Startseite der Website von Traumkleid www.traumkleid.com