Webdesign Hoch­wer­ti­ge Web­si­tes für bes­se­re User Ex­pe­ri­ence.

Für Websites mit Mehrwert

Mit einer ansprechenden, modernen und gut strukturierten Website können Sie für mehr Umsatz sorgen. Unsere Webdesigner helfen Ihnen gern dabei.

Sie möchten Ihre Geschäftsziele erreichen und benötigen dafür eine visuell ansprechende Website mit hoher User Experience, natürlich im Einklang mit Ihrem Corporate Design? Die Zürcher Webdesignagentur TEIL.CH unterstützt Sie gern dabei, Ihre Website auf ein neues Niveau zu bringen. Ein Niveau, das dafür sorgt, dass Ihr Webauftritt zu einem digitalen Erlebnis wird, das die User zu innovativen, emotionalen Interaktionen mit Ihrer Marke animiert. Eine positive Benutzererfahrung führt zu mehr Conversions und damit zu höheren Umsatzzahlen.

Webdesign Referenzen

Website von Ziemer Ophthalmic Systems
Website der Fundus Treuhand AG
Website der Ganz Baukeramik AG
Website des Verein mediX schweiz
Firmenwebsite der Jak. Scheifele AG
Website der Schweizer Hagel Versicherung
Website von pure.living
Website des Grand Prix Migros
Website von Nephro am See
Website von THE GYM
Website des Gesundheits-Magazin «meine gesundheit»
Website von Hello Career
Landingpage der Stromwahl-Kampagne für die WWZ
Website für historische Waffen und Rüstungen der Cabinet d'Armes GmbH
Website der Bach Immobilien Gstaad AG
Firmenwebsite der Fuchs Architekten AG
Website des Verein Stadtzürcher Seeüberquerung
Firmenwebsite der Strubline AG

Unsere Leistungen beim Webdesign

Als Schweizer Webdesignagentur mit Sitz in Zürich haben wir uns nicht nur auf reines Webdesign spezialisiert, sondern übernehmen auch die Webentwicklung für Ihre Firmenwebsite, Ihren Onepager, Ihre Microsite oder Ihren Online-Shop. Wir kreieren Websites, die nicht nur durch ein innovatives UI/UX-Design überzeugen, sondern später auch eine erfreulich hohe Conversion-Rate aufweisen können.

TEIL.CH Leistungen Webdesign

Wir konzipieren, gestalten und entwickeln moderne Websites für Unternehmen und Marken. Von Firmenwebsites und Onepager über Landingpages und Microsites bis hin zu Webshops kreieren wir massgeschneiderte digitale Erlebnisse. Damit Sie Ihre Geschäftsziele erreichen, steht ein ansprechendes Design, eine positive Benutzererfahrung und eine hohe Conversion-Rate im Fokus unserer Arbeit. Egal ob es um die Erstellung einer neuen Website oder um ein Redesign eines bestehenden Online-Auftritts geht – beim Webdesign sind wir Ihr kompetenter Partner, der Ihre Online-Präsenz auf ein neues Niveau hebt. 

Firmenhomepage

Ein visuell ansprechendes und gut strukturiertes User Interface (Benutzeroberfläche), über die sich die User schnell zurechtfinden, bildet die Basis für die Berührung mit Ihrer Marke. Mit modernen Websites schaffen wir digitale Erlebnisse, die eine positive User Experience (Benutzererfahrung) bei Ihren Usern hinterlassen. Dadurch fühlt sich Ihre Zielgruppe stärker mit Ihrer Marke verbunden – was schliesslich zu mehr Conversions, also Anfragen oder Bestellungen, führt.

UX Design / UI Design

Unsere Agentur bietet erstklassige Leistungen im Bereich des Responsive Designs. Wir verstehen die Bedeutung einer optimalen Benutzererfahrung über verschiedene Geräte hinweg und setzen diese in beeindruckende Websites um. Unser erfahrenes Team von Designern und Entwicklern arbeitet eng zusammen, um Websites zu erstellen, die auf Desktops, Tablets und Smartphones gleichermassen beeindrucken. Wir nutzen die neuesten Technologien und Best Practices, um sicherzustellen, dass jede Website reaktionsschnell und benutzerfreundlich ist.

