Someone looking at a mobile phone with an Ocean Wise story on the screen, while jellyfish float in the background.

The Challenge

Creating an innovative, highly flexible content strategy and platform for a new Vancouver Aquarium initiative that goes beyond the blogging paradigm.

Client

Vancouver Aquarium's Ocean Wise

Deliverable

We're live! Explore stories on any device. Get lost underwater (in a good way)! There's so much to learn!

Contributions

Prototyping, user testing, content template design (desktop and mobile), UI design system, motion

Software Used

Sketch, Adobe Photoshop, Adobe After Effects, Invision

Accolades 🏆

The ocean has many stories to tell 📖

And so do the creatures who are in, around, on top, and underneath it. In collaboration with Ocean Wise, our job at Engine Digital was to help share these narratives in compelling ways, so that the next generation of ocean conservationists could engage meaningfully with them.

Wireframes of our different templates.

We developed a flexible framework of constructing "stories" (and this was before Instagram Stories was a thing). The idea was that a story could be built, not just with words, but also with images, videos, quotes, and interactive elements. Together, these elements could weave into one cohesive narrative. On their own, each "bite-sized" panel could act as a shareable social moment. Though we also built the option to have longform content tucked away if there was more to learn; we refer to these as "Deep Dives", similar to Instagram's "Swipe Up" functionality.

A deep dive into content 🧜🏻‍♀️

Essentially, we built linear narratives that could be delineated at any point and by anyone, depending on a person's level of curiosity and fascination of the various topics at hand. Templates were built for both static and interactive content, and we designed flexible, scalable, high-impact layouts that take advantage of the Vancouver Aquarium's library of incredible high-res aquatic imagery.

Our versatile and flexible mobile templates allow for different types of layouts and interactions.

Previous Project

Next Project