Background: The project was to create the official website for the award-winning feature film Cargo by writer and director Kareem J. Mortimer. With help from digital design studio Ursa Major Supercluster, the site serves as both a promotional tool for the international campaign of gala premiere screenings and digital sales to come, as well as to enhance the movie experience by providing behind-the-scenes material.
Highlights: The single-page-scrolling experience with immersive effects that visualizes the core theme of the film: issues of human rights hidden under the surface of a paradisiac place such as the Bahamas. The experience starts with the bright impression of a holiday island, but the deeper users go, the darker it gets.
Challenges: Coordinating the timing of the animations to the varying scroll speeds of different users without harming the aesthetics.
Navigational structure: We kept the navigational structure as simple and streamlined as possible in order to guarantee a user experience that encourages users to go through all the main parts of the page.
Technical features: The site has been designed in Adobe XD and Photoshop and developed with VIM and partly Atom. We used HTML5, CSS3, JS, GSAP, pixi.js and scrollmagic as well.