georg fischer

The Expressive Web

The Expressive Web is a showcase of modern web technologies for Adobe. It shows the capabilities of 12 new web technologies in action, demonstrating new features in CSS3, HTML5 and JavaScript. I worked in a team at Big Spaceship together with two designers and one developer. I worked on the front end of the website. The Team: Dave Chau, Jay Quercia, Stephen Koch, Lauren Shapiro
  • adobe-expressiveweb-01

    adobe-expressiveweb-01

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-01-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-01.png

    1024

    543

    image

  • adobe-expressiveweb-02

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-02-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-02.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-02-450x238.png

  • adobe-expressiveweb-03

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-03-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-03.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-03-450x238.png

  • adobe-expressiveweb-04

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-04-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-04.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-04-450x238.png

  • adobe-expressiveweb-05

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-05-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-05.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-05-450x238.png

  • adobe-expressiveweb-06

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-06-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-06.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-06-450x238.png

  • adobe-expressiveweb-07

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-07-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-07.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-07-450x238.png

  • adobe-expressiveweb-08

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-08-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-08.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-08-450x238.png

  • adobe-expressiveweb-09

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-09-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-09.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-09-450x238.png

  • adobe-expressiveweb-10

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-10-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-10.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-10-450x238.png

  • adobe-expressiveweb-11

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-11-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-11.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-11-450x238.png

  • adobe-expressiveweb-12

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-12-1024x543.png

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-12.png

    1024

    543

    image

    http://fishnation.de/wp-content/uploads/adobe-expressiveweb-12-450x238.png

socialmap

web application

socialmap is a web application for smartphones. This project was part of my bachelor thesis. It detects the location of the smartphone using the HTML5 geolocation API. Once it is located, the application displays nearby data from webservices and social media, such as tweets, flickr images, wikipedia entries and concert suggestions from last.fm. It also displays nearby restaurants and the schedule of public transport stops. The application is able to automatically put together sightseeing tours for the current city, based on tags, ratings and popularity of places. The English version is coming soon...
  • socialmap-2

    socialmap-2

    http://fishnation.de/wp-content/uploads/socialmap-2-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-2.png

    1024

    557

    image

  • socialmap-3

    http://fishnation.de/wp-content/uploads/socialmap-3-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-3-450x244.png

  • socialmap-4

    http://fishnation.de/wp-content/uploads/socialmap-4-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-4-450x244.png

  • socialmap-5

    http://fishnation.de/wp-content/uploads/socialmap-5-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-5.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-5-450x244.png

  • socialmap-6

    http://fishnation.de/wp-content/uploads/socialmap-6-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-6.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-6-450x244.png

  • socialmap-7

    http://fishnation.de/wp-content/uploads/socialmap-7-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-7.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-7-450x244.png

  • socialmap-8

    http://fishnation.de/wp-content/uploads/socialmap-8-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-8.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-8-450x244.png

  • socialmap-9

    http://fishnation.de/wp-content/uploads/socialmap-9-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-9.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-9-450x244.png

  • socialmap-10

    http://fishnation.de/wp-content/uploads/socialmap-10-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-10.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-10-450x244.png

  • socialmap-11

    http://fishnation.de/wp-content/uploads/socialmap-11-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-11.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-11-450x244.png

  • socialmap-12

    http://fishnation.de/wp-content/uploads/socialmap-12-1024x557.png

    http://fishnation.de/wp-content/uploads/socialmap-12.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/socialmap-12-450x244.png

  • video

    17442106

    470

    360

    video

bendable interface

interactive object

Flexible displays for mobile devices will soon be available. Combined with bending sensors, this technology offers interesting new ways of interacting with content on the screen. To find about more about the possibilities of this technology, I built a prototype of a bendable device and wrote a few demo applications for it. For the prototype I replaced the flexible display with a projector. Built with Processing and Arduino.
  • bender-1

    bender-1

    http://fishnation.de/wp-content/uploads/bender-1-1024x557.png

    http://fishnation.de/wp-content/uploads/bender-1.png

    1024

    557

    image

  • bender-2

    http://fishnation.de/wp-content/uploads/bender-2-1024x557.png

    http://fishnation.de/wp-content/uploads/bender-2.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/bender-2-450x244.png

  • bender-3

    http://fishnation.de/wp-content/uploads/bender-3-1024x557.png

    http://fishnation.de/wp-content/uploads/bender-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/bender-3-450x244.png

  • bender-4

    http://fishnation.de/wp-content/uploads/bender-4-1024x557.png

    http://fishnation.de/wp-content/uploads/bender-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/bender-4-450x244.png

  • video

    18643536

    470

    360

    video

