Frontend-Entwicklung
Unsere Frontend-Entwickler:innen erarbeiten ein barrierefreies, performantes und responsives Frontend für Ihre digitale Lösung.
Unser Anspruch ist ein Frontend, welches für alle Nutzer:innen barrierefrei und nutzungsfreundlich ist. Unser Frontend-Team arbeitet eng und iterativ mit Konzeption, Design und Backend zusammen. Wir achten wir darauf, dass wir Konzept und Design optimal umsetzen. So macht das User Interface Ihren Kund:innen Spass.
Wir kennen Ihre Anforderungen, bevor wir entwickeln
Zuerst wollen wir wissen, was das Frontend alles können muss. Unsere Frontend Developer setzen sich mit Ihren Bedürfnissen und Anforderungen auseinander. Darum starten wir mit der Frontend-Spezifikation.
Die 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 Richtlinien 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?
Ein Frontend-Prototyp nach Ihren Bedürfnissen
So beginnen wir mit der Web-Entwicklung. 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 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:innen und die Entwickler:innen bleiben auf einer Linie. Zudem können wir komplexe Schnittstellen sauber verwalten.
Modular und flexibel
Bei der Entwicklung teilen unsere 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:innen 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 Zertifizierungsstelle für Barrierefreiheit in der Schweiz. Wir unterstützen die Stiftung als technische Expert:innen 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.
Darvin Webpack Boilerplate: Darvin ist die neue Generation der Static-Site-Generatoren! Es ist vollgepackt mit Features, die es so einfach wie möglich machen, CMS-agnostische Frontend-Module in allerlei Grössen zu bauen und zur Schau zu stellen.
Frontend Preview Server: 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.
Wir sind da für Sie!
Termin buchenSie möchten Ihr nächstes Projekt mit uns besprechen? Gerne tauschen wir uns mit Ihnen aus.
Kontakt für Ihre digitale Lösung mit Unic
Termin buchenSie möchten Ihre digitalen Aufgaben mit uns besprechen? Gerne tauschen wir uns mit Ihnen aus.
Unsere Kompetenzen in Experience Platforms
Wir bringen unsere Expertise von der Strategie und der Entwicklung der Leitidee über die Realisierung bis zum inhaltlichen und technischen Betrieb ein.