New Mirabeau website offers visitors unique experience

Our dedicated team of developers, designers, data analysts and testers combined their latest skills on design and technology to create the new Mirabeau.com. We sat down with Johannes Lamers, Senior Visual Designer, and Peeke Kuepers, Senior Front-end Developer, to talk about our new website.

Peeke Kuepers (Senior Front-End Developer) and Johannes Lamers (Senior Visual Designer)

Innovation

“At Mirabeau, innovation is a core element in all of our projects,” Johannes begins. “From the start it was clear that innovation would be a big part of the experience and the design process. We were excited to break through the conventional boundaries of interfaces.”

“Working on our own website gave the team the possibility to experiment with new navigation patterns, asymmetrical design, animations and modern web techniques,” Peeke explains. “This project enabled us to gain new expertise, that we can use to develop smarter, more impactful digital solutions for our clients.”

Content-first design

“The days of adapting a design to mobile, or a mobile design to desktop are gone,” Johannes explains. “Our website is designed content-first. The design is completely fluid in all screen sizes. No fixed breakpoints for mobile or tablet, but we adapt the content and the styling according to height and width of the screen. The end result feels like a fluid and almost organic experience” he says. “Because we worked content-first, adapting it to multiple resolutions was quite an easy job,” Peeke continuous.

Unique User Experience
“Mirabeau.com contains a unique horizontal scrolling content stream. You can leave the stream to read an article, and when you come back you can pick up exactly where you left off,” Peeke explains.

“The horizontal scroll makes you feel like you are browsing through a magazine as it gives you the same feeling of craftsmanship. It’s a joy to switch between pages!” Johannes says.

The horizontal content stream gives users the same feeling of craftsmanship as our print materials.

“The content stream is built with tiles that are randomly placed on a vertical grid. By clicking a tile, the stream scales down to make room for our story or case study. All our vertical article pages are made of components that allow us to make highly customized pages,” Johannes says. “The website structure is based on stacked layers and a custom grid. And because of this stacked layer principle, we created a navigation system to ensure a seamless journey from one page to another," Johannes continues.

Development

“We definitely developed on the cutting edge of browser technology. So much even, that we had to remove certain features to make sure everything worked great in all modern browsers.” Peeke says (looking at you Safari).

By implementing Sitecore as our Content Management System, we can leverage all the advantages of the advanced marketing functionalities Sitecore has to offer and provide relevant content that serves the interests of each individual visitor.

Minimal Lovable Product

Mirabeau.com is a minimal loveable product, which means we will continue optimizing our website using qualitative and quantitative insights. After all, true innovation begins by learning from the experiences of real people.

Check out our new website and let us know what you think!