Loading ...

Responses by MamboMambo.

Background: The website’s purpose is to breathe new life into a past exhibition that the Musée du Bas Saint-Laurent in Rivière-du-Loup, Quebec, wanted to bring into the digital world. The project’s main goal was to create an interactive exhibition that was easy to navigate and pleasing to search through. This project is dedicated to people living in the Bas-Saint-Laurent region or people who have ties with this region of Québec, Canada.

Design core: All of the photos showcased on the website date back to the 1860s. Therefore, we got the idea to have the website look like an archive. The font face, colors and grid all help to make this concept work as a whole. We also believe the key element of this website is the grid; all the layouts and search results rely on this element throughout the project.

Favorite details: If we had to choose, it would be the homepage and the reveal on the search results. The homepage communicates endless possibilities when the user drags it around, which helps them understand that there are tons of photos to discover.

As for the search results, we ensured that the display would remain easy to digest. When searching the user might end up with more than 10,000 results. We chose to sort chunks of results row by row, and a smooth reveal helps users find exactly what they’re looking for.

Special technical features: One element that isn’t known to any user is that the website contains more than 125,000 photos. Our team parsed and filtered the entirety of the Musée du Bas Saint-Laurent’s old database and migrated all the file metadata—and the original files as well. Thanks to Amazon Web Services, those images and their optimized versions are hosted somewhere secure and reliable, and they’re served via an effective CDN, making this interactive exhibition lightweight.

Technology: As with most of the websites we develop, we used Craft CMS in headless mode combined with Vue.js. This combination creates a website faster than ever with smooth transitions. We then implemented GSAP to bring that smoothness throughout the website.

cyberphotos.ca

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In