Eine vielversprechende Antwort bei der zukünftigen Gestaltung von Websites heißt: Responsive Design. Im Kern lässt sich der Gedankengang hinter Responsive Design wie folgt Zusammenfassen:

Wenn die Anzahl unterschiedlicher Endgeräte zunimmt, gibt es nur eine ökonomische und ergonomische Konsequenz: die Benutzeroberfläche einer Website muss sich flexibel auf die Anforderungen des Endgerätes anpassen.

Das Ende der absoluten Kontrolle

Hinter dieser Antwort verbirgt sich ein radikaler Paradigmenwechsel im Webdesign. Designer von Benutzeroberflächen lieben in der Regel feste Rahmenbedingungen. Denn innerhalb von fest definierten Umgebungen lässt sich das Design und damit das Erscheinungsbild einer Website perfekt kontrollieren. Absolute Kontrolle ist bei vielen Grafikern geradezu ein zwanghafter Trieb. Dies resultiert in ein Designprinzip mit starren Rastern. Ein Prinzip, auf das seit Jahrtausenden unsere westliche Kunst und Grafik basiert. Eine feststehende Gestaltungsfläche wird über virtuelle Linien in ein harmonisches Flächensystem aufgeteilt – das Gestaltungsraster. Ein perfektioniertes Gestaltungssystem, angewandt von malenden Mönche bis zum neuzeitlichen Grafikdesigner. Das Raster gibt dem Gestalter seit Urzeiten Sicherheit: feste Regeln, absolute Kontrolle über Proportion und Harmonie.

Paradigmenwechsel Responsive Design

Hinter dem Begriff Responsive Design verbirgt sich daher eine kleine Revolution. Responsive Design ist das Ende der absoluten Kontrolle über feststehende Raster. Ein Blatt Papier hat eine feste Proportion. Dagegen sind die Proportionen von Bildschirmdisplays von Smartphones, Pads, PCs und Laptops höchst unterschiedlich. Ein Design mit festen Proportionen wird dieser Vielzahl digitaler Ausgabebedingungen nicht gerecht. Für Screendesigner bedeutet dies: verabschiedet euch vom Gedanken der absoluten Kontrolle über Proportion und Harmonie.

Responsive Design erfordert Denken ohne starre Grenzen

Wer sich mit Responsive Design beschäftigt muss daher zuerst die Barrieren im eigenen Denken überwinden: gutes Webdesign verhält sich interaktiv. Ändern sich die Spielregeln durch ein bestimmtes Endgerät so ändert sich das Design. In der digitalen Welt gibt es eben kein feststehendes A4 Format. Für viele Designer eine schwere Kost. Wer in festen Rastern denkt, kann mit relativen Umgebungen schlecht umgehen. Eine Hürde, die für manchen Designer unüberwindbar ist. Wer versucht für jede Möglichkeit eines Endgerätes eine optimale feststehende Oberfläche zu definieren wird scheitern. n unterschiedliche Endgeräte resultieren zwangsläufig in n unterschiedliche Designraster. Dies ist der ökonomische Overkill für Webdesign.

Ökonomisches und ergonomisches Webdesign

Responsive Design bietet eine mögliche Antwort zur Lösung dieses Dilemmas. Ein Designprinzip, dass eine möglichst optimale Annäherung der Gestaltung an flexible Rahmenbedingen sucht. Die Betonung liegt hierbei auf optimale Annäherung. Denn das Optimum wird dabei nur selten erreicht. Die Unwägbarkeit und der Umgang mit dem Suboptimalen wird zum Kern der Gestaltung. Tschüss feste Raster, tschüss Pixelvermesser, tschüss oldschool Design. Dafür herzlich Willkommen ihr Benutzer mit Laptop, PC, Netbook, Pad, iPhone, Blackberry und Android.

Prinzipien Responsive Design

Welche Kernprinzipien zeichnen Responsive Design aus? Meiner Meinung nach sind folgende Dinge zu beachten:

