Product Overview Algolia.com

A few weeks ago, we released our brand new Product Overview page on Algolia.com!

This time, we went for a full design approach in a way that we, the design team, shared a first design even before the company wanted to redesign this page. It allowed us to build the entire story-telling first, and only then to refine the copy-writing with our product marketing team. Creating rich and smooth transition between sections and thus leading the overall experience. We still had to come up with a less detailed version to discuss the overall information architecture with the different stakeholders, but offering a preview of what the page could look like as a stepping stone, created a real momentum and alignment across the marketing team. Going UI first is still quite a huge risk to loose all your work, but we felt like we had a good vision before kick-starting the UI and animations, mitigating these risks.

Big kudos to @LukyVJ for his amazing front-end implementation — don't forget to check it out live! We had a couple iterations since this design, but the core is there.

Like always, feedback are much appreciated! 🙌