Tojio Portfolio

Transcription

Tojio Portfolio
Tojio GmbH | Full Service Internet Agentur
Wir konzipieren, gestalten und realisieren den
Dialog zwischen Marken und Menschen.
Wir halten unsere Website up-to-date, dies gilt aber
nicht unbedingt für unser PDF Portfolio.
!
Bitte besuchen Sie unsere Website für umfassendere
und aktuellere Infos rund um unsere Agentur:
http://www.tojio.com/
-3
Kunde
École Polytechnique Fédérale de Lausanne
Info
Website Redesign und Relaunch für die renomierte
School of Computer and Communication Sciences
Computer Graphics and Geometry Laboratory des École Polytechnique Fédérale de Lausanne ....
... mehr Infos auf unserer Website:
Link
http://www.tojio.com/portfolio/projekte
http://lgg.epfl.ch (...neue Website noch nicht online)
Kunde
HolidayCheck AG
Info
Drupal B2B Rest Client
Das Partner Widget wurde mit Drupal im Hinblick auf
großen Datendurchsatz realisiert. Es ist vor die HolidayCheck REST API geschaltet und stellt Partnern in einfacher Weise die Datenbasis von Hotelbewertungen zur
Verfügung ....
... mehr Infos auf unserer Website:
Link
http://www.tojio.com/portfolio/projekte
-2
Kunde
Herz-Neuro-Zentrum Bodensee
Umfang
2 neue Websites für die Klinken in der Schweiz und in
Deutschland, Responsive Webdesign (Eine Website
für alle Endgeräte: Smartphone, Tablet, Desktop, ...),
Drupal CMS, Interaktiver Seminarplaner
Info
... work in progress ...
Relaunch: ... April 2013
Links
http://www.herz-zentrum.com
Kunde
Kühl-Lenjer Training
Umfang
Beratung, Namensfindung, Branding, Corporate Design, Logo Design, Geschäftsausstattung (Visitenkarte,
Geschäftspapiere, ...), Konzeption, Webdesign & Web
Development, Drupal CMS, Responsive Webdesign
Info
Mit Michael Kühl-Lenjer konnten wir endlich mal wieder
ein Projekt „vom Anfang bis zum Ende“ machen.
Von der Namensfindung an haben wir Kühl-Lenjer Training auf dem Weg in den Markt begleitet. Nach der
Corporate Design Entwicklung wurde die komplette
Website dann als Responsive Website realisiert: Eine
Website für alle Endgeräte: Smartphone, Tablet, Desktop, ...
Eine weitere Besonderheit sind die individuellen Schriften, die durch den Einsatz neuster Web Technologie zu
einem Großteil zum gelungenen Erscheinungsbild der
Website beitragen.
Link
http://www.kuehl-lenjer-training.de
-1
Kunde
Spectrum Consulting AG
Umfang
Beratung, Webdesign & Development, Drupal CMS
Info
Die Spectrum Consulting AG ist eine Unternehmensberatung, die Dienstleistungen in den Bereichen SAP
Financials, Business Intelligence und Versicherungsbranchenlösungen anbietet. Unsere Leistungen umfassten das komplett neue Design und den Relaunch
der Website mit dem Drupal Content Management
System.
Links
http://www.spectrumconsulting.ch
Kunde
Business Class Flug
(Ticket-Shop)
Umfang
Konzeption, Content Strategie, SEO, Responsive Webdesign (Eine Website für alle Endgeräte: Smartphone,
Tablet, Desktop, ...), Drupal CMS
Info
Die Website BusinessClassFlug.com wurde von uns
neu aufgesetzt:
• Responsive Webdesign
• Drupal CMS
• SEO
• neue Struktur
• neue Inhalte
• Sidebar
• Blog
• Klon-Vorlage für Partnerseiten
Links
http://www.businessclassflug.com
Partnerseiten:
http://www.firstclassflug.com
http://www.vornesitzen.ch
0
Kunde
Vereon AG
Umfang
Beratung, Branding, z.T. Logo Design, Webdesign &
Web Development, Drupal CMS
Info
Für die Vereon AG haben wir diverse Internetseiten
erstellt. Die Vereon AG veranstaltet Kongresse für
unterschiedliche Branchen, die sich z.T. jedes Jahr
wiederholen. Deshalb war die Erstellung einer Klonfunktionalität wichtig.
Links
http://www.chem-academy.com
http://www.innovationsforum-energie.ch
http://www.vereon-em.com
http://www.businessintelligence2013.ch
http://www.businessintelligence2014.ch
http://www.swisspaymentforum.ch
http://www.exchange-summit.com
Kunde
Kieweg & Freiermuth (Volksbank Konstanz)
Umfang
Web Development, Drupal CMS
Info
Die Website www.wir-begleiten-generationen.de für
die Volksbank Konstanz wurde von uns programmiert.
Zum Einsatz kam das Open Source CMS Drupal.
Links
http://www.wir-begleiten-generationen.de
1
· Tabellen
· Icons
· Links
· Buttons
· Navigation
· Pixel-Bemaßungen
· Formularen
· Teaserboxen
· Templates
· ...
Kunde
Sto AG: Web Style Guide
Umfang
Beratung, Konzeption, Layout, Grafik, Text,
Web-Design & Development
Info
Der Web Style Guide dient als verbindlicher Leitfaden
für Redakteure, Webdesigner und Programmierer. Er
ist ein Ratgeber für alle, die Sto im World Wide Web
präsentieren – intern wie extern – und beantwortet alle
Fragen, die im Zusammenhang mit dem Internetauftritt
von Sto entstehen können.
Desweiteren stellen ein Glossar und eine kleine Bedienungsanleitung für die Verwendung von Templates
im CMS sicher, dass der Web Style Guide auch seinen
Zweck erfüllt.
Der 82 Seiten umfassende Web Style Guide (auf
deutsch: „Richtlinie Online-Dokumentation“ oder Gestaltungsrichtlinie) hilft den Mitarbeitern und Dienstleistern, den internationalen Qualitätsstandard von Sto
bei der Erstellung der unternehmenseigenen Websites
umzusetzen. Das Ergebnis: ein einheitliches, wiedererkennbares und empfängerorientiertes Erscheinungsbild
über alle Geschäftsfelder hinweg.
Links
http://www.sto.de
Konkret beinhaltet der Web Style Guide u.a. Beschreibungen und Anwendungshinweise zu:
· Seitenaufbau
· Grundraster
· Logo und Brand Claim
· Schriften
· Farben
2
Kunde
Luxus-Kreuzfahrten.ch (Ticket-Shop)
Umfang
Beratung, Konzeption, Logo & Corporate Design,
Web-Design & Development (Drupal CMS, Newsletter, Flash/Flex, JavaScript, AJAX, PHP, xHTML,
CSS), Content Management
Info
Der Touristik-Markt für Kreuzfahrten boomt. Es gibt im
Web aber praktisch keine Angebote im Luxus-Segment.
Die Neu-Erstellung der Website Luxus-Kreuzfahrten.
ch will diese Nische auf dem schweizer Markt bedienen. Verbunden mit einem Redesign der vorhandenen
Website Exklusives-Reisen.ch, die auf das Segment
der Luxus-Hotels spezialisiert ist, soll ein starkes Duo
entstehen, dass sich gegenseitig ergänzt: Wer eine Luxus-Kreuzfahrt macht, braucht oft auch ein passendes
Hotel. Wir konnten die Neu-Erstellung der Website vom
Anfang bis zum Ende betreuen: Angefangen bei einer
Marktanalyse, Auswahl von Markenname und Domain,
Logo und Claim („Only First Class Cruises“) bis hin
zum Webdesign und Web Development. Dabei haben
wir besonders darauf geachtet, dass es sich um einen
Neuling am Markt handelt. Deshalb war es umso wichtiger für eine hohe Memorierbarkeit beim Besucher
der Website zu sorgen: So ist z.B. der Markenname
„Luxus-Kreuzfahrten.ch“ gleichzeitig auch die Domain
und findet sich auch im Logo wieder. Bei der Gestaltung
wurde nicht nur darauf geachtet, eine gewisse Wertigkeit zu transportieren (Logo in Gold, viel Raum für das
Logo im Header, Headline-Serifenschrift, ...), sondern
auch durch ein völlig eigenständiges Farb-Branding eine
unverwechselbare Identität zu schaffen.
Technisch basiert die Website auf dem Open Source
Content Management System „Drupal“. Eine besondere Herausforderung, sowohl konzeptioneller als auch
technischer Natur, war es, die AJAX-Suchfunktion zu
realisieren. Die Suche funktioniert nach dem „Faceted
Search“ Prinzip. Für den User bedeutet das, dass er die
Suchergebnisse immer weiter nach seinen Anforderungen eingrenzen bzw. filtern kann. Eine Voraussetzung
dafür ist, dass die angebotenen Luxus Kreuzfahrten
innerhalb des Content Management Systems auch entsprechend kategorisiert und mit entsprechenden Metadaten bzw. Semantik versehen werden. Diese speziellen Auszeichungen des Contents erlauben es auch,
nicht nur den Newsletter personalisiert zu versenden.
Der User hat auch die Möglichkeit, die Inhalte nach seinen Interessensgebieten vorzuselektieren.
Links
http://www.luxus-kreuzfahrten.ch
3
Kunde
Exklusives-Reisen.ch (Ticket-Shop)
Umfang
Beratung, Konzeption, Logo & Corporate Design,
Web-Design & Development (Drupal CMS, Newsletter, Flash/Flex, JavaScript, AJAX, PHP, xHTML,
CSS), Content Management
Info
Die Website Exklusives-Reisen.ch bietet schon seit einigen Jahren erfolgreich Reisen im Luxus Segment an
- nun gab es einen großen Relaunch. Im Zuge der NeuErstellung der Website Luxus-Kreuzfahrten.ch wurde
die Website Exklusives-Reisen.ch auch komplett überarbeitet. In Zukunft bilden die beiden Seiten ein partnerschaftliches Duo, das sich im Bereich der Luxusreisen
gegenseitig ergänzt. Die Verwandschaft spiegelt sich
nicht nur im aufeinander abgestimmten Corporate Design (Logo, Claim, Webdesign, ...) wider, sondern auch
bei der Funktionalität (Drupal als Content Management
System, Angebotssuche über eine Faceted Search mit
minimierten Ladezeiten) und in der Struktur. So teilen
sich beiden Seiten z.B. den Bereich „Specials“, der besondere, ausgefallene oder seltene Luxusreisen jeglicher Art beinhaltet.
Links
http://www.exklusives-reisen.ch
Kunde
Ticket-Shop
Umfang
Beratung, Konzeption, Logo & Corporate Design,
Web-Design & Development (Drupal CMS, Newsletter, Flash/Flex, JavaScript, AJAX, PHP, xHTML,
CSS), Content Management
Info
Das Reisebüro Ticket-Shop war eines der ersten Reisebüros im Internet. Neben den spezialisierten Websites im Bereich Business und First Class Flüge (www.
businessclassflug.com, www.firstclassflug.com, www.
vornesitzen.ch) und im Bereich Luxusreisen (www.
luxus-kreuzfahrten.ch, www.exklusives-reisen.ch) betreibt das Konstanzer Reisebüro natürlich noch eine
Seite für das Reisebüro vor Ort. Für diese gab es nun
auch einen umfassenden Relaunch. Als wichtigste Neuerungen gibt es neben dem personalisierten und optional themenbezogenen Newsletter eine wechselnde
Marketing-Aktion, die z.B. durch einen Rabatt oder einen Gutscheincode bestimmte Reisen besonders preiswert anbietet.
Links
http://www.ticket-shop.com
4
worten auf Fragen finden können wie etwa: „Welche
finanziellen Förderungen gibt es für mein Vorhaben?“).
Wichtig bei der Erstellung so eines interaktiven Beratungs-Tools ist die Sicherstellung der einfachen Bedienbarkeit (Usability).
Die Usability kann durch das Einhalten bestimmter
Regeln und durch das Zurückgreifen auf bewährte Interaktions-Komponenten (z.B. eine Reiter-Navigation
(Tabbed-Navigation)) grundlegend sichergestellt werden. Um Klarheit darüber zu bekommen, ob das Interface vom User wirklich angenommen wird, muss die
tatsächliche Nutzung analysiert werden. Standardmäßig
wird dabei z.B. auf Web Analyse Tools wie z.B. eTracker,
Google Analytics oder Piwik zurückgegriffen, um Informationen über Besuche (Traffic), Verweildauer und Absprungrate (Bounce Rate) zu bekommen.
Im Falle der beiden Web Applikationen für die Sto AG
haben wir für die Überprüfung der Usability zusätzlich
noch eine eigene Entwicklung eines Heatmap-AnalyseTools speziell für Flash RIAs eingesetzt. Mit dem Tool
lässt sich das Klickverhalten der Besucher anhand von
simulierten Wärmebildern (Heatmap) anzeigen. Indem
so sichtbar wird, wo die Benutzer klicken und wie sie
Bedienelemente verwenden, kann man eventuell vorhandene Usability-Schwächen erkennen, ändern und
neu testen.
Sollten die Testergebnisse zeigen, dass es scheinbar
schwerwiegende Usability-Probleme gibt, bestünde
dann noch die Möglichkeit, Tests mit Personen zu machen, bei denen nicht nur das Klickverhalten (in Relation
zur Zeit) aufgezeichnet wird, sondern das Verhalten der
Personen auch per Video und Eye-Tracking analysiert
wird.
Kunde
Sto AG: Web- und Heatmap-Analyse für Flash RIAs
Umfang
Interface Design & Rich Media Development
(Programmierung in Adobe Flash / Flex / AS3)
Links
Info
http://sto.de/98988_DE-Produkte-Daemmsysteme.htm
http://sto.de/87605_DE-Sto_AG_Deutschland-Bauherren.htm
Das Internet ist ein Dialogmedium. Anders als z.B. ein
Printprodukt stellt es (vorausgesetzt, es handelt sich um
wirklich interaktive und keine allzu statischen Inhalte) einen Dialog zwischen Sender und Empfänger her. Ein
Plakat sendet eine Botschaft nur in eine Richtung: vom
Sender zum Empfänger. Es entsteht kein Austausch
und der Sender bekommt nur schwer Informationen darüber, ob seine Botschaft überhaupt angekommen ist,
ob Sie aufgenommen bzw. verstanden wurde oder sogar eine Handlung (z.B. eine Einstellungsänderung oder
Kaufhandlung) ausgelöst hat. In interaktiven Medien
hat der Sender die Möglichkeit, den interaktiven Dialog
(also z.B.: Unternehmen <-> Kunde) zu gestalten, zu
messen, zu bewerten und nachzuoptimieren.
Ein Bespiel für die Gestaltung eines solchen interaktiven
Dialogs sind die Web Applikationen „Bauherren-Ratgeber“ und „Systemfinder“, die wir für die Sto AG realisiert
haben. Der Sto Bauherren-Ratgeber ist praktisch eine
interaktive Beratungsdienstleistung für Bauherren, die
energieeffizient bauen oder sanieren wollen (vgl. „Sto
AG: Bauherren Bereich & Bauherren-Ratgeber“, Dez.
2010). Der User soll den Dialog verstehen und schnell
und einfach zum Ziel kommen können. (also z.B. Ant-
5
Kunde
Business Class Flug & First Class Flug
(Ticket-Shop)
Umfang
Beratung, Konzeption, Web-Design & Development
(CMS Update, Erstellung Templates & Buchungsformular, E-Marketing)
Info
Die Websites BusinessClassFlug.com und FirstClassFlug.com sind auf den Verkauf von Business- und FirstClass Flügen spezialisiert. BusinessClassFlug.com
bedient den ganzen deutsch-sprachigen Markt. FirstClassFlug.com ist als Schwesterseite konzipiert und
deckt den Bereich der First-Class Flüge ab. Beim Redesign der beiden Websites wurde jeweils die Startseite erweitert und optimiert und das Buchungsformular
stark überarbeitet. Neu hinzu kamen jeweils die Team
und Presse Seiten, sowie Banner mit verschiedenen
Marketing Aktionen.
Links
http://www.businessclassflug.com
http://www.firstclassflug.com
Kunde
Dr. Philipp Langenbach GmbH
Umfang
Beratung, Konzeption, Logo & Corporate Design,
Web-Design & Development (CMS-Anbindung,
Mehrsprachigkeit), Print (Visitenkarten, Briefbogen)
Info
Die Dr. Philipp Langenbach GmbH aus Lörrach berät
Unternehmen aus der Aroma- und Duftstoffbranche bei
der Umsetzung neuer EU-Regulierungen. Wir verhalfen
dem Beratungsunternehmen zu einem konsistenten
Corporate Design und einer adäquaten, mehrsprachigen Webpräsenz mit Open Source Content Management System Wordpress.
Link
http://www.dr-langenbach.de
6
Kunde
Sto AG (Relaunch der Unternehmens Website)
Info
Die neue Unternehmens-Website der Sto AG ist seit
Anfang Dezember 2010 online. Schon seit Monaten
wurde hinter den Kulissen daran gearbeitet und auch
wir durften unseren Teil dazu beitragen, in Form von:
• Beratung
• Webdesign & Web Development (JavaScript, AJAX,
PHP, xHTML, CSS, CMS-Anbindung)
• Rich Media Design & Development
(Flash / Flex / AS3)
• Template Erstellung
• Erstellung der Richtlinie Online Kommunikation
(Web Style Guide)
• Erstellung verschiedener Flash Web-Applikationen
(Rich Internet Applications)
• Content Management
Links
www.sto.de
Kunde
Sto AG (Fassadendämmsystem-Finder)
Umfang
Konzeption, Interface Design, Web bzw. Rich Media
Design & Development (Programmierung in Adobe
Flash/Flex/AS3, JavaScript, AJAX), CMS-Anbindung
Info
Fassadendämmsysteme sind z.Z. gefragt - vor allem in
Ländern, in denen der Einsatz dieser Produkte staatlich gefördert wird. Die Fassadendämmsysteme bilden
das Herzstück des Produktportfolios der Sto AG. Ihre
Präsentation ist von daher von besonderer Bedeutung,
zumal es sich um komplexe Produkte handelt, die sich
wiederum aus diversen einzelnen Sto Produkten zusammensetzen. Um diese adäquat zu präsentieren und
vergleichbar zu machen, haben wir eine Rich Internet
Application (RIA) auf Basis der Adobe Flash Plattform
erstellt. Eine externe Datenhaltung (CMS-Anbindung
über XML) ermöglicht die Pflege und die leichte Adaption für Sto Tochtergesellschaften im Ausland. Dabei
geht es nicht nur um den Austausch der Texte in andere
Sprachen, sondern auch um Änderungen innerhalb der
Produktpalette.
Link
http://sto.de/98988_DE-Produkte-Daemmsysteme.htm
7
Kunde
Sto AG (Sto Explorer „reloaded“)
Umfang
Beratung, Konzeption & Entwicklung eines interaktiven
Produktkatalogs, Rich Media Design & Development
(Programmierung in Adobe Flash/Flex/AS3, JavaScript,
AJAX, xHTML, CSS, CMS-Anbindung)
Info
Schon Ende 2007 traten wir an die Sto AG mit der Idee
des „Sto Explorers“ heran. Die Idee wurde begeistert
aufgenommen und zügig implementiert, allerdings nur
für die internationale Website. Nun wurde der „Sto
Explorer“ auch auf der Sto.de integriert. Die Flash Navigation ermöglicht dem Benutzer eine systematische,
schnelle und effiziente Art und Weise der Navigation im
Produktkatalog. Die neue Version umfasst folgende Verbesserungen: 1. Deep Linking (eine URL für jeden Knotenpunkt), 2. SEO: Suchmaschinen verstehen Flash, 3.
Messbarkeit: Google Analytics & eTracker, 4. Datenübernahme aus bestehender SAP-Software, 5. Corporate
Design (Font: Hausschrift Sto Frutiger)
Links
http://sto.de/87285_DE-Produkte-Produktprogramm.htm
Kunde
Sto AG (Bauherren Bereich & Bauherren-Ratgeber)
Umfang
Umfang: Beratung, Konzeption, Webdesign (Interface
Design) & Web Development bzw. Rich Media Design
& Development (Programmierung in Adobe Flash /
Flex / AS3, JavaScript, AJAX, PHP, xHTML, CSS, CMSAnbindung), Content Management
Info
Für den Relaunch der Sto.de bekamen wir u.a. den
Auftrag, den Bereich für die Zielgruppe der privaten
Bauherren komplett neu zu erstellen. Dabei bildet
der neue Sto Bauherren-Ratgeber das Herzstück. Es
handelt sich dabei um eine (Flash-) Web Applikation, die
sich dadurch auszeichnet, dass sie diverse einzelne Anwendungen für den User parat hält. Die Anwendungen
fungieren als praktische Ratgeber für private Bauherren,
die sich im Zuge einer geplanten energetischen Sanierung oder auch eines Neubaus informieren wollen. Die
Ergebnisse können die User z.T. als PDF (generiert
im Corporate Design der Sto AG) speichern oder sich
direkt qualifizierte Fachhandwerker in ihrer Umgebung
empfehlen lassen. Für eine Projektanfrage oder für spezifische Fragen, die nur der Handwerker beantworten
kann, besteht außerdem die Möglichkeit, direkt mit
dem Handwerker Kontakt aufzunehmen.
Link
http://sto.de/87605_DE-Sto_AG_Deutschland-Bauherren.htm
8
Kunde
N+P Industrial Design GmbH, München
Umfang
Beratung, Web bzw. Rich Media & Development
(Programmierung in Adobe Flash/Flex/AS3, xHTML,
CSS, JavaScript, AJAX), Drupal-Programmierung
Info
Die Münchener Industriedesign-Agentur N+P Industrial
Design GmbH gestaltet seit über 40 Jahren HightechProdukte für Verkehr, Medizin und Elektronik - unter
anderem die schnellsten Züge der Welt. Tojio realisierte
die Umsetzung der zweisprachigen neuen Website mit
dem CMS Drupal und mehreren Rich Internet Applications (Adobe Flex/Flash Platform). Die Inhalte der RIAs
sind vollständig über das CMS pflegbar.
Links
www.neumeister-partner.com
Kunde
Sto AG
Umfang
Konzeption, Interface Design, Web bzw. Rich Media
Design & Development (Programmierung in Adobe
Flash/Flex/AS3, JavaScript, AJAX), CMS-Anbindung
Info
Alle zwei Jahre treffen sich die Designer der Sto AG
und entwicklen den Farbtonfächer „Designer Collection 10/11“. Im Farbfächer führen Sie aktuelle Oberflächen-, Strukturen- und Farben-Trends zusammen, die
sie aus ihrer täglichen Kooperation mit führenden Architekten, aber auch aus branchenübergreifenden Untersuchungen und Trendpublikationen herausgearbeitet
haben. Wir haben den Farbtonfächer als Rich Internet
Application (RIA) digital verfügbar gemacht: „Designer
Collection 10/11“.
Link
http://sto.de/95009_DE-Designer_Collection_1011Designer_Collection_1011_Viewer.htm
9
Kunde
Sto AG
Umfang
Konzeption, Interface Design, Web bzw. Rich Media
Design & Development (Programmierung in Adobe
Flash/Flex/AS3, JavaScript, AJAX), CMS-Anbindung
Info
Eine RIA (Rich Internet Application) ist eine Web Anwendung, die über die gewohnte Funktionalität einer
Website hinausgeht. RIAs bieten reichhaltigere Interaktionsmöglichkeiten (wie z.B. Drag-and-Drop) und eine
höhere Leistungsfähigkeit, da sie im Hintergrund und
ohne störende Unterbrechungen mit dem Web-Server
kommunizieren und auf Client Seite Berechnungen
durchführen können.
Die Erstellung einer RIA für die Sto AG war daher die
beste Wahl für folgende Aufgabenstellung:
Frei nach dem Motto „Gestaltungsvielfalt an der Fassade“ sollten Architekten die Vorteile und besonderen Eigenschaften bestimmter Produkte der Sto AG erfahren
können. Hierfür entwickelten wir eine Anwendung auf
Basis der Adobe Flash Plattform: Den Sto Oberflächen
Viewer. Er wird der Zielgruppe der Architekten gerecht,
indem er einen rein visuellen Einstieg durch eine Navigation über Oberflächenbilder ermöglicht. Weiterführende Informationen und Links werden hinter dieser
visuellen Navigation zweitrangig geführt, bieten jedoch
alle Möglichkeiten, sich auch tiefer gehend mit den Produkten zu beschäftigen.
RIA
Fullscreen
Eine Besonderheit des Sto Oberflächen Viewers ist die
Skalierbarkeit des Interfaces bzw. der Fullscreen Modus. Der User kann in den Fullscreen Modus wechseln
und dadurch die ganze Größe des Monitors nutzen, um
wichtige Details erkennen zu können. Höher auflösende
Dateien werden dabei im Hintergrund nachgeladen und
überblendet. Sämtliche Daten sind so angelegt, dass
sie schnell und einfach für andere Sprachen und Inhaltsänderungen angepasst werden können.
Der Sto Oberflächen Viewer kommt momentan auf der
deutschen und der internationalen Sto Website zum
Einsatz.
Link
Fassade:
http://sto.de/97285_DE-Oberflaechen-Fassade.htm
Innenraum:
http://sto.de/95170_DE-Oberflaechen-Innenraum.htm
10
Kunde & Link
Sto AG | www.sto.com
Umfang
Konzeption, Web bzw. Rich Media Design & Development (Template-Gestaltung & Programmierung, Flex,
Flash, xHTML, CSS, CMS-Anbindung), Konzeption
& Entwicklung eines interaktiven Produktkatalogs in
Adobe Flex
Info
Die Sto AG ist international einer der bedeutendsten
Hersteller von Produkten für die Gebäudefassade. Eine
weltweit führende Position nimmt das Unternehmen
vor allem bei Wärmedämm-Verbundsystemen ein.
Ergänzt wird die Produktpalette durch Farben und Putze, hochwertige Fassadenelemente, Bodenbeschichtungen und Produkte zur Betoninstandsetzung.
Die Sto AG betraute Tojio mit der Erstellung ihres internationalen, mehrsprachigen Interneauftritts (Deutsch,
Englisch, Chinesisch). Kern des Projekts ist der interaktive „StoExplorer“, der mit Adobe Flex implementiert
wurde. Der „StoExplorer“ ermöglicht dem Benutzer
eine systematische, schnelle und effiziente Art und
Weise der Navigation im umfangreichen Produktkatalog
der Sto AG.
11
Kunde
Universität Konstanz (Campus TV)
Umfang
Web-Design & Development, Sound Design & Animation,
Installation und Konfiguration von osTube
Info
Pünktlich zur Relaunch-Party in der Kantine des Konstanzer Neuwerks haben wir den Internetauftritt von
Campus TV, dem Studentenfernsehen der Universität
Konstanz, vollständig überarbeitet und um viele neue
Features erweitert, wie man sie von anderen VideoCommunities her kennt. Über eine Flash-Startseite
gelangen die Benutzer sowohl in den rein informativen
Bereich als auch in das eigentliche Video-Portal mit
zahlreichen Kurzfilmen.
Link
www.ctv.uni-konstanz.de
Kunde & Link
Sto AG | www.sto.com
Umfang
Konzeption, Web bzw. Rich Media Design & Development (Illustration der Weltkarte, Programmierung in
Adobe Flash & AJAX)
Info
Der Sto-Konzern ist ein international tätiges Unternehmen mit diversen Tochtergesellschaften und
Vertriebspartnern, die sich über den ganzen Globus
verteilen. Die Aufgabe von Tojio war es, eine anschauliche und schnell verständliche Übersicht aller Standorte
inklusive Adresse und Hyperlink zu erstellen.
Unsere Lösung besteht aus einer interaktiven Weltkarte,
die eine schnelle und intuitive Navigation ermöglicht.
Der Benutzer kann visuell navigieren oder Ländernamen
aus einem Drop-Down-Menü auswählen. Die Adressdaten unterhalb der interaktiven Weltkarte werden
aus einer Datenbank ausgelesen und als dynamisches
HTML-Fragment eingebunden, damit die leichte Pflegbarkeit der Adressen gewährleistet ist.
12
Kunde
Vornesitzen.ch
Umfang
Branding (Logo & Corporate Design), Web-Design &
Development (Buchungsstrecke, CMS-Anbindung),
Erstellung Flugzeugdatenbank & Datenbank-Administrations-Tool in Adobe Air, Webhosting
Info
Vornesitzen.ch ist die Anlaufstelle für Vielflieger, die
Wert auf Komfort legen und wissen wollen, welcher
Komfort sie bei welcher Airline erwartet. Die Tojio
GmbH hat den Internetauftritt komplett neu gestaltet,
als Website umgesetzt und an ein Content Management System (CMS) angebunden. Die Datenbank mit
Informationen zu Airlines und deren Flugzeugen wurde
mit mySQL realisiert; zur einfachen Pflege der Daten
wurde eine eigene Desktop-Applikation in Adobe Air
erstellt.
Link
http://vornesitzen.ch
Kunde
Seemedia / Siemens AG / Deutsche Post AG
Info
Gestaltung & Programmierung von E-Learning
Software Lösungen
13
Kunde
Tojio / Google
Info
Die von Google angeführte Open Handset Alliance hatte
Ende 2007 einen Wettbewerb für Android (das neue
Google Handy Betriebssystem) gestartet. Am 14. April
2008 war Abgabetermin für alle Teilnehmer der Android
Developer Challenge. Tojio entwickelte als Wettbewerbsbeitrag eine mobile Erste Hilfe Anwendung.
Link
http://lab.tojio.com/2008/04/25/quick-aid
14
Kunde
„Ersteigere Dein Traumdate
oder lass Dich ersteigern.
Das charmanteste
Gebot gewinnt.“
Partnervermittlung Maria Klein & J.Schiemann
www.vlitter.com
Gratis Guthaben!
Für Deine Anmeldung bekommst
Du 20 Credits kostenlos.
vlitter.com
-
vlitter.ch
-
vlitter.at
-
Umfang
Markenentwicklung, Namensfindung, Logo & Corporate
Design, Konzept & Positionierung, USP, Web-Design &
Development (CMS-Anbindung), Print-Materialien
vlitter.de
vlitter – Die Date Auktion
Hier wird Dir was geboten
kostenlos anmelden!
Info
Vlitter ist ein Online-Dating-Portal, das andere Wege
geht als herkömmliche Portale. Die Partnersuchenden
„daten“ auf eine spielerische Art und Weise, indem
sie sich zur Date-Auktion stellen oder auf jemanden
bieten. Der Kreativität sind dabei keine Grenzen
gesetzt. Der User entscheidet selbst, ob er sich z.B.
einen Theaterbesuch wünscht oder einfach nur erstmal
chatten möchte.
Jörg Schiemann
Geschäftsführer
Villa Bellevue
Hauptstrasse 14
CH 8280 Kreuzlingen
Tel+41 (0) 71 - 671 28 07
Mobil+49 (0) 170 - 805 50 77
[email protected]
www.vlitter.com
Vlitter möchte Menschen schnell und unkompliziert zusammenbringen und ihnen zu einem Treffen außerhalb
des Internets verhelfen, denn dort findet wahre Liebe
statt.
Link
www.vlitter.com
15
Kunde
Sabine Becker
Umfang
Webdesign, Fotografie, Animation
Info
Sabine Becker ist eine international beachtete Malerin
aus Konstanz, deren Ausstellungen auch schon mal
Tokyo erreichen. Ziel unserer Arbeit war es, ihren
besonderen Stil auch im Medium Internet lebensecht
zu präsentieren.
Link
www.beckerblau.eu
16
Kunde
ISC AG
Umfang
Logo & Corporate Design, USP, Slogans, Web-Design
& Development (CMS Anbindung, Mehrsprachigkeit,
SEO, E-Marketing), Print (Visitenkarten, Mappe, Broschüre, Anzeigen)
Dr.
Max Mustermann
CEO
29, James Street
London W3 G2 QS
United Kingdom
P: +44 - 237 947 6322
F: +44 - 237 647 0516
M: +49 - 175 375 95 44
isc-ag.eu
[email protected]
Info
Die ISC AG ist eines der führenden Unternehmen im
Bereich Implementierung. Sie hat sich hierbei auf
eine umfassende Herangehensweise bei der aktiven
Managementberatung spezialisiert, die von der Analyse
bis zur Umsetzung reicht.
Link
www.isc-ag.eu
17
Kunde
Universität Konstanz
Fachbereiche Chemie und Biologie
Konstanz Research School Chemical Biology
Umfang
Konzeption, Web-Design & Development
(CMS-Anbindung)
Info
Für einen repräsentativen Auftritt beider Fachbereiche
im Rahmen der bundesweiten Exzellenzinitiative
wurden wir mit der Erstellung neuer Internetauftritte
beauftragt. Die Fachbereiche haben das Verfahren
gewonnen und gründeten daraufhin die gemeinsame
Graduiertenschule „Chemical Biology“.
Links
www.uni-konstanz.de/FuF/chemie/fbchemie
www.uni-konstanz.de/FuF/Bio/fachbereich
www.chembiol.uni-konstanz.de
18
Kunde
Universität Konstanz Fachbereich Philosophie
Umfang
Konzeption, Web-Design & Development
(CMS-Anbindung)
Info
Im fortgeschrittenen Bewerbungsverfahren der
Exzellenzinitiative und des geplanten Graduiertenkollegs ist der Internetauftritt des Fachbereichs
Philosophie komplett neu konzipiert worden.
Link
www.uni-konstanz.de/FuF/Philo/Philosophie
Kunde
Theater Konstanz
Umfang & Info
Das Theater Konstanz konnten wir gleich für zwei
sehr unterschiedliche Projekte gewinnen. Die offizielle Seite des Theaters wurde von uns konzipiert
und entworfen. Bei der Webseite der Theatertage
Baden-Württemberg durften wir die Beratung und
technische Umsetzung (Template-Programmierung, CMS-Anbindung und Programmierung der
E-Cards), das Web-Konzept und die Designtemplates
übernehmen.
Links
www.theaterkonstanz.de
www.theatertage-bw.de
19
PROFIL
Wir konzipieren, gestalten & programmieren
innovative Lösungen in interaktiven Medien.
Die Geschichte von Tojio beginnt im Januar 2004 mit
der Gründung der Faunworx GbR in Konstanz. Im Juli
2007 wurde aus Faunworx dann die Tojio GmbH. In dieser Zeit haben wir erfolgreich große und kleine Projekte
für unsere Kunden realisiert und uns ständig weiterentwickelt. Unsere Kernkompetenz liegt in der Verbindung
von Branding (Markenkommunikation), Design und Development (Programmierung) zu einer ganzheitlichen
Lösung, die nicht nur technisch einwandfrei funktioniert,
sondern auch für die Marke kommuniziert.
Was können wir für Sie tun?
LEISTUNGEN
· Consulting (Beratung, Idee, Konzept, Strategie, ...)
· Branding (Namensfindung, Corporate Design, ...)
· Design (Web, Mobile, Print, ...)
· Development (Web, Mobile, Software, ...)
· Service (Hosting, Backup, Security, SEO, ...)
NEWS
Aktuelle News zu Tojio und unseren neusten Projekten
finden Sie auf unserer Website oder in unserem Blog:
http://www.tojio.com
http://www.tojio.com/news-blog
TEAM
Tojio hat ein Netzwerk von Experten aus verschiedenen
Fachrichtungen. Darunter sind u.a. Fachleute aus den
Bereichen Text, Illustration, Sounddesign, Fotografie,
Kommunikationsdesign, Video, sowie SEO, IT und
Programmierung.
http://www.tojio.com/team
Tojio ist inhabergeführt. Gesellschafter und Geschäftsführer sind Kai Gertz und Gunnar Neef.
Kai Gertz
Geschäftsführer / Developer
· Theoretische (formale) Linguistik (Universität Konstanz)
· Information Engineering (Universität Konstanz)
Gunnar Neef
Geschäftsführer / Designer
· Mediengestalter für Digital- und Printmedien
· Kommunikationsdesign (FH-Konstanz)
Tojio GmbH
Full Service Internet Agentur
Blarerstr. 56
D-78462 Konstanz
Tel. +49 (0) 75 31- 28 29 058
[email protected]
Webwww.tojio.com