Kommunikationsgestaltung

Medialer Schwerpunkt der Dienstleistungen ist das WWW. Neben Websites und Onlineshops realisiert webaff E-Mail-Kampagnen (Newsletter), Erscheinungsbilder (Corporate Design), Benutzeroberflächen für Soft- und Hardware, Leitsysteme, Infografiken, Logos und Icons. Von der Beratung und der Konzeption über die Umsetzung bis zur Pflege.

Fachgebiete

  • Corporate Website
  • Mobile Web App
  • Newsletter Design
  • Logo, Corporate Design
  • Interface & Signaletik

Schwerpunkt Webdesign

  • Informationsarchitektur
  • Screen Design
  • Usability, Accessibility
  • User Experience
  • Responsive Web Design

Webdesign im Detail

Konzeption: Analyse – Strategie – Spezifikation

Die Erarbeitung des Konzepts erfolgt oft in drei Schritten. Zuerst werden die eigenen bestehenden Kommunikationsmittel und solche der Mitbewerber analysiert. Im zweiten Schritt werden aus den Erkenntnissen der Analyse in enger Zusammenarbeit mit dem Kunden die Ziele der neuen Kommunikationslösung erarbeitet. Ist die Strategie festgehalten, werden im dritten Schritt die Anforderungen spezifiziert, um diese Ziele erreichen zu können. Eine Spezifikation definiert das Projekt für alle Projektteilnehmer möglichst unmissverständlich. Anforderungen an die Struktur, die Präsentation und die Technologie werden festgelegt. Die Spezifikation dient auch als Grundlage für die Kosten- und Zeitplanung.

Struktur: Informationsarchitektur, Navigation

Aus der Konzeption geht hervor, welche Inhalte vermittelt werden sollen. Nun werden diese Inhalte optimal strukturiert, um dem Benutzer die Botschaft leicht zugänglich zu machen. Dies wird erreicht, indem die Inhalte semantisch sinnvoll strukturiert und intuitiv verknüpft werden. Bei der Entwicklung einer Website resultiert aus der Informationsarchitektur oft ein Mockup, ein Modell der späteren Website mit Fokus auf die Struktur. Anhand des Mockups kann mittels qualitativem Usability-Test (Feel-Test) die Zugänglichkeit der Informationen für die Zielgruppe überprüft werden. Damit kann für die entstehende Website eine gute Inhaltsstruktur mit adäquater Navigation gewährleistet werden.

Präsentation: Corporate Design, Screen Design

Damit die gewünschte Botschaft die gewünschte Zielgruppe erreicht, muss sie entsprechend präsentiert werden. Ein Kommunikationsmittel, egal ob ein gesamtes Corporate Design, ein Logo oder die Benutzeroberfläche einer Website, soll durch eine medienadäquate Gestaltung die Botschaft so codieren, dass sie vom Empfänger unmissverständlich decodiert wird, und zwar ganz im Sinne der Kommunikationsziele gemäss Konzeption. Die Qualität der Präsentation lässt sich mittels qualitativem Test (Look-Test) überprüfen, um aufwändige Änderungen im späteren Projektverlauf zu vermeiden. Richtlinien für den Einsatz der Stilmittel, ein Syle Guide, erhöhen die Konsistenz der Präsentation. Bei Anwendungen über längere Zeiträume oder durch mehrere Mitarbeiter wird so die Verwässerung des Images verhindert.

Technologie: Frontend, Backend, Hosting/Domain

Der Einsatz der Technologien fügt Struktur und Präsentation mittels Logik dem Konzept entsprechend zusammen. Dabei kommen zwei Gruppen von Technologien zum Einsatz. Im Frontend wird die Benutzeroberfläche in die Sprache des WWW übersetzt. Das Backend garantiert die Verarbeitung der Anfragen, die durch die Interaktion zwischen Benutzer und Website entstehen. Dabei spielen datenbank-basierte Anwendungen eine zentrale Rolle. Um Aufschluss über mögliche Probleme bezüglich Funktionalität der Website geben zu können, wird ein qualitativer Usability-Test (Look&Feel-Test) an einem Protoypen durchgeführt. Eine technische Dokumentation erleichtert spätere Modifikationen auch für Dritte. Zu den technischen Aufgaben gehört auch das Einrichten der Serverumgebung und der Domain-Namen sowie die Implementation einer Applikation zur Pflege der Website (CMS).

Einführung & Pflege: Schulung, Wartung, Support

Je nach Bedarf werden die Redaktoren oder Web Publisher im Rahmen einer Schulung in das neue CMS eingeführt und Hausgrafiker mit dem neuen Corporate Design vertraut gemacht. So wird sicher gestellt, dass die neue Website ab dem Tag ihrer Live-Schaltung professionell bewirtschaftet werden kann und das neue Erscheinungsbild stringent eingesetzt wird.

Bei Websites, die selten inhaltlich verändert werden, lohnt sich die Implementation eines CMS oft nicht. Deshalb übernimmt webaff auch Wartungsarbeiten. Änderungen werden bei Bedarf in Auftrag gegeben oder es wird ein Wartungsvertrag abgeschlossen. Auch bereits bestehende Websites werden gepflegt.

Als Reaktion auf die rasche Veränderung unseres Umfelds müssen Kommunikationsmittel laufend angepasst werden. Die meisten Websites erfahren alle paar Monate Anpassungen und nur wenige kommen über mehrere Jahre ohne grundlegendes Redesign aus. webaff ist an einer nachhaltigen Zusammenarbeit interessiert und begleitet Projekte gerne auch über den Erstellungszeitraum hinaus.

Webtech — Code & Tools

Als wir ca. 1998 die ersten HTML-Datein auf den Webserver geladen hatten, waren wir überwältigt. Inhalte weltweit veröffentlichen geht so einfach?! Heute haben wir unglaubliche Möglichkeiten zur Webentwicklung, die aber meist zu mehr Komplexität, Abhängigkeiten und Overhead führen.

Das weckt die Sehnsucht nach dem «handwerklichen» Web. Kein Problem, denn die Methoden von damals funktionieren noch immer (fast) gleich. Und das Resultat bedeutet meist kürzere Ladezeiten, einfachere Wartung und bessere Kompatibilität.

Code im simplen Texteditor schreiben… auf den Server laden… den Browser aktualisieren. Alles ohne komplexe Tools (Build-Step-Free). Websites bauen statt Werkzeuge konfigurieren und warten.

Klar, etwas Unterstützung beim Coden ist schon vernünftig. Zum Beispiel durch ein Frontend Framework wie UIKit. Oder mit den neuen Möglichkeiten der KI (Cursor).

Im Backend kommen folgende Tools zum Einsatz:

CMS

Inhalte der Website selber verwalten mit einem Content Management System.

Mehr…

Webshop

Über ein Online Shop System Waren verkaufen und Zahlungen abwickeln.

Mehr…

Newsletter

Individuelle E-Mail-Kampagnen erstellen; mit autom. Listen & Statistiken.

Mehr…

Hosting

Zuverlässiges Web- & Mail-Hosting, Services rund um Ihre Domainnamen.

Mehr…

Das nicht

Dienstleistungen aus folgenden Bereichen bietet webaff in Zusammenarbeit mit ausgewiesenen Experten an: klassische Werbung, stark persuasive Kommunikation, SEM (Suchmanschinenmarketing), Social Media Kampagnen, Rich Media, 3D, Fotografie, Film, Ton.

swissFineLine

Ervotech

XOR

Nordland

USM-Markt

Tecnopart

MS Protect

Atelier 76

Hatha Heart

Carmo

Bisig Tierärzte