Farewell

Role

Digital Designer and front-end developer on a team of 4 at Stockholm Design Lab.
Tasks: Front-end coding (Javascript), UI, Graphic Design

Deliverables

- UX/UI
- Coded animations (morpherJS)
- Website design & wireframing

The problem

Each year, five times the distance to Pluto is driven by trucks with absolutely nothing in, BANG (Break A New Ground) developed software to stop this inefficiency in its tracks and say farewell to unsustainable logistics. With the launch approaching, they needed a solution to manage day-to-day logistics for their clients and drivers using the platform, and a landing page to tell the full story.

Telling the farewell story

Through data visualisations and particle animations, we wanted to get the message out about Farewell's impact. For the landing page I coded particle animations that would change as you scroll - and change to tell an engaging story. Utilising the particle forms used throughout farewell's identity for data visualisation they would assemble and disassemble, creating moving particles that re-arrange themselves as the user moves through each section.

Coded final site - with triggered morphSVG animations

As emissions increase, so does the need for a scalable solution
Screens from the Farwell logistics mobile app