Referenzen Webdesign & Online Auftritte

Erleben Sie unsere Vielfalt an ver­schie­den Websites und Onlineprojekten in einem Mix aus grösseren und kleineren Beispielen. Fast alle Seiten sind mit einem Content Management System programmiert, und einige besitzen eine Mobile Navigation oder sind mit einem Responsive Design ausgestattet.

line divider

Fahrschule Nicolas

Die Herausforderung

Eine Website entwickeln, die sich von anderen Fahrschulen abhebt. Der Auftritt soll frisch und einzigartig erscheinen.

Die Lösung

Full-Screen Responsive-Design. Die Navigation ist hier auch als Sticky Navigation programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren. Grosse Slider mit Themenbildern lockern den Inhalt auf und geben dem Content einen starken und authentischen Eindruck.

Das Resultat

Freundliche und persönliche Website die die Werte einer zeitgemässen und modernen Fahrschule optimal präsentiert. Die Bilder sind im Raum Stäfa entstanden.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Word Press CMS
✶ SEO optimiert

Links

www.fahrschule-nicolas.ch

line divider

Sensirion AG – The Sensor Company

Die Herausforderung

Die Sensirion AG aus Stäfa am Zürichsee ist eine inter­natio­nale Sensor-Firma. Im Vordergrund standen die klar strukturierte und intuitiv be­dien­bare Naviga­tion sowie eine gute Ausbaufähigkeit der Website.

Die Lösung

Ein aufwändiges Design mit einem Mix aus verschiedenen Bereichen: Video, Bilder, Navi­gation, Quicklinks, Footer und weitere Kom­po­nenten. Das Screen­design ist auf tech­ni­sche B2B-Kunden ausgerichtet und bietet Fachleuten eine schnelle Orientierung, sei dies im Markt- oder im Produkt-Bereich.

Das Resultat

Screendesign mit klarem Bezug zum vorhandenen Corporate Design. Die Navigation findet im Kopfbereich aber auch im linken Bereich Platz. Zusammen mit der Breadcrumb-Navigation ist so eine genaue Orientierung zu jedem Zeitpunkt möglich. Für mobile Endgeräte optimiert.

Die Arbeiten

✓ Beratung
✓ Gestaltungskonzept
✓ Screen-Design
✓ Grafische Elemente

Site Features

✶ Schlichtes, zeitloses und technisches Layout
✶ Mehrsprachig
✶ Typo3 Content Management System
✶ Suchmaschinenoptimiert (SEO)

Link

www.sensirion.com

line divider

Colosio Coaching

Die Herausforderung

Eine neue umfassende Bildwelt musste Themengerecht gefunden werden. Da keine Produkte gezeigt werden, muss eine Lösung gefunden werden, mit dieser die Dienstleistungen authentisch präsentiert werden. Das Portfolio muss neu gegliedert werden und die Firmenwerte klar definiert.

Die Lösung

Full-Screen Responsive-Design. Die Navigation ist hier auch als Sticky Navigation programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren. Grosse Slider mit Thembildern lockern den Inhalt auf und geben dem Content einen starken Eindruck.

Das Resultat

Plakative und gestalterisch «leichte» Website die mit einer ansprechenden Farb- und Bildwelt die BesucherInnen einladend und modern empfängt.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Word Press 
✶ SEO optimiert

Links

www.colosio-coaching.ch

line divider

Clienia Bauprojekt D-Haus

Die Herausforderung

Moderne Website erstellen die sich einfach an die wachsenden Informationen des Bauprojektes anpassen kann und die Zugehörigkeit zur Gruppe visualisiert.

Die Lösung

Full-Screen Responsive-Design. Die Navigation ist hier auch als Sticky Navigation programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren. Grosse Architekturbilder werden als Trenner eingesetzt.

Das Resultat

Zeitgemässe und einfache Projektwebsite mit dieser in Zukunft schnell und einfach über das laufende Bauprojekt informiert werden kann.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.d-haus.ch

line divider

Clienia Gastro

Die Herausforderung

Alle Betriebe der Gastronomie sollen unter einem Dach auftreten. Der Besucher soll schnell eine Übersicht der Betriebe erhalten.

Die Lösung

Eine Übersichtsseite mit allen Betrieben geben eine gute Übersicht der Betriebe. Schnell kann in einen Betrieb eingestiegen werden. Die Besucher sollen Appetit bekommen und bald einer der Betriebe aufsuchen.