Twitter Visualizer

web application

The Twitter Visualizer is a web application for exploring the latest tweets of Twitter's public timeline. The tweets can be filtered by content, length, location and followers. I did this project in the 6th semester of my studies of communication design.
  • twitter-1

    twitter-1

    http://fishnation.de/wp-content/uploads/twitter-1-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-1.png

    1024

    557

    image

  • twitter-2

    http://fishnation.de/wp-content/uploads/twitter-2-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-2.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/twitter-2-450x244.png

  • twitter-3

    http://fishnation.de/wp-content/uploads/twitter-3-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/twitter-3-450x244.png

  • twitter-4

    http://fishnation.de/wp-content/uploads/twitter-4-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/twitter-4-450x244.png

  • twitter-5

    http://fishnation.de/wp-content/uploads/twitter-5-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-5.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/twitter-5-450x244.png

  • twitter-6

    http://fishnation.de/wp-content/uploads/twitter-6-1024x557.png

    http://fishnation.de/wp-content/uploads/twitter-6.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/twitter-6-450x244.png

26plus-zeichen

website

26plus-zeichen is an online platform for design and typography students where they can publish and discuss font drafts. The website includes a live preview tool for the fonts, powered by CSS3, HTML5 and JavaScript. It will soon be available in English.
  • 26plus-1

    26plus-1

    http://fishnation.de/wp-content/uploads/26plus-1-1024x557.png

    http://fishnation.de/wp-content/uploads/26plus-1.png

    1024

    557

    image

  • 26plus-2

    http://fishnation.de/wp-content/uploads/26plus-2-1024x557.png

    http://fishnation.de/wp-content/uploads/26plus-2.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/26plus-2-450x244.png

  • 26plus-3

    http://fishnation.de/wp-content/uploads/26plus-3-1024x557.png

    http://fishnation.de/wp-content/uploads/26plus-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/26plus-3-450x244.png

  • 26plus-4

    http://fishnation.de/wp-content/uploads/26plus-4-1024x557.png

    http://fishnation.de/wp-content/uploads/26plus-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/26plus-4-450x244.png

network monitor

interactive installation

network monitor is an augmented reality installation. It visualizes data flows in a computer network in real time and real place, using Processing and the Carnivore library. I did this project in the 3rd semester of my studies of communication design.
  • network-monitor-2

    network-monitor-2

    http://fishnation.de/wp-content/uploads/network-monitor-2-1024x557.png

    http://fishnation.de/wp-content/uploads/network-monitor-2.png

    1024

    557

    image

  • network-monitor-3

    http://fishnation.de/wp-content/uploads/network-monitor-3-1024x557.png

    http://fishnation.de/wp-content/uploads/network-monitor-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/network-monitor-3-450x244.png

  • network-monitor-4

    http://fishnation.de/wp-content/uploads/network-monitor-4-1024x557.png

    http://fishnation.de/wp-content/uploads/network-monitor-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/network-monitor-4-450x244.png

  • network-monitor-5

    http://fishnation.de/wp-content/uploads/network-monitor-5-1024x557.png

    http://fishnation.de/wp-content/uploads/network-monitor-5.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/network-monitor-5-450x244.png

  • network-monitor-6

    http://fishnation.de/wp-content/uploads/network-monitor-6-1024x557.png

    http://fishnation.de/wp-content/uploads/network-monitor-6.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/network-monitor-6-450x244.png

  • video

    18678207

    470

    360

    video

attention

interactive installation

