Responses by Daniel Spatzek, founder, Spatzek Studio.
Background: This website is the new online presence for my digital design studio. In creating the concept, I tried to strike that sweet spot between aesthetics and function while still having elements that differentiate the site from the competition. It had to communicate our values and show off our work without being overly fancy or relying too much on creative effects.
The site was not made to win awards—although it did—or get the attention of the design community; its goal was to win over the target audience: potential customers—marketers and business owners.
Design core: It was crucial to put a certain idea into the minds of the audience: We make awesome looking websites, but we do it differently. When you come to Spatzek Studio, you do not just get good-looking stuff; you receive meaningful designs and concepts with a well-thought-out core—uncomplicated, and without any fuss.
But how to achieve that? I did multiple layouts that were either too boring, overused or too crazy. So I started by splitting the page into two parts: the content part, which includes the Home page, the Project Overview page and the Project Detail page; and the communication part, which consists of the About page, the Contact page and the header.
The first part was designed with simple goals in mind: easy to use, clear and nice to look at, focusing on the quality of the presented work itself. Part two was a bit more challenging. I wanted to communicate with the audience in a way that hasn’t been done before—for example, our About page does not consist of typical empty phrases and a few pictures of an office. After several attempts, I found a solution that enabled me to provide a lot of information without boring the user to death. The information itself became the core element of this section, supported by some psychological trickery that makes you read the entire thing.
The concept of the About page works extremely well. According to Google Analytics, the average session duration of more than 30,000 visitors exceeds two minutes, which is great if you consider that most visitors come from award platforms.
Favorite details: The whole site gives an example of what Spatzek Studio does for its clients: put the content at the heart of the product, enhance it with a good idea and wrap it in awesome design—and not the other way around. That’s pretty uncommon nowadays.
Technology: The site was designed in Adobe XD. Image retouching was done in Adobe Lightroom. The coding was carried out in Atom. I used Nuxt.js for the site’s structure and SSR and GSAP for the animations.