Upload
others
View
12
Download
0
Embed Size (px)
Citation preview
Portfolio
Christof Täschler
UX/UI Design
Birmesdorferstrasse 3648055 Zürich
[email protected]@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.