• Relative Bildschirmbreite: es gibt kein festes Maß für Displaybreiten, aber Schwellenwerte auf die Design annähernd optimal funktionieren soll, z.B. 800px, 1024px oder 1200px Breite. Das Design unter, zwischen oder über solchen Schwellenwerten interpoliert flexibel das Layout zum nächsten optimalen Schwellenwert.
• Flexible Raster statt starre Layouts: Layoutraster sollen sich proportional zur Auflösung verändern.
• Flexible Grafiken und Schriften: % Maßeinheiten ersetzen die absolute Einheit des Pixels. Dies gilt für alle Vermaßungen, insbesondere Grafiken, Schriften etc.
• Mobile ist nicht gleich PC: die Benutzeroberflächen für Touchdisplays erfordern geeignete Navigationselemente – reduziert auf das Wesentliche.

Beispiele für Responsive Design

Wie sieht Responsive Design in der Praxis aus? Anbei ein paar praktische Beispiele, die mir gut gefallen:

http://lapse.org/
http://www.barrelofmonkeys.org/
http://earthhour.fr/
http://calebacuity.us/

Einfach die Größe des Browserfensters verändern und beobachten, wie das Layout der Website dynamisch reagiert.

Viel Spaß beim Testen.

Ich wage zu behaupten: die Mehrzahl der Unternehmen im Maschinen- und Anlagenbau ist sich der wahren Bedeutung der eigenen Homepage nicht bewusst. Diese ist längst mehr als eine digitale Unternehmensbroschüre. So ist die Homepage das Informationsmedium Nummer 1, wenn es darum geht Informationen zu Lösungen und Produkten zu erhalten – noch bevor eine Anfrage per E-Mail oder Telefon erzeugt wird. Damit ist die eigene Homepage neben PR, Messen und Vertrieb die wichtigste Leadquelle – national und international.

SEO / SEM Strategien für Maschinen- und Anlagenbau

Suchmaschinen-Optimierung (SEO) im Maschinen- und Anlagenbau

Doch wie generiere ich nachhaltig Zugriffe auf die eigene Homepage? Neben konsequenter PR-Arbeit sollten Unternehmen kontinuierlich die Platzierung des eigenen Internet-Angebotes in Suchmaschinen im Auge behalten.

Was gehört zu einer erfolgreichen SEO Strategie?

1. Keyword-Analyse: Welche Schlüsselwörter sind relevant? Welche Schlüsselwörter werden wo und wie häufig gesucht?

2. Zielmarkt-Analyse: Welche Suchmaschinen sind für welche Zielmärkte relevant? In Europa und USA beispielsweise Google, in Russland Yandex und in China Baidu.

3. Wettbewerber-Analyse: Wo steht Ihr Unternehmen im Vergleich zu Wettbewerbern? Auf Basis der Keyword-Analyse werden die Suchmaschinen-Rankings in den jeweiligen Zielmärkten betrachtet. Die Performance der eigenen Seite, wird mit der Performance der Wettbewerber verglichen.

4. On-Site Maßnahmen: Was lässt sich auf der eigenen Webseite verbessern, um in Suchmaschinen sichtbarer zu werden? Dies sind technische und redaktionelle Maßnahmen.

5. Off-Site Maßnahmen: Was können Sie sonst verbessern, damit das Ranking besser wird? Dazu zählt der konsequente Aufbau von Backlinks und beispielsweise Aktivitäten auf Social Media Plattformen.

6. Suchmaschinen-Marketing (SEM): Was tun, wenn sich das Ranking im Vergleich zum Wettbewerb nicht verbessert? In diesem Fall gibt es zwei Dinge zu beachten: erstens einen langen Atem behalten – ist der Wettbewerb gut in SEO, dann dauert es eben länger diesen einzuholen. Und zweitens, bezahlte Anzeigen für Bereiche verwenden in denen das Ranking auf mittlere bis lange Sicht nicht natürlich zu verbessern ist.

Sie haben Fragen zu nationalen und internationalen SEO Maßnahmen? Gerne unterstützen wir Sie.

