Swooshing through the ERP world with Katana

KEYWORDS

WordPress, AWS, Lottie, TypeScript, PHP, DevOps, UX/UI, Brand design

Team

Mathias Vain (NOPE) design
Janeli Õun (NOPE) illustrations
Kristel-Maria Kadajane (NOPE) project lead
Vladislav Stafinjak full-stack
Pärt Erikson back-end
Tanel Marran front-end
Siim Sups development project manager

Visit the website

About

Katana was founded in 2017 with a mission to create manufacturing and inventory management software to help micro manufacturers manage their business operations in a visible and accessible way. Today, they’ve become one of the most desirable startups for investors and a great partner to many businesses around the globe.

 

Process

Until 2021 Katana had put minimal effort into branding and their simple visual identity back then was enough to attract micro manufacturers. However, their goal was to now reach more prominent companies and for that, it was necessary to have a more thought-out brand and website. So they reached out to us, looking for a brand and a website update, and as they say – the rest is history.

During the rebranding process with NOPE, they dipped their toes into the idea of a new name but realized during the interviews phase that the name was already perfect with a nod to the craftsmanship and precision of great masters. As they moved on with small, but confident steps towards a clearly identifiable brand identity system, it came to life vibrantly in an array of digital, print, and environmental mediums. The playfulness of the whee character and the familiarness of the new logo got a great response from the internal team, and it all went off to make its mark inside the team.

The newly refreshed brand provided a great foundation for the website. Since the timeline was tight, we started building the website as the brand and web design were still in the final stages. From the fine-tuning of the green color hex value to changes in the layout between pull requests, it was somewhat confusing, to say the least. We also can’t forget the role of the new information architecture and content overhaul in this project. Because of this, hundreds of pages of content needed to be migrated by hand. The website has over 70 (crazy!) different sections to accommodate their need to build new pages as they go, 5 different hero variants, and 10+ completely unique page templates. We collaborated with animators and focused on movement and micro-interactions and despite all that multimedia content, the fast page speed and overall performance were one of our top priorities. The entire development process was agile and iterative, and the main principles were scalability and optimization.

Challenge

For Katana, the challenge is to keep up with the fast-moving manufacturing world and keep its SaaS product updated according to its clients’ needs. The core value that sets them apart from competitors is their easy-to-use software that boosts efficiency and gives total control over the manufacturing processes. In a world where many ERP tools look and feel like creations from the early days of the Internet, this is really something. Katana is not only following the trends but instead creating the trends in the modern ERP world. For us, the challenge was to keep up the standards on our front!

Results

  • 30% better web performance score in both mobile and desktop devices (based on PageSpeed Insights).
  • Dynamic and modular web & design framework to support SEO and marketing activities
  • Stronger employer branding through visual storytelling
  • Oh, and of course The Golden Egg Design Award (Silver) for the best in the Digital / Homepage category!

We felt like they were part of our team

We felt like they were a part of our team. We could turn to them to ask for an opinion or help with anything. After the project it was like someone was missing from our daily work.

Oliver Vesi
Head of Marketing at Katana Technologies