Loading ...

Responses by Julie Bonnemoy, art director.

Background: This website was made for architecture studio Loer Architecten in Rotterdam. Frank Loer, the founder, contacted us because he had seen my own website and was inspired by the poetic aspect of the layout and animations. He described himself being someone that pays a lot of attention to detail and having strong ideas in his project; we feel really close to that way of thinking. For us, having the opportunity to create a portfolio website with this much freedom was a real plus. As his target audience being mainly Dutch clients, this site was also a great way for us to make a mark on the Netherlands.

Favorite details: I enjoyed the challenge of designing the whole website with only one typeface. Playing with weights, type size and the orientation of the texts created a hierarchy for the content. I’m also really proud of how the animations feel smooth and bring all the different pages together. Last but not least, when creating the About page, I wanted to create a grid system that would pay an homage to the intricate work of Wim Crouwel.

Challenges: One of the main challenges of the site was presenting a story to the user that respects the work of Loer Architecten, as well as finding the layouts that showcase its assets in a beautiful way. I wanted to give the projects page some rhythm and I decided to follow a pattern of two vertical images and one horizontal image. Working for an architect, it was important for me to fully understand the needs of my client and create a layout that enhanced their 3-D renders and sketches.

Navigation structure: With the main navigation, my goal was to offer quick access to the projects and the information users might be looking for when visiting the website. For this, I designed the Projects list and About pages to act as overlays, accessible from anywhere in the website. Another important point was that I wanted users to discover more of the work of Loer Architecten and engage them in the story behind each project. By adding a second navigation at the hero and bottom of each project page, the user can go the next project just like turning the page to a new chapter in a book.

Technology: The website uses Wordpress as a back-end and more specifically the Json API, which lets our client to enter content and for us to 100-percent customize the front end. That front end runs on Nuxt.js—a Javascript framework based on Vue.js—which gives us the ability to setup a single page app with ease. The assets are being cached with Cloudflare so that, wherever users happen to be in the world, they will get the content as fast as possible.

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