06.05.2013
Rheingauer Wirtschaftsforum 2013
Details
26.04.2013
five cities project
Details
20.04.2013
AAA 2013: Rückblick auf die »lekkere Spießigkeit«
Details
19.04.2013
Review zum IHK-Workshop »Infotainment«
Details
10.04.2013
»Wie lekker es ist, spießig zu sein.«
Details
10.04.2013
Einladung zum IHK-Workshop »Infotainment«
Details
10.03.2013
Neuer Mann: Neumann.
Details
12.11.2012
Responsive Design – User-Experience auf allen Ausgabegeräten
Details
01.08.2012
Willkommen, Nicole Neubert!
Details
01.08.2012
Rheingauer Wirtschaftsforum 2012 – Gründungsveranstaltung
Details
08.06.2012
»Exhibit Nature & Explain Science« – Vortrag
Details
04.05.2012
Augenschmaus & Gaumenfreuden
Details
26.03.2012
We like it lekker!
Details
16.12.2011
Herzlichen Glückwunsch, Migrationsmuseum!
Details
09.12.2011
Zwischen Existenz und Exzellenz – Die Website
Details
28.11.2011
Impulsveranstaltung »Social Media«
Details
21.11.2011
ExpoTec Messestand auf der Exponatec Cologne
Details
10.11.2011
Nominiert für den MKN-Award 2011
Details
27.09.2011
Hoch hinaus
Details
14.09.2011
create-it-2011 / Mehrwert durch Design
Details
03.08.2011
Gelungene Kommunikation bewegt. Dialog berührt.
Details
02.08.2011
Zwischen Existenz und Exzellenz – Das Buch
Details
07.07.2011
How to GRIN
Details
18.03.2011
Designtage Wiesbaden – Access All Areas 2011
Details
04.03.2011
Die Sommerkollektion ist da
Details
29.11.2010
Auszeichnung beim Designpreis Rheinland-Pfalz
Details
07.11.2010
MfG Award 2010 – Mit freundlichen Grüßen
Details
15.09.2010
Beam them up!
Details
03.08.2010
Lekkerwerken-Newsletter
Details
29.06.2010
Lekkerwerken on OFFF
Details
10.06.2010
Architekturfolien im Onlineshop
Details
10.06.2010
Neue Horizonte auf ZDF-Wetterwissen
Details
09.06.2010
Designpreis Deutschland 2011: TechTower nominiert
Details
01.06.2010
22 x lekker in Rotterdam
Details
06.05.2010
»Secret Materials« für die Kommission
Details
20.04.2010
Neues Erscheinungsbild für Flatlift
Details
19.04.2010
Designtage... von süß bis deftig
Details
06.04.2010
Sonderausstellungen auf »Lebenswege«
Details
31.03.2010
Tag der offenen Tür... mit Geschmack!
Details
08.03.2010
»Im Prinzip können Sie mit mir nichts falsch machen«
Details
12.01.2010
Flughafen und Region im Dialog
Details
06.11.2009
Lekker werken für Hessens Straßen
Details
14.10.2009
Für Typo-Freunde...
Details
03.09.2009
Frisches Design für GRIN
Details
01.09.2009
Herzlich Willkommen, Kathleen!
Details
01.09.2009
Herzlich Willkommen, Carolin!
Details
10.07.2009
Web-Portal »Hessen Nachhaltig«
Details
01.07.2009
Buch-Neuerscheinung LogoLounge 5
Details
02.06.2009
Sternstunden mit dem ZDF
Details
18.05.2009
Auszeichnung bei den European Design Awards
Details
14.05.2009
Drei Nominierungen für Designpreis Deutschland
Details
28.04.2009
Schwerelose Gewinner
Details
23.04.2009
Blick hinter lekkere Kulissen
Details
14.04.2009
Wer forscht, gewinnt
Details
01.04.2009
Access 2009
Details
09.02.2009
EU-Workshop in Brüssel
Details
05.02.2009
Nanoreisen für Deutschland
Details
19.01.2009
Ausstellung im Designzentrum Ludwigshafen
Details
19.12.2008
Weisse Wipfel wünscht...
Details
18.12.2008
Santa Bowling
Details
14.11.2008
Auf dem Treppchen beim MFG Award
Details
12.11.2008
Auszeichnungen beim Designpreis Rheinland-Pfalz
Details
26.10.2008
»Face to Face« mit Alsta
Details
10.09.2008
ZhongDe unter »Besten Geschäftsberichten 2008«
Details
25.08.2008
Lekkerwerken in neuen Räumen
Details
15.07.2008
Alsta auf der »Design Annual«
Details
11.06.2008
1. Designer-Bowling-Turnier 2008
Details
06.06.2008
Lekkerwerken geht in die Luft
Details
20.05.2008
Neues vom Ideenpark
Details
14.04.2008
Access All Areas 2008
Details
19.02.2008
Werken in europäischer Mission
Details
28.09.2007
Arp Museum feierlich eröffnet
Details
31.07.2007
Drei Logos beim EULDA 2007
Details
19.07.2007
Bowling – Die Zweite
Details
02.07.2007
Orientierung für das Arp Museum
Details
06.06.2007
Auf zur OFFF
Details
12.03.2007
Olli an Bord
Details
26.02.2007
Bei der DAI wird jetzt gebloggt
Details
22.02.2007
1. Bowling-Training
Details
15.02.2007
Teamverstärkung
Details
10.01.2007
Feuer & Flamme im neuen Jahr
Details
18.12.2006
Hallali und Halligalli
Details
30.10.2006
Es ist ein Mädchen!
Details
22.09.2006
Nanoreisen unterwegs in Frankreich...
Details
04.09.2006
Goodbye Eva – Hallo Nadine
Details
25.08.2006
Zwei »winning logos« beim EULDA-Award 2006
Details
24.08.2006
Neuer Mann im Team!
Details
27.06.2006
Neu: Map24 Mobile Navigation
Details
08.06.2006
Deutsch-Afghanische Initiative bei CSS World Awards
Details
29.05.2006
I-KU tanzt in Hannover
Details
24.05.2006
Verstärkung von Übersee
Details
23.01.2006
Formen jenseits des Gefrierpunktes
Details
01.12.2005
Neues Edutainment-Projekt für den VDI / BMBF
Details
10.11.2005
Lekkerwerken unterwegs in Holland
Details
11.10.2005
Website Relaunch online!
Details
14.09.2005
Lekker werken wie Gott in Frankreich
Details
05.09.2005
Gold / iF communication design award 2005
Details
22.06.2005
Cannes Cyber Lions Award 2005 / Finalist
Details
07.06.2005
HSMA-Award 2005 / 1. Platz für InterCityHotel
Details
02.06.2005
Monstermücke auf der KinderMedienUni
Details
30.05.2005
Grimme Online Award 2005 / Nominierung
Details
12.11.2012

