Date
June 2021 +
Role
Product designer
Team
Merchant Experience
Background
Rebuild and redesign
Early 2022 • Jeroen Mulder, Scott Albert
When I joined Mollie there was a need to give the marketing website some love. The design was a bit outdated, and not accurately reflecting the brand style, at the time newly developed by Build In Amsterdam. The way we displayed information was clear, but there was room for improvement. We were at a crucial point in time where Mollie expanded from a company solely focussed on payments, to moving into a broader financial offering. The website that was in place did not have the structure to support this extended product offering.
At this time, the decision was made to change the technical stack of the website and migrate it in it's entirety. Together with a PM and a team of engineers we scoped and planned the work of this techinical migration while simultaneously applying the new brand style and preparing the information architecture for an extended suite of products. It was a balancing act where we needed to carefully consider which improvements made the most impact and saying no to the rest, to avoid scope creep for an already relatively big project.
Redesign and rebranding
Early 2023 • Kevin Kalle, Adriaan Mol
After some time, we collectively realised that the new brand style wasn't working so well for Mollie, and that the correct execution of it was harder than expected.
At the start of 2023 I therefore revamped the branding of Mollie together with the founder Adriaan and the other designers at Mollie. To launch this new branding I redesigned the homepage together with Kevin Kalle. This was happening at the same time as a redesign of our dashboard and app, on which I also worked.
Because everything was changing, we designed the homepage from scratch and let that influence the rest of the website. From branding to iconography, product visuals, animation, interactions. This was the starting point for a revamp of the entire marketing website, which we completed later in 2023.
Our goal was to simplify and put more focus on the product instead of the branding. Our previous brand was too strong, too prominent and too easy to get wrong. We needed something subtle yet modern, that found a good balance between being recognisably Mollie while also fading into the background to put more emphasis on the products. We managed to get that desired result.
After we launched the homepage I continued alone to redesign the rest of the entire website, counting on my peers for constant feedback. I also created an implementation strategy (based on impact/effort for rebuilding certain parts) of the website in order to smoothen implementation.
Redesign and migration to Framer
Late 2023 • Joris Rood, Adriaan Mol, Bart Freijssen, Thomas Otter
Later in 2023, we realised that the new stack we migrated the website to was not delivering fully on our needs and desires, especially in the area of easy implementation of designs and design quality. It also so happened that around this time, Framer was coming up strong in the industry delivering on exactly those promises.
After a short time of experimentation, the decision was made to migrate the website fully to Framer, and completely redesign it in the process with a focus on strong details, interactivity and animation. Building it directly in the way designers envision it, without being held back by the limitations of engineering.
I worked together with Joris Rood, who has a presence in the Framer community, and Adriaan, the founder of Mollie, to migrate the entire marketing website and the careers site to Framer. By first building and shipping the careers site together with other designers, we proved the added value of Framer which helped us to get buy-in for the migration of the full marketing website.
During the process of the migration we redesigned almost all of the pages, and evolved our brand style further, while keeping in close contact with Framer themselves. As Mollie's marketing website was one of the biggest websites built to date in Framer, we helped them to build our their Localization and CMS functionality by providing real world feedback.
Upon launching, it was fun to see that we got some traction online:
I hope this case study gave you some insight in my process and ways of thinking.