attention is an interactive installation. There's a webcam mounted to wall and a very tiny text projected beneath it. The font size is so small that the text is not readable from a distance. The closer a person gets to the wall to read the text, the more the text blurs, so that no one can actually read it. I did this project in the 3rd semester of my studies of communication design.
  • attention-5

    attention-5

    http://fishnation.de/wp-content/uploads/attention-5-1024x557.png

    http://fishnation.de/wp-content/uploads/attention-5.png

    1024

    557

    image

  • attention-1

    http://fishnation.de/wp-content/uploads/attention-1-1024x557.png

    http://fishnation.de/wp-content/uploads/attention-1.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/attention-1-450x244.png

  • attention-2

    http://fishnation.de/wp-content/uploads/attention-2-1024x557.png

    http://fishnation.de/wp-content/uploads/attention-2.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/attention-2-450x244.png

  • attention-3

    http://fishnation.de/wp-content/uploads/attention-3-1024x557.png

    http://fishnation.de/wp-content/uploads/attention-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/attention-3-450x244.png

  • attention-4

    http://fishnation.de/wp-content/uploads/attention-4-1024x557.png

    http://fishnation.de/wp-content/uploads/attention-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/attention-4-450x244.png

  • video

    18643892

    470

    360

    video

Hetterich Architekten

website

Website for Hetterich Architekten, an architecture firm in Würzburg. Amongst other things it features a a detailed documentation and a gallery for each project and a map of all projects. I designed and developed the whole website.
  • hetterich-1

    hetterich-1

    http://fishnation.de/wp-content/uploads/hetterich-1-1024x546.png

    http://fishnation.de/wp-content/uploads/hetterich-1.png

    1024

    546

    image

  • hetterich-2

    http://fishnation.de/wp-content/uploads/hetterich-2-1024x546.png

    http://fishnation.de/wp-content/uploads/hetterich-2.png

    1024

    546

    image

    http://fishnation.de/wp-content/uploads/hetterich-2-450x239.png

  • hetterich-3

    http://fishnation.de/wp-content/uploads/hetterich-3-1024x546.png

    http://fishnation.de/wp-content/uploads/hetterich-3.png

    1024

    546

    image

    http://fishnation.de/wp-content/uploads/hetterich-3-450x239.png

  • hetterich-4

    http://fishnation.de/wp-content/uploads/hetterich-4-1024x546.png

    http://fishnation.de/wp-content/uploads/hetterich-4.png

    1024

    546

    image

    http://fishnation.de/wp-content/uploads/hetterich-4-450x239.png

touchable sound

interactive object

touchable sound is an interactive table that allows to display, create and manipulate sounds with a touch sensitive surface. It uses four pressure sensors on the edges of the screen to register touches on the surface and a projector for visual output. Built with Arduino and Processing. I did this project in the 4th semester of my studies of communiaction design.
  • touchable-sound-1

    touchable-sound-1

    http://fishnation.de/wp-content/uploads/touchable-sound-1-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-1.png

    1024

    557

    image

  • touchable-sound-2

    http://fishnation.de/wp-content/uploads/touchable-sound-2-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-2.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/touchable-sound-2-450x244.png

  • touchable-sound-3

    http://fishnation.de/wp-content/uploads/touchable-sound-3-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-3.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/touchable-sound-3-450x244.png

  • touchable-sound-4

    http://fishnation.de/wp-content/uploads/touchable-sound-4-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-4.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/touchable-sound-4-450x244.png

  • touchable-sound-5

    http://fishnation.de/wp-content/uploads/touchable-sound-5-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-5.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/touchable-sound-5-450x244.png

  • touchable-sound-6

    http://fishnation.de/wp-content/uploads/touchable-sound-6-1024x557.png

    http://fishnation.de/wp-content/uploads/touchable-sound-6.png

    1024

    557

    image

    http://fishnation.de/wp-content/uploads/touchable-sound-6-450x244.png

About

sorry but your browser doesn't support the canvas tag.

Georg Fischer

I am a designer from Würzburg, Germany. In September 2010 I graduated with a bachelor's degree in communication design. I currently work as a technologist at Big Spaceship in Brooklyn.

curriculum vitae

1985 
"hello world!"
2010
Bachelor of Arts
2006-2010
studies of communication design at the University of Applied Sciences Würzburg-Schweinfurt, focus on interactive media and information design

work experience

2011
developer at Big Spaceship, Brooklyn
2008 - 2011
freelancer at bueroparallel, Würzburg
2004
intern at Buena La Vista , Würzburg

skills

tools
Cinema 4D, Coda, Creative Suite, Eclipse, Final Cut
languages
  • German, English
  • HTML5, JavaScript, CSS, PHP, MySQL, Processing, Arduino, ActionScript 3
tasks
designing and developing websites and web applications, optimizing websites for mobile devices, tinkering with electronics, developing prototypes, design and make stuff