DevelopmentUX/UIVisual

Geist 
HTML5 App

What I did

Front-end development

HTML prototyping

Information architecture

Interface design

Visual design

Wireframing

Reimagine Geist magazine as a fully responsive, cross-platform digital product.

One of the main differences between printed publications and their digital counterparts is the way users travel through and consume the content, and one of the challenges of this project was to create a user journey and UX more suited to digital platforms, while not losing the ability to quickly browse and assess content as you do when flicking through a magazine.

invite cover
Monogram
Monogram
invite inside

We created a multi-level navigation system that presents users with a visual index of the content within each section of the magazine, using tiled cards which display imagery and key information about each individual piece.
Articles, poetry and other individual pages can also be navigated by swiping left and right, enabling the user to read 'cover to cover', linearly.

One challenge we faced in creating a responsive solution was maintaining the formatting of poems across different device sizes - We settled on a centred column that expands with line-length, and careful use of media queries to control type size at various breakpoints.

Magpie Jewellery