Maps related Portfolio

Reading time 5 minutes

Museum

slide 2 museum

mini-map: 1999! A period in which there was no Google Maps!

slide 3 museum

The concept was a small navigation window that could be used overlying the website, a city guide from my residential district in São Paulo.
Archiv mini-map

slide 4 museum

For that I have drawn a map of Sao Paulo on various zoom levels!

slide 5 museum

A complete concept with the possibility of advertising etc.

slide 6 museum

Scalable and ambitious. 🙂 The concept could be applied to other cities and countries.

slide 7 museum

Also a kind of Street View was planned!

slide 8 museum

1998 - 2003: "Instituto Steiger - German for Brazilians"

slide 9 museum

This very comprehensive site (about 4000 static HTML pages) includes a concept for an interactive language course (id: hypertext). While the last update was made in 2003 (!), the site still has 6000 unique visitors per month.
Instituto Steiger

slide 10 museum

Instituto Steiger: id:Hypertext The idea

Key idea

All pages (exercises, tests, tasks, grammar, etc.) have an identification number (short: id). This number facilitates the communication between students, teachers and the course administration in support, questions etc.
Concept, examples

slide 11 museum

Website Swisscam Brazil. 10 years old and ready for an update. But, (I think) the design looks still good. Solution developed with ModX CMS.
www.swisscam.com.br

slide 12 museum

But back to the present!

slide 13

POI's

Single-Page WebApp Template

slide 14 POI's WebApp Template

2014: Motivated by participating in a culture Hackathon I started with the development of a single-page web app template.

slide 15 POI's WebApp Template

POI's Web App Template Map detail example

"Hotel Terminus" Detail View Map

slide 16 POI's WebApp Template

POI's Web App Template Contentpage example

"Hotel Terminus" Detail POI Content

slide 17 POI's WebApp Template

"Hotel Terminus" Listview

slide 18 POI's WebApp Template

"Old Pictures of Zurich" Indication visited Marker

slide 19 POI's WebApp Template

"Flying Eduardo" Helppage

slide 20 POI's WebApp Template

"Flying Eduardo" Zoomable Images

slide 21 POI's WebApp Template

Map overview "Felix und Regula". OpenData based WebApp.

slide 22 POI's WebApp Template

Landingpage "Felix und Regula". OpenData based WebApp.

slide 23 POI's WebApp Template

OpenData based WebApp "Wo wählen": Map with Directions

slide 24 POI's WebApp Template

Link to all this Web Apps you can find here:

https://markussteiger.ch/work/

slide 25 POI's WebApp Template

Geocorrect

A very, very simple application that I built for the development of my Web Apps

slide 26 App Geocorrect

But I like this small interface element to set the marker position accurately.

slide 27 App Geocorrect

Google Play Store

slide 28 App Geocorrect

Speaking about small interface elements: In these days I helped OpenLayers to get a "real" Full Screen Icon. See also my Blog Post:
A new "real" full-screen icon for openlayers.org

slide 29

At the moment I am testing different ways of storytelling with Google Maps and Street View.

slide 30 Tests Storytelling Maps

slide 31 Tests Storytelling Maps

Storytelling Example MapMarkers Overview

Example MapMarkers
Demo

slide 32 Tests Storytelling Maps

StreetView Overlay: StreetView
Movement over Path: Moving

slide 33 Tests Storytelling Maps

I'm always interested in the latest technologies and trends and want to try this!

slide 34

On 06/11/2015 I attended the "NZZ Virtual Reality Hack Days 2015". An exciting experience. My result, the "Twitter Noise Cleaner" can be found here:
Demopage Hackathon

slide 35

Change the topic!

slide 36

Graphic Design

This background gives me the sensitivity for colors, form and typography. Here are some few selected references.

slide 37 Graphic Design

Visual Identity for an Event. Topic "Cinema"

slide 38 Graphic Design

Graphic and product design
Archiv

slide 39 Graphic Design

Illustrations for a "Biology Book"
more Illustrations from this book

slide 40 Graphic Design

Also in the graphic design I like to work with maps.
maps are downloadable

slide 41 Graphic Design

Swiss-Brazilian Chamber of Commerce: biannual publication (Portuguese/English): Design concept and art direction
swisscam.com.br/swisscam-magazine-en.html

slide 42 Graphic Design