Das Resultat

Moderne Responsive Website mit grossen Bilder, angefügten Menüs und einfacher Navigation.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Links

www.clienia-gastro.ch

line divider

Steiner Metall

Die Herausforderung

Nach einem neu kreierten Corporate Design soll die Website überarbeitet werden. Diese soll ästhetisch und für Design affine Besucher entwickelt werden.

Die Lösung

Full-Screen Responsive-Design mit grosszügigen Bildern. Mit der Sticky Navigation ist es jederzeit möglich und ohne Einschränkung zu navigieren. Grosse Slider mit Thembildern mit Typo lockern den Inhalt auf und geben dem Content einen starken Eindruck.

Das Resultat

Plakative und gestalterisch «leichte» Website die mit einer ansprechenden Farb- und Bildwelt die BesucherInnen einladend und modern empfängt.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ Sticky Navigation
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Links

www.steiner-metall.ch

line divider

THE DRUID® Formulation Software

Die Herausforderung

Die umfassende Bildwelt musste in aufwändiger Arbeit kreiert und erstellt werden. Das Breite Spektrum soll die Zielgruppe visuell passend durch die Seiten führen.

Die Lösung

Full-Screen Responsive-Design. Die Navigation ist hier auch als Sticky Navigation programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren. Grosse Slider mit Thembildern lockern den Inhalt auf und geben dem Content einen starken Eindruck.

Das Resultat

Plakative und gestalterisch «leichte» Website die mit einer ansprechenden Farb- und Bildwelt die BesucherInnen einladend und modern empfängt.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Links

www.druid.ch

line divider

Vanza

Die Herausforderung

Erstellung einer neutralen Bildwelt für die Visualisierung der Dienstleistungen. Diese soll die Besucherinnen oder den Besucher einen angenehm, frischen Eindruck hinterlassen.

Die Lösung

Full-Screen Responsive Design. Die Navigation ist als Sticky Menu programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren.

Das Resultat

Online-Auftritt mit viel Bildanteil und gestalterischen Freiraum. Als Backend wird das Contao Content-Management-System verwendet.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Links

www.vanza.ch

line divider

Inikon AG

Die Herausforderung

Eine auf dem neuesten Stand der Technik anprechende Website für einen erstklassigen Auftritt zu entwickeln. Eine Bildwelt und Bildsprache soll die Werte der Firma optimal vermitteln.

Die Lösung

Eine FullScreen Responsive-Website progammieren die mit modernen Parallax-Effekten und einem Sticky Menu ausgestattet ist. Der Ausbau der Seiten kann in Zukunft einfach mit dem Contao-CMS bewerkstelligt werden.

Das Resultat

Moderne und Bildstarke Website auf dem neuesten Stand der Technik. Die Ansicht kommt auf allen Endgeräten optimal dargestellt. Ein Off-Canvas Menu bei der Navigation auf Smartphones gibt Einblick in den aktuellen Trend und eine perfekte Usability.

Die Arbeiten

✓ Konzept
✓ Bildwelt
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Top aktuelles, Full-Screen Design
✶ Responsive Design (RWD)
✶ Parallax
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.inikon.ch

line divider

Gasthof Hirschen Regensdorf

Die Herausforderung

Bei einem Hotel oder Restaurant sind die meist besuchten Seiten immer die Pages der Reservation oder die der Anfahrt. Dies haben wir in der Entwicklung berücksichtigt und ein schnelles Auffinden sichergestellt.

Die Lösung

Full-Screen Responsive-Design. Die Navigation ist hier auch als Sticky Navigation programmiert, so ist es möglich jederzeit und ohne Einschränkung zu navigieren. Mit einem Sticky Menus ist 22 % schneller zu navigieren, als mit einem konventionellen Menu (Stand Juni 2015)

Das Resultat

Grosse Bilder im Kopfbereich. Grosser Text. Einfach zu navigieren und in der Bearbeitung einfach gehalten mit dem Contao CMS. Ein Newsletter Versand erfolgt mittels Mailchimp.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Responsive (RWD)
✶ Big Slider
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.hirschen-regensdorf.ch

line divider

Wetzel Personalberatung AG

Die Herausforderung

Im Rahmen einen neuen Corporate Auftrages wurde der Online-Auftritt überarbeitet. Dieser sollte auf den bestehenden Applikationen ohne Probleme implementierbar sein.

