Frontend Entwicklung
Kompetenzen

Frontend-Entwicklung

Unsere Frontend-Entwickler erarbeiten für Ihr User Interface ein barrierefreies, performantes und responsives Frontend.

Unser Anspruch ist ein Frontend, welches für alle Nutzer barrierefrei und benutzerfreundlich ist. In unserer professionellen Frontend-Entwicklung achten wir darauf, dass die gute User Experience (UX) unserer Konzeptionsspezialisten und das responsive Design unserer Designer optimal umgesetzt wird. So macht das UI Ihren Kunden Spass. Unser Frontend-Team arbeitet dabei eng und iterativ mit Konzeption, Design und Backend zusammen.

Wir kennen Ihre Anforderungen, bevor wir entwickeln

Zuerst wollen wir wissen, was das Frontend alles können muss. Unsere Frontend Developer setzen sich mit mit Ihren Bedürfnissen und Anforderungen auseinander. Darum starten wir mit der Frontend-Spezifikation:

  • Die nicht-funktionalen Anforderungen:
    Wir definieren gemeinsam mit Ihnen, welche Browser und Devices von Desktop bis zu den mobilen Endgeräten unterstützt werden. Weiter klären wir, welche Richtlinen zur Barrierefreiheit eingehalten werden müssen (WCAG-Level). Zudem definieren wir mit Ihnen, welche Performance-Kennzahlen wie Ladezeiten, Dateigrössen oder die Anzeige im Browser (Rendering) die Applikation erfüllen muss.
  • Die funktionalen Anforderungen:
    Wir definieren, was die Seite als Gesamtes und die Komponenten im Einzelnen alles können müssen. Was sind die Funktionalitäten? Wie gestaltet sich das User Interface?

Der Frontend-Prototyp nach Ihren Bedürfnissen

So beginnen wir mit der Web-Entwicklung – massgeschneidert auf Ihre Bedürfnisse. Wir bauen für Sie einen Frontend-Prototyp. Dieser Prototyp ist je nach Projekt mehr oder weniger statisch und wird in Form einer wiederverwendbaren Pattern Library erstellt. Hat Ihr Projekt einen stark applikatorischen Charakter, so bauen wir für Sie entsprechend eine dynamischere Lösung. Wir erstellen den Code auf Basis von JavaScript, HTML und CSS.

Saubere Backend-Integration

Der Prototyp dient als Basis für die Backend-Implementation. Die Templates können nach Möglichkeit in beliebigen Backend-Technologien wiederverwendet werden.

Living Style Guide

Die Pattern Library des Prototyps kann gleichzeitig als Living Style Guide dienen. So haben Sie Design und Code immer klar dokumentiert und automatisch auf dem aktuellsten Stand. Die Designer und die Entwickler bleiben auf einer Linie, und komplexe Schnittstellen können sauber verwaltet werden.

Modular und flexibel

Bei der Entwicklung teilen unsere Web Developer das Frontend in einzelne, übersichtliche Komponenten auf. Diese Komponenten entwickeln wir so, dass sie flexibel einsetzbar und wiederverwendbar sind.

Ihre Vorteile mit unserer Frontend-Entwicklung

  • Wir garantieren eine hohe Accessibility: Unser Anspruch ist eine Website, die barrierefrei ist. Das Produkt soll auch für Besucher mit eingeschränkten Fähigkeiten gut benutzbar sein. So setzen wir in unserer Entwicklung darauf, dass die Tastaturbedienbarkeit sowie die Benutzung von Screenreadern einwandfrei möglich ist.
  • Zugänglich für alle: Wir arbeiten eng mit der Stiftung «Zugang für alle» zusammen. Sie ist die einzige Zertifizierungstelle für Barrierefreiheit in der Schweiz. Wir unterstützen die Stiftung als technische Experten und arbeiten an ihrem Accessibility Developer Guide aktiv mit. Zudem testen wir regelmässig, welche technischen Umsetzungen tatsächlich barrierefrei sind.
  • Hohe Performance: Bei unserer Frontend-Entwicklung profitieren Sie von einer hohen Performance.Interdisziplinär und vernetzt: Wir setzen auf eine agile und iterative Zusammenarbeit mit Konzeption, Design und Backend-Entwicklung.
  • Der passende Code für die beste Lösung: Wir liefern ein sauberes Framework auf Basis von HTML, CSS und JavaScript.
  • Best Practices at work: Sie profitieren von unserem langjährigen Know-how und unseren Best Practices.

Unser Angebot – mehr als Frontend-Entwicklung

Wir denken ganzheitlich. So bieten wir auch die entsprechenden Tools an, die unsere Projekte zum Erfolg führen:

  • Pattern Library: Sie vermeiden Inkonsistenzen, Wildwuchs und unnötige Doppelarbeiten beim Design sowie bei den webbasierten Funktionalitäten. Historisch gewachsene Features, die nicht aufeinander abgestimmt sind, gehören der Vergangenheit an. Die Pattern Library dient Ihnen gleichzeitig als langlebiger Living Style Guide. So bleibt Ihre Website auch in der Weiterentwicklung nach Golive nachhaltig stimmig.
  • Estático – massgeschneiterte Umgebung: Mit Estático haben wir die technologische Basis dazu gleich selber entwickelt. Estático ist ein statischer Website-Generator (auf Basis Node.js). Wir verwenden ihn in unserer täglichen Arbeit zur schnellen Erstellung von sauberen, modernen, zugänglichen und wartbaren statischen Websites.
  • Frontend-Previewserver: Sie können zu jeder Zeit des Projekts mitverfolgen, in welchem Entwicklungszustand sich das Frontend befindet. Wir stellen Ihnen dazu eine eindeutige URL zur Verfügung. Sie können dabei immer nachvollziehen, was wir in der Zwischenzeit geändert haben.
  • Device Lab: In unserem Device Lab in Zürich kann die Applikation auf Herz und Nieren geprüft werden. Auf allen gängigen Endgeräten und mit der neusten Software.

Lesen Sie mehr zu unserem Angebot in der Frontend-Entwicklung

Device Lab

Wir prüfen Ihre Webapplikation auf allen Endgeräten auf Herz und Nieren.

Living Style Guide

Design und Code sind immer klar dokumentiert und automatisch auf dem aktuellsten Stand.

Fredi Bach

Experten-Blog Frontend First API Mocking

Gutes Mocking von APIs kann Testing einfacher machen und UI- und UX-Probleme früh aufdecken. Da wir mit den bestehenden Lösungen nicht zufrieden waren, schrieben wir kurzerhand unseren eigenen Service. Er heisst FakeQL.