Loading ...

Responses by Daniel Spatzek, founder, Spatzek Studio.

Background: This is the portfolio website for SIXMOREVODKA, a Berlin based purveyor of concept art and illustrations for some of the biggest franchises in entertainment. The launch of the website coincided with the release of new artwork for Riot Games’s video game Legends of Runeterra.

Design core: While the art forms the heart of the site, the company behind its creation shouldn’t be buried under its insane quality. I wanted the site to be bold, something that stands out—characteristics that perfectly describe the SIXMOREVODKA team and their work.

To achieve the required level of boldness, I went with Söhne Schmal Feet, a great typeface with a distinctive look created by Klim Type Foundry. Everything else is built on the typography, and this allowed me to direct and balance the focus of the users on each part of the website individually. For example, the homepage is focused on SIXMOREVODKA’s message while still showing some of the punchiest images in its portfolio. Contrary to this, the work pages have a heavy emphasis on the art—and much less on the text.

The other major part of the site is the animation design. These were also designed to get users’ attention to where we wanted them. The same eye-catching appearance effect I used for the homepage text is used again on the gallery overview page, but this time to bring focus to the illustrations.

Challenges: For technical reasons due to the animation design, we had to preload all images from the gallery overview pages. This resulted in rather long loading times. Instead of getting rid of the animations, we made the bold decision to stick with the preloaded images. However, I needed a solution for the loading screen. Inspired by the Marvel Studio intro, I create a transition animation that distracts the user and makes the loading process feel short. After some feedback, people actually wanted the images to appear even longer during the animation, but that wasn’t the purpose. It is meant to tease, to motivate the users into digging through all the beautiful artwork on the page.

Technology: We used Nuxt.js, Storyblok and GSAP.

sixmorevodka.com

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