Die Lösung

Illustrationsgrafiken wurden in den Corporate-Design Farben themenspezifisch kreiert. Dies ergibt eine klare Abgrenzung der Bildsprache zu anderen Mitbewerbern. Webfonts wurden anhand des Corporate-Designs übernommen. Die Benutzerführung wurde stark verbessert.

Das Resultat

Ein frische Internetseite mit viel Weissraum und symphatischer Bildsprache begrüsst und begleitet die Besucher. Der Gesamtauftritt wirkt lebendig, jedoch nicht verspielt.

Die Arbeiten

✓ Konzept
✓ Webdesign

Site Features

✶ Top aktuelles, Illustrations-Design
✶ HTML5

Link

wetzel.ch

line divider

Apunta – Ihre Entwicklung im Fokus

Die Herausforderung

Eine seröse und sympathische Entwicklung der Webpräsenz mit dem Fokus des Menschen im Vordergrund. Die Bildwelt soll die nahe geografische Ausrichtung vermitteln. Die Seiten sollen nicht «kalt» wie viele andere Dienst­leistungs­unternehmungen erscheinen.

Die Lösung

Eine moderne Full-Screen-Responsive-Website progammieren die mit modernen Parallax-Effekten und einem Sticky-Menu ausgestattet ist.(Dieses Menu beibt immer am oberen Rand positioniert). Als Backend ist das Contao-CMS im Einsatz um eine schnelle und einfache bewirtschaftung der Seiten zu sichern.

Das Resultat

Top moderne, gut leserliche Website mit viele Features wie leicht animierten Elementen oder feinen Effekten. Auf mobilen Endgeräten wird mit einer optimierten Navigation navigiert. Die Grosszügigen und frischen Bilder machen einen ansprechenden Eindruck der haften bleibt.

Die Arbeiten

✓ Konzept
✓ Bildwelt
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Top aktuelles, Full-Screen Design
✶ Responsive Design (RWD)
✶ Parallax
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.apunta.ch

line divider

Dermatologie Stäfa

Die Herausforderung

Eine verständliche und einfache Webpräsenz steht im Zentrum dieser Entwicklung. Besucherinnen und Besucher sollen sich schnell über die unterschiedlichen Krankheitsbilder informieren können.

Die Lösung

Sauber gestaltete Website nach klaren visuellen Richtlinien entwickeln. Die Runde Form des entwickelten Corporate-Designs steht im Vordergrund. Blau- und Grautöne vermitteln einen medizinischen Background.

Das Resultat

Einfach zu navigierende Website mit dem Ziel der kompetenten Kundeninformation. Viel gestalterischer Freiraum unterstützt durch eine dezente Bildwelt rundet den Auftritt ab. Im Hintergrund läuft für das einfache Administrieren ein Contao-CMS.

Die Arbeiten

✓ Konzept
✓ Bildwelt
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Top aktuelles, Full-Screen Design
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.dermatologiestaefa.ch

line divider

Ledergerber VSV

Die Herausforderung

Mit wenig Text und einfachen Bildern, eine solide und benutzerfreundlich zu navigierende Website erstellen. Die Website sollte ohne Responsive Web auch auf Tablets  gut zu navigieren sein.

Die Lösung

Grossflächige Stimmungsbilder im Hintergrung bringen den regionalen Bezug. Gut zu lesende Textbereiche liegen im Vordergrund der Site. Aufgewertert wird diese Website mit solider Farbgestaltung und zeitlosen Flat-Icons.

Das Resultat

Sehr aufgeräumtes und grosszügiges Flat-Design mit viel Bildanteil ohne viel Schnörkel. Mit dem Contao-CMS kann der Inhalt von allen BenutzerInnen einfach und effizient verwaltet werden.

Die Arbeiten

✓ Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Top aktuelles, zeitloses Flat-Design
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.ledergerber-vsv.ch

line divider

Beetz Gastronomie

Die Herausforderung

Die zentrale Bearbeitung der Bertriebe der Beetz Gastronomie aus Stäfa gestaltet sich schwierig. Zudem ist der Verwaltungsaufwand für die Websites zu gross.

Die Lösung

Unterschiedliche Websiten werden in einem CMS zusammengefasst. Die Oberflächen der einzelnen Seiten wechseln anhand des Corporate-Designs der Betriebe. Dies sind die Websites: www.beetz-gastronomie.ch / www.schuetzenhaus-staefa.ch / www.frohberg-staefa.ch / www.kittenmuehle.ch.

