Portfolio

Christof Täschler

UX/UI Design

Birmesdorferstrasse 3648055 Zürich

christof@kabeljau.ch@bacalaosuizo+41 78 866 38 44

© Christof Täschler 2016 2

Website – Jörg Boner Productdesign

Für den preisgekrönten Produktdesigner Jörg Boner konzipierte und gestaltete ich im Herbst 2015 nach CD-Vorgaben der renomierten Typografen von NORM eine Minimal-Design Site.

Die Herausforderung war, die ruhige und straffe Layoutvorgabe der Druck- sachen so für die digitale Oberfläche(n) zu übersetzen, dass die Usability gewährleistet bleibt.

Webdesign, UX/UI

© Christof Täschler 2016 3

Website – re/fugium

«Auf der Suche nach der Generation der Gegenwart. Ein Experiment. Eine Recherche. Eine Momentaufnahme. Juli & August 2016»

Für das Kunstprojekt re/fugium entwickelte ich Schriftzug und eine experi-mentelle One-Pager Website. Sie soll – wie das Projekt selber – auf keinen Fall fertig wirken und Bewegung/Verschmelzung zeigen.Auf Desktop folgen und wachsen die Bubbles dem Cursor. Auf Mobile reagieren sie auf die Bewegung des Gerätes.

Typografie/Webdesign

© Christof Täschler 2016 4

Applikation Seilbahninventar – Verkehrshaus Schweiz

Mein drittes Verkehrshaus-Projekt zeigt das Seilbahninventar der Schweiz. Die auf gossen Touchscreens installierte Software beinhaltet Informationen zu Systematik, die Seilbahnen-Karte, Bild-/Videogalerien und Games. Die 1. Version der Software wurde im Dezember 2015 installiert. Bis April 2016 wird die Applikation noch mit mehr Inhalten erweitert.

UX/UI-Design

© Christof Täschler 2016 5

UX/UI-Design

Website/Archiv – Georg Gerster

Für den Pionier der Flugbildfotografie entwerfe ich zur Zeit Brand und Web-archiv.

Oben abgebildet eine Mood-Page aus Sketch. Zur bin ich mit den Programmierern von Attribute GmbH bei der technischen Umsetzung (Stand Februar 16).

© Christof Täschler 2016 6

Design und Code– Yoga am Fluss

Zur Auffrischung/Verbesserung meiner HTML und CSS-Skills entwickelte ich für eine Kollegin mit dem Flat-CMS Kirby einen kleinen One-Pager. Dabei experimentiere ich mit diversen (mir neuen) Techniken und Frameworks. Online – work in progress.

Webdesign

© Christof Täschler 2016

Kategorie

7

Redesign CI/CD – Renovero Handwerker Plattform

Für die Handwerker Plattform renovero von Tamedia AG bin ich seit Herbst 2015 an der Komplettüberarbeitung des visuellen Auftritts. Vom Logo über Farbkonzept bis zur Website gestalte ich alles und erarbeite die Styleguides. Die Implementierung ist in vollem Gange. Voraussichtlich im Herbst 2016 wird die Plattform in neuem Look online gehen.

Christof Täschler 3

Das Handwerkerportal

Mehr als 5000 Schweizer Fachbetriebe

Was muss in erledigt werden? Wo soll es stattfinden? Jetzt Offerte erhalten

Ersetzen einer Entkalkungsanlage in Einfamilienhaus8615 Wermatswil

Laminat verlegen und Holztür ausbessern Kostenvoranschlag für Versicherung4533 Riedholz

Die Preisunterschiede sind markant

Lulzim Krasniqi

Sitzplatzvergrösserung8867 Niederurnen

Fassadensanierung5325 Leibstadt

DE Christof Täschler 3

Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

Aenean lacinia bibendum nulla sed consectetur.

Tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ich brauche einen Handwerker!

Aktuelle Projekte

Ich spare Zeit und Geld

Werner Mattenberger

Man kann in aller Ruhe entscheiden

Nora Altherr

Renovero ist ein seriöses Angebot

Joseph-Urs Steiger

DE

FR

8

Webapp – Wincasa

Für die Aussendienstmitarbeiter der Wincasa AG gestaltete ich eine mobile webbasierte Administrations-Applikation. Konzipiert für ein spezifisches Device (Lenovo ThinkPad), musste die Anwendung sowohl touchfähig als auch per Maus/Tastatur angenehm bedienbar gestaltet werden. Mein Anspruch war ein grosszügiges und klares Visual Design (die Aussen-dienstmitarbeiter arbeiten mit der Applikation hauptsächlich vor Ort in Wohnungen, Kellern, Garagen, Estrichen usw.).

© Christof Täschler 2015

UX/UI-Design

9

Grafische Gesamtbetreuung – tossa

tossa wurde 2001 als Label der Möbelwerkstatt an der Töss ins Leben gerufen und steht für schlichte Massivholzmöbel der oberen Preisklasse. Ich durfte vom Brand über Drucksachen bis zur Website das visuelle Gesamtkonzept entwickeln und betreute tossa bis zum Inhaberwechsel 2014. Typografisch schnörkellose Gestaltung spiegelt die klaren Formen der tossa Kollektion.

© Christof Täschler 2015

Branding, CI/CD, UX, UI

10© Christof Täschler 2015

Kampagne –Kurzfilmnacht-Tour

Für die Kurzfilm-Tour von swissfilms entwickelten wir das gesamte Erscheinungsbild, vom Logo über die Website bis zu Programmheften, Pos-tern, Webbannern und Kinotrailern.

CI/CD, Web- und Printdesign

DIRECTOR’SCAT

11© Christof Täschler 2015

Icondesign, Visual Guidance System

DIN BoldSt.Jakob-Park

Visual Guidance System – St.Jakob-Park Basel

Für das von Herzog-DeMeuron gebaute Joggeli-Stadion in Basel entwickelte ich zusammen mit Claudia Blum Figuren für das visuelle Leitsystem.

Aufgabenstellung war, eine Männchen-Welt zu schaffen, die neu, überra-schend und klar verständlich ist - sich aber deutlich von den herkömmlichen WC-Männchen abgrenzt. Die Figuren mussten zum typografischen System (und zur vorgegebenen DIN-Schrift) passen.

12

skyguide Games – Verkehrshaus Schweiz

Das Touchscreen-Spiel für das Verkehrsmuseum in Luzern besteht aus mehreren Levels zum Thema Flugsicherung (Starten - Fliegen - Landen). Zusätzlich sollten einige kleine Wissens-Spiele zum Verweilen einladen.

© Christof Täschler 2015

Infotainment

13

Webapp – Starmind

Beim zürcher Vorzeige-Start-up konnte half ich in der Startphase beim Aufbau der Design-Abteilung, bei der Brandentwicklung und den ersten GUIs der Software selber.

Abbildung oben: ein Mockup der Starmind Oberfläche.

Brandentwicklung

© Christof Täschler 2015

© Christof Täschler 2016

Kategorie

14

Applikation Autowand – Verkehrshaus Schweiz

Für die 2009 eröffnete Strassenverkehrshalle im Verkehrshaus Schweiz (VHS) konnte ich mit Kabeljau für die Autowand des Museums eine Touch-screen-Applikation konzipieren, gestalten und realisieren. Informationen über die Ausstellungsobjekte, Bildergalerien und Spiele sollten einladend (auf den ersten Blick) und intuitiv bedienbar verpackt werden. Die Informations-fülle, der die Besucher im VHS ausgesetzt sind, setzt eine reduzierte und einfach lesbare Oberfläche voraus.