--- title: "Case study: Novacura – tech company rebrand | Sweet Lava" description: "Novacura's rebrand: a light logo correction, a new palette led by blue, a linear-wave key visual and a UI/UX component library built for scanner screens." url: https://sweetlava.eu/en/work/novacura/ lang: en alternate_pl: https://sweetlava.eu/pl/projekty/novacura/ --- B2B technology # Novacura – a rebrand and a UI component library A brand refresh for a Swedish technology company. A light logo correction, an entirely new colour palette with blue in the lead, a linear-wave key visual and a UI/UX component library, still being rolled out across Novacura's products. Jerzy Koenigshaus ![The Novacura rebrand – identity and UI components](https://cdn.sanity.io/images/pgdlccfz/production/db4c77dfdeead58fd5131f2b77a98d0281aa5de0-2400x1351.jpg?w=1600&q=90&auto=format) Context ## A brand that runs from a business card to a warehouse scanner Novacura is a Swedish technology company from Gothenburg, present in 10 countries and serving over 220 customers. Its low-code platform, Novacura Flow, extends ERP systems such as IFS and Infor M3 with applications for the office and the warehouse floor. The brand had a recognisable logo and its own colours, but no consistent rules. So the scope covered a light correction of the mark, a new palette with a key visual, and a UI/UX component library that carries the identity into the product interfaces. ![The linear wave: the Novacura key visual](https://cdn.sanity.io/images/pgdlccfz/production/7769bde986b253f7c3b1820a25af92bc9383b1bb-4201x1647.jpg?w=2000&q=90&auto=format) Identity ## Blue as the brand carrier The wave above is the brand's key visual: a linear picture of the information flows that Novacura Flow runs between an ERP system and its applications. The drawing scales well, so it works on a presentation cover and in an app header alike. We based the new palette on a deep navy and a vivid blue, extended with a scale of tints. We corrected the logo carefully: the forms were refined and the character customers already knew stayed intact. A separate product mark followed, built on the same principles. ![The Novacura logo on a navy background](https://cdn.sanity.io/images/pgdlccfz/production/eda24cfbd907457e14e202708428ea078f3f9b50-1601x1201.jpg?w=2000&q=90&auto=format) The company logo after a light correction of forms. ![The Novacura colour palette: navy, blue and a scale of tints](https://cdn.sanity.io/images/pgdlccfz/production/1597ffb27e65b8abe59a231319b79a9cc51ac837-1601x1201.jpg?w=2000&q=90&auto=format) The new palette: navy and blue with a scale of tints. Design system ## Fighting for every pixel on a scanner screen Novacura's applications run, among other places, on industrial Zebra scanners with small, dim screens. The UI/UX component library had to reconcile the brand language with the limits of that hardware: toggles, tables, pagination and tabs fit a full set of information and stay legible in warehouse lighting. New versions of Novacura's products still use this library today. ![Novacura design system boards: toggles, tables, pagination and filters](https://cdn.sanity.io/images/pgdlccfz/production/7f73661c79d1cc0071ab7b8d0cf3a632dc036693-4195x2005.jpg?w=2000&q=90&auto=format) A slice of the library: toggles, tables, pagination and filters. Before and after ## The same screens, a new order Below are three app screens: the earlier version on the left, the one built on the new components on the right. The layouts carry fewer decorations, a clearer hierarchy of content and stronger contrast, and the forms lead the eye from the header to the button. ![Novacura Flow mobile screens before and after the redesign](https://cdn.sanity.io/images/pgdlccfz/production/06ecb29d227b52f08821e80d2480f8ce40df5f23-2506x2506.png?w=2000&q=90&auto=format) App screens before and after the library rollout. ![App screens before and after.](https://cdn.sanity.io/images/pgdlccfz/production/c3fb45919266b9bfe1c7e4cb636c85ab59fc17c6-2506x2506.png?w=2000&q=90&auto=format) App screens before and after. ![App screens before and after.](https://cdn.sanity.io/images/pgdlccfz/production/9ce788c1ff59607ad76a5bc33388c8f3660cebc4-2506x2506.png?w=2000&q=90&auto=format) App screens before and after. Result ## An identity consistent with the product The scale of the change shows in Novacura's products and platforms. The app marketplace used to look like an average store; after the redesign it became a carrier of the brand in its own right, aimed at a specific audience: companies extending their ERP systems with ready-made applications. Today Novacura has a brand that looks the same in a sales presentation, on the website and in an app on the warehouse floor. ![The Novacura marketplace: the new page concept](https://cdn.sanity.io/images/pgdlccfz/production/a448ebcef1c671a4d1af2b95854049f6478e7ff7-6668x5043.jpg?w=2000&q=90&auto=format) Novacura's marketplace: the new page concept. By the numbers 1+1 logo correction and a new product mark 10 countries Novacura operates in 220+ Novacura customers worldwide 1 UI library, still being rolled out ## Related services - [Brand identity design & design systems](https://sweetlava.eu/en/services/branding-design-systems/) - [UX audits & UX/UI design](https://sweetlava.eu/en/services/ux-ui-ax/) ## Related projects ![Hexeline's new online store – product list and the mobile homepage](https://cdn.sanity.io/images/pgdlccfz/production/173b4d5d421e9f61a6c5af8fbc3364e6e9c5d40b-4340x2440.jpg?w=1600&q=90&auto=format) Premium fashion ### [ Hexeline – e-commerce design for a premium fashion brand ](https://sweetlava.eu/en/work/hexeline/) A completely new online store for Poland's premium womenswear brand Hexeline: from a revised brand book to every single view, checkout included. A year of design work, a Shopware build by a partner and roughly 20% online sales growth within a year. ![The Sinfonietta Cracovia logo reversed on black](https://cdn.sanity.io/images/pgdlccfz/production/13d53441677cf07f2c595ac4eb58b2838dd2718b-2400x1351.jpg?w=1600&q=90&auto=format) Culture ### [ Sinfonietta Cracovia – a new logo and identity for an orchestra ](https://sweetlava.eu/en/work/sinfonietta-cracovia/) A new mark for the Orchestra of the Royal Capital City of Krakow: a baton cutting through a circle, a brand book and signage for the orchestra's home. Since 2019 this system has held together 50+ projects we've designed for the ensemble. Blog ## Related articles Branding & typography ### [ Brand manual – what it is, what it contains and what it costs ](https://sweetlava.eu/en/blog/brand-manual/) A brand manual is the instruction manual for your logo – mark versions, clear space, colours, typography, examples of incorrect use. We explain what it should contain, how it differs from a brand book and what it costs. Read article → Product design ### [ What is a design system and when does your company need one ](https://sweetlava.eu/en/blog/what-is-a-design-system/) A design system is not "a nice kit in Figma" but a shared source of truth for designers and developers. We explain what it consists of, what it costs and when it pays off. Read article → Branding & typography ### [ A company's visual identity step by step – from logo to design system ](https://sweetlava.eu/en/blog/visual-identity-step-by-step/) How a professional visual identity is made. The process stages, what a good brand book contains, examples from real projects, prices and the moment it's worth growing the identity into a design system. Read article → UX/UI/AX ### [ UX vs UI – what's the difference and why you need both ](https://sweetlava.eu/en/blog/ux-vs-ui-differences/) UX and UI get used interchangeably, yet they describe two different layers of a product. We explain the difference with examples – and what happens when one is missing. Read article → ## Related terms - [Design system](https://sweetlava.eu/en/glossary/design-system/) - [Design tokens](https://sweetlava.eu/en/glossary/design-tokens/) - [Rebranding](https://sweetlava.eu/en/glossary/rebranding/) - [UI kit](https://sweetlava.eu/en/glossary/ui-kit/) ## Have an idea in mind? Let's talk. Tell us about your idea and we'll recommend the best route from concept to a working product. [ Get in touch ](https://sweetlava.eu/en/contact/)