Responsive Design

Basierend auf HTML, CSS und JavaScript entwickeln wir moderne und funktionale Websites, die Benutzer begeistern. Eine zentrale Rolle spielt dabei auch das responsive Webdesign sowie das Funktionieren auf den wichtigsten Browsern. Darüber hinaus implementieren wir moderne Techniken wie Parallax-Scrolling, Animationen und Microinteractions, um das Nutzererlebnis weiter zu verbessern und eine einzigartige Online-Präsenz zu schaffen.

Frontend Entwicklung

Bei der Webentwicklung stehen für uns auch eine hohe Flexibilität, ein modularer Aufbau und eine einfache Bedienbarkeit des Content Management Systems im Vordergrund. Durch den Einsatz von REDAXO CMS ermöglichen wir unseren Kunden, ihre Inhalte effizient zu verwalten und zu aktualisieren. Als eine der führenden REDAXO-Agenturen in der Schweiz helfen wir unseren Kunden, in der heutigen digitalen Welt erfolgreich zu sein.

REDAXO CMS

Wir konzipieren, gestalten und entwickeln moderne Websites für Unternehmen und Marken. Von Firmenwebsites und Onepager über Landingpages und Microsites bis hin zu Webshops kreieren wir massgeschneiderte digitale Erlebnisse. Damit Sie Ihre Geschäftsziele erreichen, steht ein ansprechendes Design, eine positive Benutzererfahrung und eine hohe Conversion-Rate im Fokus unserer Arbeit. Egal ob es um die Erstellung einer neuen Website oder um ein Redesign eines bestehenden Online-Auftritts geht – beim Webdesign sind wir Ihr kompetenter Partner, der Ihre Online-Präsenz auf ein neues Niveau hebt. 

Wir entwickeln überzeugende Website-Inhalte wie Texte, Bilder und Videos, welche Ihre Botschaften auf ansprechende, zielgruppenorientierte Art vermitteln. Basierend auf einer Analyse der bestehenden Inhalte, recherchieren wir Ihre Branche und Mitbewerber, um Ihnen eine fundierte und zielgerichtete Strategie zu präsentieren. Mit dem Fokus auf relevante und ansprechende Inhalte stellen wir sicher, dass Ihre Botschaft klar und überzeugend kommuniziert wird.

Auch eine fertige Website muss betreut werden. Updates sorgen für mehr Sicherheit und stabiles Funktionieren. Unser Support löst technische Probleme und beantwortet Fragen zur CMS-Anwendung. Wichtig ist auch die Pflege Ihrer Website: So bleiben Inhalte aktuell und entsprechen immer Ihren Bedürfnissen.

Mit unseren Wartungsverträgen und Service-Paketen bieten wir Ihnen eine solide Basis für einen reibungslosen Betrieb Ihrer Website.

Unsere Technologien beim Webdesign

Bei der Entwicklung von Websites setzen wir auf eine Vielzahl von Technologien, um ein ansprechendes Webdesign zu realisieren. Unser Fokus liegt dabei selbstverständlich auf Responsive Web Design, das sicherstellt, dass sich die Website automatisch an alle Endgeräte anpasst. Zusätzlich nutzen wir innovative Technologien und Frameworks wie HTML5, CSS3, JavaScript, PHP, Bootstrap und REDAXO CMS um interaktive und benutzerfreundliche Websites zu erstellen.

HTML5
CSS3
Sass
Javascript
Bootstrap
PHP
MySQL
REDAXO CMS

Wir sind Google Partner