Das Resultat

Sehr aufgeräumtes und grosszügiger Online-Auftritt mit viel Bildanteil und grossen Webfonts. Mit dem Contao-CMS kann der Inhalt für alle Betriebe von unterschiedlichen BenutzerInnen einfach und effizient verwaltet werden. Der Verwaltungsaufwand ist reduziert und Synergien werden genutzt.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Wide-View-Page
✶ HTML5
✶ Contao CMS
✶ SEO optimiert
✶ Zentrale Verwaltung aller Betriebe

Links

www.beetz-gastronomie.ch
www.schuetzenhaus-staefa.ch
www.frohberg-staefa.ch
www.kittenmuehle.ch

line divider

Hinderer Liegenschaften AG

Die Herausforderung

Eine übersichtliche und auch für Mobile Endgeräte optimal funktionierende Website erstellen. Verschiedene Abteilungen sollen im Backend an unterschiedlichen Bereichen der Site arbeiten können. Teilweise sind die CD-Richtlinien vorhanden.

Die Lösung

Eine im Responsive-Webdesign gut funktionierende Website konzipieren, gestalten und umsetzen. Mittels eines flexiblen Spalten-Prinzips kann im Open-Source-Content-Management-System passgenau positioniert werden.

Das Resultat

Sehr aufgeräumtes und grosszügiges Flat-Design ohne viel Schnörkel. Diese Seite wirkt sehr seriös und zeitlos. Mittels dem CMS kann der Inhalt von allen Stellen einfach und effizient verwaltet werden.

Die Arbeiten

✓ Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Top aktuelles, zeitloses Flat-Design
✶ Responsive Design (RWD) mit Media Queries
✶ HTML5
✶ Contao CMS
✶ SEO optimiert

Link

www.hinderer.ch

line divider

Gafner Immobilien & Verwaltungs AG

Die Herausforderung

Eine attraktive Website für einen Immo­bilien­dienstleister zu ent­wickeln, war das Ziel. Die neu kreierten, dynamischen Bildmarken sollen bei der Orientierung helfen. Mit dem Responsive Webdesign wird dem Bedürfnis nach mobilen Zugriffen Rechnung getragen.

Die Lösung

Die Geschäftsbereiche werden in unter­schiedliche Gruppen unterteilt. Die Farbcodierungen sind bereits vom ent­wickelten Erscheinungsbild vor­handen und werden auf die Web­ober­fläche adaptiert. Die Website soll auf unter­schied­lichen Ausgabegeräten optimal dargestellt werden.

Das Resultat

Eine grosszügige Website in modernem Design, mit der auch das Responsive Webdesign in allen Breiten gut funktioniert. Gut lesbare Schriften und such­maschinen­optimierter Inhalt. Die Themen­bilder werden gestaffelt durch authentische Bilder ausgewechselt.

Die Arbeiten

✓ Beratung & Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Individuelles, modernes Box-Design
✶ Responsive Design (RWD) mit Media Queries
✶ HTML5
✶ Contao CMS
✶ Suchmaschinenoptimiert (SEO)

Link

www.gafnerimmo.ch

line divider

Sieber AG – Klebt Papier zu Werken

Die Herausforderung

Die Kampagne mit der Aussage und der Be­bil­de­rung soll stark im Vor­der­grund der Website stehen. Die häufigsten Fragen der Besucher werden mit Tipps und Tricks be­ant­wortet.

Die Lösung

Eine auf die Kampagne ausgerichtete Website mit Fokus auf Informationen und FAQ. Für die einfache Verwaltung im Back­end wird das Contao CMS ver­wendet.

Das Resultat

In das Webdesign wurden die vorhandenen Elemente des Corporate Designs und der Kampagne ein­ge­bunden. Eine komfortable Dropdown-Navigation und ein umfassender Frage/Antwort-Bereich komplettieren die Seite.

Die Arbeiten

✓ Konzept
✓ Webdesign
✓ Programmierung
✓ Schulung
✓ Support

Site Features

✶ Customized, modernes Glossy-Design
✶ HTML5
✶ Contao CMS
✶ Suchmaschinenoptimiert (SEO)

Link

www.klebebinder.ch

line divider

Bosshard AG – Wärme- und Kältetechnik für Profis

Die Herausforderung

