Konzept, Design & Usability
Ein erfolgreicher Internet-Auftritt soll Ihre Firmenphilosophie widerspiegeln, aktuell informieren, emotional Ansprechen, Mehrwert schaffen und natürlich auch in den Suchmaschinen gefunden werden.
Suchmaschinenoptimierung
Im Wesentlichen sind zur Erstellung eines Konzepts folgende Fragen zu beantworten:
- Was soll erreicht werden (Zielsetzung und Mehrwert)
- Wie ist die Schnittstelle und Ihre Ressourcen (Anforderungen an das CMS / Datenbank)
- Technische Umsetzung (Wahl der Technologien)
- Design und CI/CD-Vorgaben
- Informationsarchitektur
- Wie kann der Kunde emotional angesprochen werden
- Einbezug von sozialen Medien (wenn ja, welche und wer ist für den Inhalt verantwortlich)
- Welche Mittel stehen zur Verfügung (Budget)
- Projektabwicklung (Zuständigkeit und Termine)
- Suchmaschinenoptimierung (Wording, Zuständigkeit intern / extern)
- Projektveröffentlichung, Pflege und Weiterentwicklung
Design & Usability
Ein Design ohne Inhalt ist kein Design, sondern nur Dekoration – aber Inhalt ohne Design wird weggeklickt.
Unser Design «führt» den Betrachter, transportiert Ihre Botschaft und Ihre Corporate Identity.
Wir entwickeln ein visuelles Konzept welches die von Ihnen gewünschten Emotionen weckt und geben Ihrem Internet-Auftritt ein eigenständiges Profil.
Dabei legen wir grossen Wert auf eine einfache und klare Handhabung der Webseite und schaffen mit der Typografie Hierarchien. Das garantiert den übersichtlichen Zugang zu Ihren Produkten und Informationen und somit den Erfolg Ihres Internet-Auftritts.
Für Ihren Internet-Auftritt, erstellen wir zwei bis drei Gestaltungsvorschläge auf Basis Ihres Firmen CI/CD. Sie haben somit die Wahl aus verschiedenen Varianten, aus welchem dann schlussendlich der Internet-Auftritt entwickelt werden soll.
Responsives Webdesign (mobiles Webdesign)
Bei uns ist das Standard!
Und ein mobiles Webdesign muss von Beginn an entsprechend konzipiert werden.
Beim «responsives Webdesign» oder «mobilen Webdesign» passt sich das Layout, Bildgrössen und Textgrösse an das Endgerät an. Dies ermöglicht die Darstellung für Computer-Bildschirme, Tablets oder Smartphones (oder andere Mobile Gräte) unterschiedlich und optimal darstellen zu können, ohne das verschiedene Versionen erstellt werden müssen. Es gibt also nur ein Webdesign, welches unterschiedlich gesteuert wird. Die eigentliche Steuerung (also wie sich die Webseite auf den verschiedenen Endgeräten darstellt) übernimmt der CSS-Code und JavaScript-Code.
Auch kann das Design auf einer Bildschirmgrösse von 1280 bzw. 1440 Pixel erstellt werden und nicht wie herkömmlich nur 1024 Pixel. Dies ist bei den heute üblichen grossen Bildschirmen mit hoher Auflösung, ein zusätzlicher Nutzen.
Responsives Webdesign
Der Seiteninhalt passt sich dynamisch an das Endgerät an.
Wir entwickeln standardmässig Internet-Auftritte für alle Mobilen Anwendungen.
Navigation im responsives Webdesign
Eine Navigation responsive darzustellen, ist nicht ganz einfach. Die Navigation in einem Mobilen-Webdesign wird anders aufgebaut. Hierfür gibt es unterschiedliche Frameworks wie zB. «Bootstrap».
Referenz-Beispiele der gängigsten Navigationsmöglichkeiten:
Select Menu – Dropdown Menü
Beim «Select Menu» wird die Darstellung der mobilen Navigation vom Endgerät vorgegeben und es gibt keine Einflussmöglichkeiten auf die Darstellung. Die Anwendung ist auf mobilen Geräten sehr einfach und benutzerfreundlich.
Für eine umfangreiche Navigation ist das Beispiel allerdings weniger geeignet.
Multi-Toggle Navigation
Bei der «Multi-Toggle Navigation» wird der Menü-Punkt eingeklappt bzw. ausgeklappt. Eine umfangreiche Navigation kann so wesentlich Übersichtlicher dargestellt werden.
Diese Navigation ist hierarchisch bzw. strukturiert nach Levels und ist die gängigste Navigation bei responsiven Webseiten.
Mega-Menu Navigation
Das «Mega Menu» ist eine Übersichts-Navigation, wo auf einen Blick alle Menüpunkte dargestellt werden. Die Navigation eignet sich gut für Umfangreiche Webseiten mit wenig Hierarchie bzw. wo viel Untermenüpunkte dargestellt und direkt anwählbar sein sollen.
Mega-Menu können auch mit Teaser / Bildern ergänzt werden.