Als stolzer Google-Partner sind wir stets bestrebt, unsere Kunden mit den besten Lösungen im Bereich Online-Marketing zu unterstützen. Diese Partnerschaft ermöglicht es uns, direkten Zugang zu den neuesten Tools, Ressourcen und Best Practices von Google zu haben. Wir sind spezialisiert auf die Optimierung von Google Ads-Kampagnen, die Steigerung der organischen Sichtbarkeit durch effektive Suchmaschinenoptimierung (SEO) und die Nutzung von Google Analytics, um wertvolle Einblicke in das Nutzerverhalten zu gewinnen. Unser Ziel ist es, gemeinsam mit Google massgeschneiderte Strategien zu entwickeln, um das Online-Wachstum unserer Kunden zu fördern und ihre Ziele zu erreichen.

Unsere Vorgehensweise beim Webdesign

Unsere Vorgehensweise beim Webdesign

Die folgenden Punkte zeigen auf, wie ein Webdesign-Projekt bei unserer Webagentur ablaufen könnte. Je nach Projekt können die einzelnen Arbeitsschritte auch von dieser Vorgehensweise abweichen. Aus unserer Erfahrung gibt es nicht «den einen Workflow» bei einem Webprojekt. Eine gewisse Flexibilität muss bewahrt werden.

Der erste Schritt besteht aus dem Briefing und einer Analyse. Wir müssen Ihre Bedürfnisse kennen, was Ihr Unternehmen anbietet, worin es sich zu Ihren wichtigsten Mitbewerber unterscheidet, was die Ziele und Anforderungen der Website sind, wen sie ansprechen soll usw. Je mehr Unklarheiten im Briefing beseitigt werden, desto zielgerichteter können wir das Projekt durchführen. In dieser ersten Phase erstellen wir in Absprache mit Ihnen auch einen Zeitplan und legen Meilensteine fest. Danach entwickeln wir auf Wunsch die Informationsarchitektur sowie die Sitemap, eine logische Struktur der Website mit allen Verknüpfungen zwischen den Inhalten.

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.

Der erste Schritt besteht aus dem Briefing und einer Analyse. Wir müssen Ihre Bedürfnisse kennen, was Ihr Unternehmen anbietet, worin es sich zu Ihren wichtigsten Mitbewerber unterscheidet, was die Ziele und Anforderungen der Website sind, wen sie ansprechen soll usw. Je mehr Unklarheiten im Briefing beseitigt werden, desto zielgerichteter können wir das Projekt durchführen. In dieser ersten Phase erstellen wir in Absprache mit Ihnen auch einen Zeitplan und legen Meilensteine fest. Danach entwickeln wir auf Wunsch die Informationsarchitektur sowie die Sitemap, eine logische Struktur der Website mit allen Verknüpfungen zwischen den Inhalten.

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.

Wer auf unser Webdesign setzt

Unsere Experten unterstützen Unternehmen und Marken dabei, ihre Online-Präsenz mit zeitgemässem Webdesign zu entwickeln.

Logo mediX
Logo Ziemer Ophthalmic Systems
Logo Sportamt Kanton Zürich
Logo Ganz Baukeramik AG
Logo Schweizer Hagel
Logo Scheifele
Logo pure.living
Logo THE GYM
Logo Dromenta
Logo Migros
Logo OKGT
Logo Swiss-Ski

Sie planen eine Website, die durch ein visuell ansprechendes Webdesign, eine positive Benutzererfahrung und mehr Conversions überzeugt?

Wenn Sie eine massgeschneiderte, benutzerfreundliche und umsatzsteigernde Website von erfahrenen Profis erstellen lassen möchten, sind Sie bei der Zürcher Webdesignagentur TEIL.CH goldrichtig. Unsere kreativen Webdesigner sind mit Leidenschaft und Know-how dabei und kreieren Websites, die Emotionen wecken.
Kontaktieren Sie uns für eine unverbindliche Erstberatung zum Thema Webdesign. Wir beraten Sie gern.

Ihr Ansprechpartner

Alain Zeiter, Geschäftsführer / Partner

Projektanfrage