Scaling Nosto’s Product Design: A Visual Reborn

Scaling Nosto’s Product Design: A Visual Reborn

Since publishing the first version of Nosto’s platform, we’ve always valued a quality user experience. It’s long been our belief that without an appealing product and easy-to-use interface, making personalization accessible to online retailers of all sizes would be…well, a challenge.

Over the years, our product has gone through a few major redesigns. Each of these redesigns have been aimed at enabling our teams to build more advanced and powerful features for our customers to use, while maintaining the ease of use and simple core flows for setup and campaign creation.

We’ve recently rolled out the biggest redesign our product has seen so far – and it’s also the first time our new Design System is seeing the light of day…

Why it was time for a system redesign

At Nosto we’re no strangers to design systems. It’s now been well over three years since we first introduced a live style guide connected to our production app, which we’ve dubbed “Kitchen Sink” (pictured below)- and it’s been a key driver behind our design and development process.

However, our business ultimately drives our design efforts. And as the primary focus of our business shifts, our design shifts along with it to reflect that focus. And when that shift is big enough, incremental UX improvements just won’t cut it anymore – which means it’s time for a comprehensive design overhaul. We realized that the premise behind our original design – when compared to our current business focus – needed just that…

Redesigns are not a small feat and require a significant investment from our Product team. We knew we weren’t going to dive in head first unless it was clear that a redesign made sense and there was a business case for it. After validating and weighing our options, we concluded that our requirements had simply outgrown our Kitchen Sink, and a redesign was indeed a necessary investment. At the same time, it was the perfect opportunity to take our whole design process to the next level.

The (new) Nosto Design System

The goal: to build a revised, a full-blown component-based Design System.

The challenge: We would, essentially, be starting this project from scratch – from the very core elements like design principles and foundational design tokens – and building from the ground up. And we were determined to get it right.

To accelerate our efforts we brought in our favorite Design Systems expert, Viljami Salminen, onboard to make sure we were on the right path from the get-go. We’ll be diving into the whole process in a future post, but you can catch a glimpse of the project stages and Vue Design System in Viljami’s blog post.

Fast forward about a year where we’ve successfully rolled out a revised version of our UI and gearing up to launch new products built 100% on our fresh Design System:

What’s next for Nosto’s Design System?

While a lot of work has gone into our freshly released user interface, it’s currently very much a visual update and only the beginning in terms of adopting the new Design System. Naturally, all future Nosto products will be built on top of this new system, and we’re working to roll out a lot of under-the-hood improvements in the near future to enhance the user experience for current and future products.

We’re very excited about the future design direction of our product and the natural alignment and efficiency the new Design System will bring to our Product team.

And most importantly, we hope our clients reap the benefits of the improved user experience, power and efficiency that our design efforts aim to achieve. Initial reactions from our customers have been very positive and we’re always happy to welcome more feedback – so feel free to send some more our way!

Exciting times? We certainly think so…

Explore more articles

Nosto and Tapcart launch new integration, helping Shopify brands boost mobile sales with personalized shopping experiences
Ecommerce Nosto and Tapcart launch new integration, helping Shopify brands boost mobile sales with personalized shopping experiences

Nosto and Tapcart, trusted tech leaders for thriving Shopify brands, are announcing a new integration, solidifying their joint commitment to helping retailers deliver seamless and personalized shopping experiences. — New York, 18 January 2024 — Nosto, the leading Commerce Experience Platform (CXP), and Tapcart, the mobile app builder for Shopify merchants, have announced the launch […]

Read more
Insights from ‘The Women’s Domain & The Rise of Social Commerce’ Panel
Culture Insights from ‘The Women’s Domain & The Rise of Social Commerce’ Panel

Last month, we attended an event in London by The Women’s Domain – a vibrant community set up to amplify women’s voices within ecommerce (which Nosto proudly sponsored!). This particular event was about the rise of social commerce, and between cocktails and canapes, we listened to a fantastic panel of women, that included our very […]

Read more
New research: Festive Shoppers 5x as Likely to Click on Retailers’ Product Recommendations and 81% More Likely to Click on Personalized Content This Year
Ecommerce New research: Festive Shoppers 5x as Likely to Click on Retailers’ Product Recommendations and 81% More Likely to Click on Personalized Content This Year

Shoppers browse 22% more pages per visit, lingering 10% longer on each page as retailers’ product discovery campaigns contribute to a 4.10% hike in average order value and a 4.41% uptick in sales New research suggests festive online shoppers are taking longer to make purchase decisions this year, including interacting more heavily with retailers’ personalized […]

Read more
Black Friday Cyber Monday 2023, by the numbers
Ecommerce Black Friday Cyber Monday 2023, by the numbers

Cyber weekend 2023 was over in a flash! And we’re back with our annual breakdown of retail performance. We analyzed over a hundred million website visits to over a thousand Nosto-powered stores this year. Here’s your breakdown of how retail’s most anticipated weekend panned out in 2023. Overall weekend performance  Year-on-year increase in traffic: +22.94% […]

Read more