... Webdesign mit HTML5 & CSS3 - To Bring HTML5 Alive!

Webdesign mit HTML5 & CSS3 ...
... to bring HTML5 Alive!

webdesign / screendesign

Send EmailUm die Basis für ein gutes Webkonzept zu schaffen, analysieren wir die Anforderungen ihres Projektes sehr sorgfältig..

Durch strukturierte Herangehensweise bei Konzeption, Design und Inhaltsgestaltung schaffen wir die Vorraussetzung für eine erfolgreiche Umsetzung ihrer Website.


Konzeption und Design von Webseiten

  • Wir erarbeiten mit ihnen gemeinsam das Konzept ihrer Webseite hinsichtlich Inhalt, Benutzerführung, grafischer Gestaltung und Funktion und entwerfen pixelgenaue Screendesigns mit Adobe Photoshop oder Illustrator.
  • Bei einfachen Webseiten liefern wir mit einigen Screen-Entwürfen ein fast genaues Abbild ihrer Website, bei komplexeren Webseiten gestalten wir entsprechende „Dummys” für die massgeblichsten Situationen des Projekts.

Webdesign mit HTML5 / CSS3, Layout & Template Gestaltung

  • Mit sauberer CSS Formatierung und entsprechend codiertem HTML Layout können wir ihre Webseite für die Darstellung in sämtlichen gebräuchlichen Browsern optimieren. Bei komplexeren Websites ist der Einsatz diverser Technologien technisch oft nicht für alle Browser möglich und erfordert eine sorgfältige Abwägung während der Entwicklung.
  • Sauber ausgezeichnetes HTML garantiert einen überblickbaren Anhaltspunkt für die korrekte Darstellung in den gebräuchlichen Browsern. Die Handhabung von Darstellungsfehlern bei älteren Browser-Versionen ist jedoch meist problematisch, wodurch sich entweder der Verzicht auf spezielles CSS Design und damit notwendige Browser-Hacks, oder die Fokusierung auf moderne Browser empfiehlt.
  • Mit optmiertem CSS Design achten wir besonders auf eine möglichst einfache und strukturierte Auszeichnung. Die Vorteile der Trennung zwischen HTML Markup, Inhalt und Design schöpfen wir dabei voll aus, sodass wir Webdesign und Funktion weitgehend von einander unabhängig entwickeln können. Damit erzielen wir eine einfache Handhabung des Layouts und garantieren damit auch einfache Möglichkeiten für Erweiterungen oder Änderungen.
  • Webdesign mit HTML5 & CSS3 unter Einsatz neuer HTML5 Multimedia-Tags zur Darstellung von Sound-& Video-Dateien und die Verwendung neuer HTML5 Struktur-Elemente ermöglichen neue Ansätze zur Code-Optmierung und neue Standards zur Darstellung in mobilen Browsern und Endgeräten. Die enormen Möglichkeiten neuer CSS3 Eigenschaften lassen vor allem in Kombination mit JavaScript erstaunliche Ergebnisse zu.
  • Für Neuentwicklungen bevorzugen wir die Kombination HTML5 / CSS3 / jQuery und empfehlen ausserdem Webseiten für die Darstellung mit „Modernen Browsern” zu optmieren. Für die Einbindung von Videos verwenden wir u.a. die bereits HTML5 kompatiblen Player von projekktor.com und JW Player.

Suchmaschinen-Optimierung

  • Mit korrekt ausgezeichnetem HTML Code, übersichtlicher Seiten-Struktur & Navigation, sowie für Suchmaschinen geeigneter Formatierung schaffen wir die technische Basis für gut indizierte Webseiten. Die beste Vorraussetzung für gute Suchtreffer-Anfragen ist allerdings noch immer das Interesse an tatsächlich auffindbaren und "echten" Inhalten, weswegen wir den Einsatz aggressiver SEO Methoden nicht befürworten. Der Einsatz diverser Analyse Tools wie zB. Google Analytics ermöglicht ihnen einen Überblick über Suchtreffer und Userverhalten auf ihrer Webseite.
  • Webdesign mit HTML5 ermöglicht Suchmaschinen eine gezielte Erkennung relevanter Inhalte durch semantsiche HTML5 Struktur-Elemente wie <header>, <nav>, <aside>, <section>, <article> ua., und liefert bei entsprechend optmierten Inhalten gute Suchtreffer.
  • Durch die zahlreichen Kommunikations-Möglichkeiten wird die Interaktion mit Social Media Diensten immer attraktiver. Vor allem durch die guten Suchmaschinen-Rankings von Facebook „Gefällt mir”-Seiten oder Facebook Applications eröffnen sich zusätzliche Optimierungs-Ansätze. Ausserdem hat Facebook mittlerweile Google als weltweit meistbesuchte Webseite überholt, und unterstreicht damit die enormen Möglichkeiten des „Social Media Optimizing” (SMO).