Loading ...

Responses by Daisy Potfer, founder, D.Potfer Studio.

Background: The site addresses the hospitality, “art de vivre” and cultural sectors. The goal was to give a soft, editorial and premium touch to the experience as soon as the user arrives. The attention to details in the design reflects our holistic approach and/or specific interventions.

Design core: What we enjoy in the design is the overall look and feel with the mix of the bold fonts and the soft imagery. It was an interesting case of “how far can you go in creating a tailor-made site that still needs to have a back office.” It’s sometimes complicated to find the right balance and design can overlap having a sustainable back office.

Favorite details: I guess that beyond the design itself, we’re super proud of the animations and the subtlety of having a navigation that gives an immersive factor that’s unexpected. It remains intuitive to navigate.

Challenges: Once again, keeping the ambitions we had set in terms of user experience and immersion in the design while being able to plug a back office onto it was key. Another technical constraint was to adjust the fonts and making layout decisions when it got too responsive.

Navigation structure: D.Potfer Studio has a minimalistic and editorial layout design based on big typography and high-height imageries. Therefore, the navigation becomes an important part of the concept as it brings life and creates a sense of narration to this editorial layout.

The global idea behind the navigation structure was to bring the user from the start to the end of the homepage with distinctive transitions between different works while maintaining the same grid of imagery in the background. The result of this conveys to the user the impression that the studio can adapt to different styles of projects with the same level of quality.

Special navigational features: We wanted to stay as minimalistic as possible, It was important to keep simplicity on this website as it reflects the DNA of D.Potfer Studio. So the special navigation features remain very subtle and non-essential for using the website. For example, on the about us page you can long-press the screen to reveal a hidden animation.

Technology: The site was created with Vue.js for the front-end and Wordpress for the back-office. Data was formatted and exported as static JSON. The choices were made because it was a real time gain compared to using the Wordpress restAPI.

dpotferstudio.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