Onum

The first step in shaping the product from a design standpoint was to incorporate all the inputs from what had been previously worked on in terms of strategy and identity. The challenge continued to be to translate dense content into facilitating and accessible information, but a new complexity was added: The website had to be born ready for exponential and scalable growth.

Once they understood the objectives and needs, the team began designing the main pages, which required an initial expansion of the resources already generated during the visual identity, such as buttons and other website elements, with special emphasis on those that showed the product itself and how it functioned.

These decisions were always taken from the perspective of building a system of versatile and enabling components for the Onum team, which would give them autonomy now, but also flexibility and tools for the new content that would eventually emerge.

This is where one of the particularities of onum.com showed up: The two themes that make it easier, once again, to understand the messages. The light mode would be used to talk about the company and the team, and the dark mode would be used for the product itself.

Thanks to having worked with Soluto, our Design System, from the very beginning, the handoff to the Tech team was much simpler. The team was handed a design thought from the start to be consistent with development, and the same philosophy was applied: a scalable construction.

With the JAMstack approach as a mantra, the union of DatoCMS and NextJS made feasible the challenge of creating a solution that would give an effective solution for today and take into account, as variables, requirements not yet identified or that don’t even exist. The whole system of components created to respond to the different contents was translated into code and integrated with the CMS.

With the system in place, creating a new page with a completely customizable structure is within the reach of the Onum team without the need for technical knowledge and in just 4 clicks. All they have to do is create a page, choose the theme and add components. Each component will adapt to the theme automatically.

When we were well into the project, we felt that the brand was still asking for something more. If Onum were to change the paradigm and be able to create sense and meaning amidst all the data noise, how could we bring that to the website? Was a static solution enough?

This was the origin of the idea of a logo construction that would react to user interactions, converting the particles that compose it into specific meanings. This involved the collaboration between the Visual team —which required a millimeter review of the movement and shape of each pixel—, the Product team —for applying it sensibly and effectively regarding the website's usability— and the Tech team —to solve it without losing elegance and capacity of the platform's response.

By combining their capabilities, the interactive version of the logo is a reality capable of creating, among millions of particles, a global meaning that responds to the particular and unique needs of each user.

The design and construction of the website involved creating the key tools and dashboards to be able to monitor its performance and user response in real-time, as well as accompanying the SEO strategy and implementation to achieve its positioning objectives.

As we’re talking about a living brand and website, agile iterations have been a fundamental part of the process. A process that’s not over yet and that we know will lead us to continue growing the Onum brand and its digital space.