Sag Hallo!

Trink Kaffee

WEBKINDER AG
Morgartenstrasse 17
6003 Luzern

WK in Zürich
Limmatstrasse 65
8005 Zürich

Oder stalke uns

Frontend Development

Unsere Frontend Entwickler machen aus Code Formen, Farben und Funktionen

Frontend Entwickler für einen Relaunch oder ein neues Projekt gesucht? Hier bist du richtig. Wir setzen deine Screendesigns pixelgenau um und achten auf Benutzerfreundlichkeit, optimierte Performance, Suchmaschinenoptimierung und den Einsatz modernster Technologien.

Was ist Frontend Development?

Das Frontend ist das, was du siehst, wenn eine Webseite geladen wird. Dazu gehören Inhalte wie Texte, Bilder, Videos, etc. Ohne ein Styling würde eine Webseite wie der Teletext aussehen. Und ohne zusätzliche Funktionalität könntest du nicht mit diesen Inhalten interagieren.

Frontend Development bezeichnet dementsprechend die Entwicklung des Stylings und der Interaktivität der Inhalte, damit diese ansprechend aussehen und bedient werden können. Das Backend hingegen ist das, was du nicht siehst. Dazu gehören der Webserver, auf dem deine Webseite läuft und die Datenbank, in welcher alle Daten gespeichert werden.

Unsere Dienstleistungen

Brauchst du Unterstützung dabei, deine Corporate Identity ins Internet zu bringen?

Egal ob du einen externen Partner brauchst oder eine ganzheitliche Lösung für deinen Webauftritt suchst: Als Frontend Developer arbeiten wir jeden Tag daran, Firmen wie deine pixelgenau ins Internet zu bringen.

Das Aussehen ist dabei von dir abhängig und damit trotz optimierter Entwicklungsabläufe mit Frameworks immer individuell. Was sich alle unsere Projekte jedoch teilen ist die Benutzerfreundlichkeit, Performance und Sicherheit. Wir erachten diese Eigenschaften nicht als Features, sondern als zwingend für ein überzeugendes, modernes und performantes Frontend.

Konkret bieten wir folgende Dienstleistungen an:

  • Umsetzung von responsive Screendesigns
  • HTML5 Entwicklung
  • CSS3 Entwicklung
  • JavaScript Entwicklung
  • Sicherstellung der Benutzerfreundlichkeit
  • Cross-Browser Entwicklung
  • Testing und Optimierungen

Umsetzung von Screendesigns

Wir sind der ideale Ansprechpartner, falls du bereits ein fähiges Team für alles andere hast, das Frontend Development aber an erfahrene Entwickler outsourcen möchtest. Wir setzen dein Screendesign 1:1 um und entwickeln das entsprechende Frontend.

Wir unterstützen dich und deine Vision und setzen sie um. Falls du ein von Grund auf neues responsives Webdesign möchtest, dann schau doch auf unserer Webdesign Seite vorbei.

Verwendete Technologien

HTML ist für die Inhalte einer Webseite, wie zum Beispiel Texte und Bilder verantwortlich. Die Hypertext Markup Language ist das Grundgerüst tausender Webseiten. Mit der fünften Iteration kamen für den Nutzer direkt ersichtlich unter anderem lang ersehnte Video- und Audiofeatures hinzu. Auch für die Developer hat sich einiges getan. Nebst neuen Parsing Möglichkeiten wurden strukturierende Elemente eingeführt. So muss nicht mehr mit <div id=“nav“> gearbeitet werden, sondern stattdessen direkt mit nav, section, article, usw.

CSS ist für das Aussehen der Webseite verantwortlich. Wir setzen auf das beliebte Foundation Framework, um schnell und effizient Designs umsetzen zu können. Hast du ein eigenes Design oder spezielle Anforderungen schreiben wir natürlich auch Custom CSS. Unsere CSS Files verkleinern und optimieren wir mit Sass und PostCSS.

JavaScript ist für das Verhalten der Webseite verantwortlich. Das meiste, was sich bewegt oder mit dem interagiert werden kann, funktioniert via JavaScript. Als Ergänzung setzen wir auf jQuery und mit Ajax erweitern wir den Funktionsumfang noch einmal beträchtlich, damit Ressourcen auch unabhängig von einem Page Reload nachgeladen werden können.

Das ermöglicht flexibelste Lösungen wie beispielsweise ein Kalender mit integriertem Buchungstool, autocomplete Suchfelder oder die Anpassung der Inhalte basierend auf der Einwilligung oder Ablehnung der Cookie Präferenzen.

Damit mit diesen drei Grundkomponenten zwar modular gearbeitet werden kann, aber trotz der vielen Dateien jeweils nur eine saubere Datei auf dem Webserver landet, verdichten wir sie mit Webpack. Das sorgt nicht nur für Ordnung, sondern auch für Performance Optimierungen und damit für schnellere Ladezeiten, da der Code so kurz wie möglich gehalten wird.

Dank der Umwandlung zum WebP Format werden alle Bilder beträchtlich verkleinert ohne ihre Qualität zu verlieren. Und mittels lazy loading verhindern wir das unnötige Laden von nicht benötigten Ressourcen und machen deine Webseite damit deutlich schneller. Optimierte Bildformate sind leider nach wie vor nicht überall im Einsatz. Brauchst du sie schon?

Benutzerfreundlichkeit

Wir legen Wert auf Benutzerfreundlichkeit. Ansprechende Designs sind nur halb so gut wie die intuitive Bedienung deiner Webseite. Dank langjähriger Erfahrung und kontinuierlichen Developer Meetings setzen wir auf saubere Designs, klare Menüführungen und schnelle Performance. Dabei ändern wir dein Design nicht, unterstützen dich aber bei offenen Fragen und kniffligen Problemen.

Die Usability wird je länger je wichtiger. Denn auch die Suchmaschinen legen Wert auf ein gutes Nutzererlebnis und belohnen übersichtliche Designs, klare Webseiten-Navigation und gruppierte Inhalte mit guten Rankings in den Suchresultaten. Um für die Screenless Revolution gewappnet zu sein, empfiehlt es sich, bereits heute für die Zukunft zu investieren, beispielsweise in die Barrierefreiheit.

Natives Testing

Damit der Webauftritt deiner Firma oder deines Vereins auf all den verschiedenen Endgeräten pixelgenau dargestellt wird, setzten wir dein Design responsive und cross-browser kompatibel um. Um sicherzustellen, dass deine Webseite nicht nur auf allen gängigen Endgeräten, sondern auch auf allen entsprechenden Browsern korrekt funktioniert, testen wir, was das Zeug hält.

Und zwar nativ auf allen jeweiligen Geräten. Das bedeutet, dass deine Webseite korrekt dargestellt wird, unabhängig davon, ob du via Mac oder Windows, via iPhone oder Android oder via Chrome, Firefox oder Safari darauf zugreifst.