Webdesign-Agentur Zürich Di­gi­ta­le Er­leb­nis­se, die Ihre Marke stär­ken

Basierend auf den zuvor erarbeiteten Informationen entwickeln wir das Feinkonzept. Das User Experience Design (UX) für das perfekte Nutzererlebnis steht dabei im Mittelpunkt. Mit Hilfe von Wireframes (Drahtmodell), der schematischen Darstellung des Struktur- und Informationskonzept, skizzieren wir die einzelnen Webseiten. Bei Wireframes geht es nicht um das Design, Farben, Schriften usw., sondern nur darum, welche Elemente verwendet und wo diese auf der Website eingesetzt werden. Die Wireframes verlinken wir schlussendlich zu einem klickbaren Prototypen («Clickdummy»). Durch die Simulation der Interaktion kann man sich die Website dann schon ziemlich vorstellen.

Eine User-Journey, welche die Schritte des Nutzer auf der Website aufzeigt, kann dabei hilfreich sein. 
Oft macht es in dieser Phase auch Sinn, für die Website suchmaschinenoptimierte Texte zu erstellen.

Auf Basis der Wireframes entwickeln wir das Webdesign. Dazu präsentieren wir zuerst das Gestaltungskonzept («Look&Feel») mithilfe der Start- und einer Unterseite und arbeiten das Konzept nach Ihren Feedbacks aus. Vorgaben Ihres Corporate Designs werden dabei selbstverständlich berücksichtigt. Danach gestalten wir die weiteren Webseiten und Inhaltselemente. Ist das Design abgenommen, ist ein wichtiger Meilenstein geschafft und es kann in die technische Umsetzung gehen.

Weitere responsive Geräteansichten passen wir direkt in der Webentwicklung an. Eine gewisse Flexibilität beim Workflow muss hier zwingend gegeben sein, da es unmöglich ist, für alle Geräteansichten ein Design zu erstellen. Anders herum ist es aus unserer Erfahrung schwierig, einen strikten responsiven Workflow zu verfolgen, bei dem das Design direkt bei der technischen Umsetzung kreiert wird.

In der Frontend-Entwicklung setzen wir das Design der Website in CSS und Javascript um. Dank Responsive Design passt sich die Website automatisch der Bildschirmgrösse an und ist für verschiedenen Endgeräte wie Desktop-Computer, Laptops, Tablets und Smartphones optimiert. Als solide Basis bei der Umsetzung von responsivem Design implementieren wir das CSS-Framework Bootstrap.

Danach folgt die Backend-Entwicklung, bei der wir das REDAXO-CMS auf dem Webserver aufsetzen, Addons installieren und den Benutzer einrichten. Schliesslich programmieren unsere Entwickler das Template und erstellen die Module für den Aufbau der Inhalte.

Wenn das Gerüst und die Module stehen, werden die Inhalte eingepflegt. Dazu bieten wir eine CMS-Schulung für die zukünftigen Redaktoren an. Bevor es ans «Go-live» geht, ist intensives Testen notwendig. Die Website wird nochmals auf Funktionalität und mittels Cross-Browsertests auf verschiedenen Browsern und Plattformen geprüft; allfällige Fehler werden behoben. Auch eine Optimierung der Ladezeit ist für eine bessere Performance bei Google & Co. ratsam.

Damit Ihre Website auch gefunden wird und Conversions auslöst, entwickeln wir für Sie eine effektive Vermarktungs-Strategie. Ob mit nachhaltiger Suchmaschinenoptimierung, professionellen Google-Ads-Kampagnen, ansprechenden Profile in den sozialen Medien oder zielgruppengerechtem E-Mail-Marketing: Wir helfen Ihnen gerne dabei.

In regelmässigen Abständen kontrollieren wir allfällige Updates des REDAXO-CMS und prüfen zusätzlich die installierten AddOns auf mögliche Aktualisierungen. Vor dem Redaxo-Update erstellen wir ein Sicherheits-Backup. Danach führen wir das Update durch, machen einen Funktionalitätstest und erstellen ein Backup der Daten sowie der Datenbank. Nach jedem Update erhalten Sie einen Update-Bericht. Updates infolge Sicherheitslücken am System oder bestimmten AddOns spielen wir schnellstmöglichst ein. Für technischen Support und Beratung stehen wir per E-Mail oder Telefon zur Verfügung.