Unter dem Begriff „Alumni Management“ pflegen die meisten Hochschulen den Kontakt zu Absolventen und ehemaligen Studierenden. Der stetig wachsenden Nachfrage angepasst, hat sich die Stuttgarter Agentur echolot digital worx bundesweit als Experte für den Aufbau und Betrieb von Online-Communitys an Hochschulen etabliert. Einmal quer durch Deutschland - von Lüneburg über Kassel bis hin nach Pforzheim sind die neuen Kunden der Agentur angesiedelt.

„Ausschlaggebend ist, dass unsere Communitys und Datenbanken ausschließlich auf Open Source Software basieren. Damit können wir eine Community nahtlos in die Infrastruktur der Hochschule integrieren und dort betreiben. Alle Daten der Community-Nutzer verbleiben an der Hochschule und der Betrieb kann sehr genau von den Datenschutzbeauftragten kontrolliert werden“, erklärt Mirko Ross, Geschäftsführer bei echolot digital worx. „Gerade bei sozialen Netzwerken ist der sorgfältige Umgang mit Nutzungsdaten das A und O.“

Die Community-Software der Stuttgarter basiert auf dem erfolgreichen Content-Management-System TYPO3 mit einer optionalen Anbindung an CRM Software. Innerhalb der Community haben die Anwender einen ähnlichen Funktionsumfang wie in den bekannten großen sozialen Netzwerken. So können ehemalige Kommilitonen gesucht, Freundeslisten gepflegt oder Nachrichten veröffentlicht werden. Zudem gibt es spezielle Services für Akademiker, wie Jobbörsen und akademische Stellenvermittlungen.

Mit mehr als 384 Millionen Anwendern ist China weltweit der größte Online-Markt. Das Reich der Mitte zählt zum wichtigsten Exportmarkt für deutsche Unternehmen. Die Experten von echolot digital worx und sind für sie ein wichtiger Partner, weil sie sich auf dieses Thema spezialisiert haben. Angefangen bei technischen Fragen zum Hosting, über die Online-Redaktion bis hin zur Suchmaschinenoptimierung und Vermarktung von Webseiten im chinesischen Internet.

„Das Internet in China ist einfach anders. So spielt beispielsweise Google in China keine Rolle. Chinesen bevorzugen bei der Recherche im Internet die chinesische Suchmaschine Baidu. Dort müssen Internetangebote gut positioniert erscheinen“, weiß Yuanii Wang, Berater bei echolot digital worx.

Der gebürtige Chinese betreut im Stuttgarter Team zahlreiche Unternehmen, die sich im chinesischen Internet neu positionieren und ist ein Fachmann für Suchmaschinenoptimierung und -marketing in China. Er koordiniert und kontrolliert von Deutschland aus Online-Kampagnen im chinesischen Internet.

Während andere Ihr erstes Auto getuned haben, hast Du im Chip-Modding die Performance Deines PC um 300% gesteigert.

Während andere heute nur Aussichten auf einen tristen Job haben, zählst Du zur Elite im Informationszeitalter. Denn, Du bist ein Geek.

Wir suchen Dich!

Bei echolot digital worx, verstehen wir was Dich bewegt. Das verbindet. Gemeinsam können wir großartige Projekte realisieren.

Unser Team sucht Verstärkung:

Software Entwickler m/w

System Administrator m/w

BEWERBUNG AN

Bitte senden Sie per E-Mail Ihre schriftlichen Bewerbungsunterlagen (PDF) mit Lebenslauf und Lichtbild an:

echolot digital worx GmbH
Frau Sylvia Failenschmid
failenschmid@digital-worx.de

In unseren neuen Räume und im Verbund mit der echolot Gruppe. Heute ist die offizielle Einweihung der echolot digital worx GmbH. Eingeladen sind Freunde, Kunden und Partner.

Uhrzeit: ab 15.00 Uhr
Ort: Schulze-Delitzsch-Str. 16, 70565 Stuttgart

Deswegen gefällt es mir, wenn deutsche Hochschulen auf dem internationalen Parkett mit modernen Mitteln versuchen, den Staub von den Talaren zu fegen.