Als einen der grössten Player auf dem Platz Zürich soll sich die Firma Bosshard AG durch einen attrak­tiven Online-Auftritt profilieren. Eine authentische Bildwelt war nicht vorhanden und ein Erscheinungsbild nur im Ansatz.

Die Lösung

Grosser Headbereich, mehrspaltiges Layout mit sauber abgetrennten Elementen und feine, integrierte Führungs­linien kennzeichnen das Layout. Der Text weist ver­schie­dene Hierarchien für eine schnelle Erfass­barkeit des Inhalts auf. Authentische Bilder werden fotografiert, und ein keyword-optimierter Text wird kreiert.

Das Resultat

Tolle Bilder, viel Raum und ein griffiger, pla­ka­ti­ver Text sind auf der Website sofort erkennbar. Der weisse Hintergrund wider­spiegelt die ta­del­lose, saubere Arbeit des Kunden. Die Refe­ren­zen stehen auf allen Ebenen immer im Zentrum – diese können sich auch sehen lassen.

Die Arbeiten

✓ Visuelles Konzept
✓ Webdesign

Site Features

✶ Modernes Design
✶ Image Slider
✶ HTML5
✶ Drupal CMS
✶ Suchmaschinenoptimiert (SEO)

Link

www.bosshardag.ch

line divider

Frommelt AG – Schreinerkompetenz

Die Herausforderung

Nachdem Timecom den neuen Auftritt mit ein­farbiger Bildwelt und aktiver Zweitfarbe konzi­piert und umgesetzt hat, galt es, auch die Website ent­sprechend anzupassen.

Die Lösung

Ein starkes und einfach zu hand­habendes Content-Management-System wie Contao ist hier richtig: schnell implementiert und einfach in der Schulung. Bild- und Textwelten konnten von den klassischen Druck­mitteln übernommen werden.

Das Resultat

Stark bildliche Seite mit wenig Text. Ein Schreiner­betrieb zeigt sich ohne den «Hobel», dafür umso moderner und vielseitiger. Es ist immer schön einen Gesamtauftritt zu realisieren für ein Stim­mungs­volles Endresultat.

Die Arbeiten

✓ Konzept & Beratung
✓ Screendesign
✓ Fotoregie
✓ Programmierung
✓ Website Support

Site Features

✶ Contao CMS
✶ Webfonts
✶ Image Slider

Link

www.frommelt.ch

line divider

Graf Bau AG – Wir bauen – Sie vertrauen

Die Herausforderung

Die Website soll eine authentische und sym­pathische Firma wider­spiegeln. Der User soll einen schnellen Überblick über die Dienst­leistungen erhalten.

Die Lösung

Eine mit Contao bestückte Site für ein einfaches Admi­ni­strieren und Aktuali­sieren der Inhalte im Backend. Image Slider im Kopfbereich und Mouse-Over-Effekte für das Ein­blen­den von Bild­legenden in den Refe­ren­zen.

Das Resultat

Die Front erscheint schlicht und in den typischen Corporate-Design-Farben und -Bildern. Aktuelle Bauprojekte können schnell eingefügt werden.

Die Arbeiten

✓ Konzept & Beratung
✓ Design
✓ Website Development
✓ Website Support

Site Features

✶ Custom Design
✶ Slideshow
✶ jQuery
✶ Contao CMS

Link

www.grafbau.ch

line divider

Wortwal

Die Herausforderung

Auf dieser Website soll der Text im Mittelpunkt stehen, d.h. es werden keine Bilder ausser einem Porträt­bild gezeigt. Als Vorlage für Form und Farbe steht das bereits entwickelte Logo bereit.

Die Lösung

Ein moderner Webfont, der eine gute Leser­lich­keit aufweist, wurde ver­wendet. Die Homepage wird mit dem Contao CMS im Backend ver­waltet, um einen einfachen Unterhalt der Site zu gewähr­leisten.

Das Resultat

Sauber gestaltete, kleine In­for­ma­tions-Website, deren Erscheinungsbild die Botschaft optimal widerspiegelt. Das Design wurde mit einer passiven und einer aktiven Farbe kreiert. Der Umfang ist dank des CMS einfach ausbaubar.

Die Arbeiten

✓ Konzept & Beratung
✓ Webdesign
✓ Website Development
✓ Website Support

Site Features

✶ CCustom Design
✶ Webfont
✶ Contao CMS

Link

www.wortwal.ch

line divider