The Project At a Glance

The Challenge

To develop a mobile responsive website with simple architecture and a strong brand, from an engaging provocation piece leading through to an interactive video player.

The Solution

A simple, intuitive and responsive website that promotes a natural user journey while using current technologies.

The Tools

Rails App
Ember.js
Video.js
Slick Carousel
CSS animation

What We Did

Create direction
Branding
UX/UI and visual design

Content
Social Media rollout
Multi-platform optimisation

togetherwmn-desktop-home

Simple architecture and a strong brand

Together We Make a Nation (TWMN) is an interactive documentary about former refugee women living in New Zealand. A collaboration between Story Inc. and Ackama, it was funded by NZ on Air and was a finalist in the 2017 Best Design Awards.

Interactive documentaries are more explorative than traditional broadcast documentaries. They have become a creative vessel delivering a bigger message to users, allowing them to create their own pathway through the stories and information to determine their own outcome or actions.

The TWMN website needed to be simple, intuitive and responsive so that the user journey could happen naturally. The technology behind the different elements could be complex but the pathways and choices had to be clear in order to make the user experience enjoyable and immersive.

It also had to look fantastic. Aesthetically, we chose a bold look inspired by the refugee Olympic flag, a Kiwi element with the koru and natural light photography for a more human feel. This created a strong, recognisable brand that was used across the site, for all social media and in print.

An Engaging Provocation Piece to Entice the Audience

TWMN wanted to inform users about the current refugee crisis, and put it into a NZ context early on in their journey. Ackama solved this by creating an interactive, provocational piece at the start of the website. It evokes empathy so when it’s time to watch one of the interactive documentaries, the user is already part of this story.

Custom Interactive Video Player

Ackama built a custom video player to enhance audience interaction with the documentaries. When watching one of the documentaries icons appear on the screen allowing users to explore additional multimedia content; extra interviews, research, archival footage and photos or links for more resources. This means the user is in control of their journey, they can navigate through the content at their own pace and in any order, dig deeper into content that interests them and choose an interactive response at the completion of each documentary.

together we make a nation mobile screen