Meine eigene Hochschule hat nun auf Youtube ein Image Video für ausländische Interessenten veröffentlicht. Das finde ich großartig!

Nur schade, dass die Homepage der HfWU im Vergleich zum Video etwas dröge wirkt.

Alle unsere Server haben den Umzug gut überstanden und sind im neuen Serverraum eingezogen. Auch die Telefonanlage, hat sich überreden lassen und arbeitet nun unter einer neuen Rufnummer.

Ab sofort bitte unsere neuen Kontaktdaten beachten:

echolot digital worx GmbH
Schulze-Delitzsch-Str. 16
70565 Stuttgart

Tel. 0711 220 40 93 0
Fax. 0711 220 40 93 44

Die Experten für Online- und Mobil-Anwendungen erweitern nachhaltig das technologische Know-how der Stuttgarter Kommunikationsspezialisten. Annähernd 50 Mitarbeiter in den drei selbständigen Agenturen bieten nun den Kunden alle Vorteile und echten Full-Service unter einem Dach und haben sich zum Ziel gesetzt, im Kundeninteresse zukunftsweisende Lösungen im Bereich Klassik und Media, in der PR und im immer wichtigeren Online-Markt zu schaffen.

Die Kompetenzen von echolot digital worx sind vielfältig. Zum einen sind die Experten des Content-Management-Frameworks Typo 3 Marktführer im Bereich der Alumni-Portale, zum anderen verfügen sie über eine hohe Open-Source-Kompetenz. Dank ihrer internationalen Ausrichtung – das exklusive Produkt „Suchmaschinenoptimierung für den asiatischen Markt“, maßgeblich mitentwickelt durch asiatische Mitarbeiter, wird bereits sehr gut angenommen – treiben die neuen Kollegen die Internationalisierung der echolot-Gruppe voran. Aber auch die bestehenden „klassischen“ Kunden profitieren davon, egal, ob sie aus dem produzierenden Gewerbe, aus der Finanzwelt oder aus anderen Wirtschaftsbereichen kommen - denn internationale Handlungsfähigkeit und Vernetzung werden in der globalisierten Welt des 21. Jahrhunderts immer wichtiger.

Typisch für die drei eigenständig am Markt operierenden Agenturen ist der hohe Spezialisierungsgrad auf die jeweiligen Kernkompetenzen. Die drei Säulen der echolot-Gruppe, bestehend aus Werbeagentur, PR-Agentur und digital worx bilden folglich Synergien, die mehr denn je halten, was sie versprechen: Kommunikation, die tiefer geht.

Ein Jahr Entwicklungsfortschritt im Internet ist vergleichbar mit 10 Jahren in der analogen Realität. Unter diesem Gesichtspunkt hat Rahlfs+Ross Multimedia seit über 100 Jahren an der Entwicklung des Internets teilgenommen.

Für zukünftige Herausforderungen bereiten wir uns vor - mit neuer Infrastruktur und Ausrichtung. Die wichtigsten drei Neuerungen:

Neu im Kreis der Gesellschafter begrüßen wir Axel Wolfgang. Als langjähriger Markenstratege, Medienprofi und Inhaber der echolot Werbeagentur verstärkt er unser Unternehmen mit Rat und Tat.

Neu ist die Zugehörigkeit zur Marke echolot, die wir zukünftig auch im Firmennamen tragen werden.
Ab 1. Mai 2010 firmieren wir als echolot digital worx GmbH.

Neu ist unsere Anschrift ab 1. Mai:

echolot digital worx GmbH
Schulze-Delitzsch-Straße 16
70565 Stuttgart
Tel. 0711 2 20 40 93 0
Fax 0711 2 20 40 93 44
www.digital-worx.de

Trockenbauer, Elektriker und Glasbauer sind soweit mit Ihren Arbeiten fertig. Nun fehlt noch das wichtigste: das Netzwerk!

Hier ein kleiner Snapshot aus den neuen Räumen:

Bis Mai dokumentieren wir in unserem Blog, was sich verändert und welche neuen Perspektiven sich für unsere Kunden ergeben.

Neugierig geworden? Gut.