Wonderalp

Wonderalp is a cabinet of curiosities based on Alps travel diaries written by scientists from the 16th to the 18th century in Switzerland. The app showcases engraving illustrations and tales that guide the user between myth and science and help to understand the scientists’ wonder at nature at that time.

Video screencast of Wonderalp on iPad

The application is available on the App Store and the Play Store. It has been designed and developed as a web app because it’s meant to be a website in the future. The grid layout is fluid and adjustable to a responsive environment.

A tablet showing the home page On the home page, the user can access 3 environments (dragons, crystals and plants) A tablet showing the home page

The navigation has been thought to give the user a feeling of travel and discovery. The sound design and the stories told by theatre actors are meant to intensify the immersion into this singular world.

A tablet showing the dragon map Navigate to the different dragons apparitions with the map A tablet showing the dragon map

Images are a fundamental component of the application and so they have been handled with a special care. The challenge was to find the best compression libraries such as pngquant or jpegotpim to limit files size while keeping a good image quality and ensure a respectful rendering of the archived documents.

A tablet showing a detailed dragon page Explore the Alps dragons univers through rich engravings and fascinating stories A tablet showing a detailed dragon page

The stories gathered by those atypical scientists are transmitted through writings so good typography treatment is important. The Stanley typeface has a contemporary design inspired by ancient documentation as much as the application itself and so it’s a perfect match in this context.

A tablet showing the advanced menu Discover more things with advanced menus A tablet showing the advanced menu

For this project I was in charge of both Visual and Interaction Design. I collaborated closely with the client on Information Architecture through regular meetings and workshops. We had to respect both the scientific value of the content and the User Centered Design approach.

A tablet showing the crystals page Dig into a large collection of objects A tablet showing the crystals page

A tablet showing the favorited items page Favorite elements for a direct access A tablet showing the favorited items page

© 2015 Bread & Butter — All Rights Reserved