Immer mehr Benutzer sind mobil online – und das auf einer zunehmenden Vielfalt von Endgeräten, wie Smartphones (z.B. iPhone) und Tablets (z.B. iPad). Das stellt neue Anforderungen an das Webdesign, da jedes dieser Geräte andere Display-Größen hat und auch die Steuerung über Touch sich deutlich von den Desktop-Geräten unterscheidet, bei denen in der Regel noch mit Tastatur und Maus im Internet gesurft wird. Eine Möglichkeit, dieser Vielfalt an Ausgabegrößen gerecht zu werden, ist Responsive Design.
Warum Responsive Design
Hinter Responsive Design verbirgt sich u.a. die automatische Anpassung von Layout und Inhalte einer Website in Bezug auf die Browser-Größe, in der sie dargestellt werden. Bei fixen Web-Layouts, die z.B. für eine feste Größe von 1024 Pixeln Breite gelayoutet sind, werden die Inhalte auf mobilen Ausgabegeräten mit kleineren Browsern verkleinert dargestellt. Schlecht oder kaum lesbare Schrift sowie kleine Bilder sind die Konsequenz – sofern man nicht mittels Zoom die Ansicht ausschnittweise vergrößert.
Vorteile
Responsive Design versucht hier die Brücke zwischen den unterschiedlichen Ausgabegeräten (Desktop/Notebook, Tablet, Smartphones) zu schließen und für jeden Benutzer Inhalte jeweils optimal darzustellen. Technisch findet hierbei über die CSS Formatierung eine Abfrage der Größe des verwendeten Browsers statt.
Projekt-Beispiel SwissLuxuryClinic
Für den Markenauftritt des Haartransplantations-Spezialisten »SwissLuxuryClinic«, den wir mit Responisve Design realisiert haben, wurde die Darstellung der Inhalte für folgende Schlüssel-Auflösungen angepasst:
Die Anpassungen erstreckten sich dabei von unterschiedlichen Größen und Proportionen der Bilder im Kopfbereich über unterschiedliche Größen der Teaser bis hin zur Navigation, die auf größeren Browsern offen – bei kleineren zum Aufklappen angeboten wird. Durch Skalierung, Umbrechung und Maskierung haben wir so das reichhaltige Informationsangebot der Seite inhaltlich ungekürzt auf allen Ausgabegeräten zugänglich gemacht.

Beispiel Darstellung der Website auf iPhone /
320 Pixel Browser-Breite

Beispiel Darstellung der Website auf iPad /
768 Pixel Browser-Breite

Beispiel Darstellung der Website auf Desktop-Browser /
1024 Pixel Browser-Breite und größer
Weitere Infos
Link zur Website www.swissluxuryclinic.com
Weitere Beispiele für Seiten, die mit Responsive Design realisiert sind, finden Sie hier: www.mediaqueri.es