Frontend-Entwicklung

Ich setze Designvorlagen von Agenturen, Grafikbüros und Unternehmen genau um, in sauberem Code, der schnell lädt und auf jedem Gerät funktioniert.

Was Frontend-Entwicklung ist

Das Frontend ist alles, was Besucher im Browser sehen und bedienen: Layout, Schriften, Farben, Navigation, Formulare und Animationen. Frontend-Entwicklung übersetzt einen Designentwurf in diesen Code, so dass die Website im Browser dem Entwurf entspricht und sich gut bedienen lässt.

Für Agenturen und Grafikbüros

Viele meiner Projekte entstehen in Zusammenarbeit mit Gestaltern. Partner wie Büro Nord oder l’équipe visuelle liefern das Design, ich übernehme die technische Umsetzung. Beim Jahresbericht des Spitals Muri zum Beispiel stammte die Gestaltung von Waltenspühl Grafik-Design, die Umsetzung von mir.

Für Sie heisst das: Sie liefern das Design, ich kümmere mich um Technik, Tests und Livegang.

Wie ich arbeite

  • Semantisches HTML, damit Suchmaschinen und Screenreader die Inhalte verstehen.
  • Schlankes CSS und JavaScript, Frameworks und Libraries nur dort, wo sie einen echten Mehrwert bringen.
  • Optimierte Bilder und Ressourcen, mit dem Ziel einer Ladezeit unter zwei Sekunden.
  • Eine Umsetzung, die sich an Smartphone, Tablet und Desktop anpasst.
  • Barrierefreiheit nach WCAG, zum Beispiel für die Bedienung mit Tastatur und Screenreader.
  • Tests in Chrome, Firefox, Safari, Edge und auf mobilen Geräten vor dem Livegang.

Umsetzung in WordPress

Meist setze ich das Frontend direkt als WordPress-Theme auf meiner eigenen technischen Basis um. So lässt sich die Website nach dem Launch selbst pflegen, ohne dass sich das Design verändert.

Mehr dazu unter WordPress-Entwicklung.

Praxisbeispiele

Projekt Vorschaubild C. Vanoli

C. Vanoli Gruppe

Drei Bereiche mit Mikroanimationen

Zum Projekt
Logo Saredi AG

Saredi

Referenzen, Journal und Stellen

Zum Projekt
Logo Strüby AG

Strüby

Holzbau, Planung und Immo vereint

Zum Projekt
ebs Energie AG

ebs Energie AG

Preisrechner und Konfiguratoren

Zum Projekt
Logo Kesler Landolt Giacomini & Partner

Kessler, Landolt, Giacomini & Partner

Fachgebiete, Team und Magazin

Zum Projekt
Projekt Vorschaubild Meinrad Inglin Stiftung

Meinrad Inglin Stiftung

Werkübersicht und Lesetipp-Generator

Zum Projekt

Fragen und Antworten

Er setzt das Design technisch um, in HTML, CSS und JavaScript, und sorgt dafür, dass die Website schnell lädt, auf allen Geräten funktioniert und sich gut bedienen lässt.

Für Agenturen und Grafikbüros, die ein gestaltetes Webprojekt technisch umsetzen lassen möchten, und für Unternehmen, die bereits ein Design haben.

Mein Ziel ist eine Ladezeit unter zwei Sekunden. Kurze Ladezeiten senken die Absprungrate und werden auch von Google positiv bewertet.

Ja. Jedes Frontend passt sich automatisch an Smartphone, Tablet und Desktop an und wird vor dem Livegang auf allen gängigen Browsern getestet.

Frontend-Entwicklung

Sie haben das Design, ich setze es um.

Schicken Sie mir Ihre Layouts oder Designvorlagen. Sie erhalten eine ehrliche Einschätzung zu Umsetzung, Aufwand und dem, was technisch zu beachten ist.