Riotters | 247®Studio

Project overview

Challenge

HRnest is a company that has been supporting HR departments for years in organizing HR processes — from working time records, holidays, to documentation management. As the brand strengthens its position in the market and develops the product, the existing website has ceased to meet the needs of the brand — both visually and functionally. The client needed a new website that would not only reflect the fresh character of the brand after the rebranding, but also present the complex functions of the system in a clear and engaging way. The key was to design a logical information architecture, ensure clear communication and create a website that supports the user in making the decision to start testing or purchase the tool.

Solution 247

We started the work on the website with an in-depth knowledge of the HRnest system, which allowed us to plan a clear information architecture. This makes it easier for users to find themselves in the offer, and the messages are organized and readable. The key objective was to present the system's capabilities in an attractive and accessible way. We developed the structure of the website together with the client, based on knowledge about the motivations and purchasing decisions of the users.
‍
We took care of a clear layout, a consistent visual setting in accordance with the new branding and optimization of user paths. The interface has acquired a refined aesthetic and characteristic colors, reinforcing the brand recognition. The whole is complemented by author's illustrations and micro-animations, which increase engagement and emphasize the modern and at the same time human character of HRnest.

Result

Strengthening the visual coherence of the brand — from a refreshed UI system to a new website
Transforming HRNest into a mature, recognisable brand with an expressive, friendly and open character
Modern and orderly aesthetics emphasizing professionalism and ease of use of the system
Effectively showcase product features that enhance its appeal and encourage testing and purchase
A modern and transparent website that builds trust in the brand and supports sales objectives by presenting the value of the product in an attractive way and clearly presenting the complex functions of the system

The color palette is mainly based on off-white, which gives softness and space to the whole. It is accompanied by warm accents of yellows, oranges and browns — a conscious choice that sets the brand apart from its competitors in the HR industry, where cool greens and shades of blue dominate. Colorful tags act as an additional differentiator, introducing freshness, energy and functionality — allowing the user to quickly identify content while enriching the visual language of the brand.

As part of the project, the UI elements found in the application were also designed. They are consistent with the key visual, which was the starting point. Elements such as buttons, tags or drop-down lists (dropdown) appear consistently in different places on the page, building recognition and strengthening the systematicity of the solution.

The dot motif, taken directly from the logo, has also been transferred to the digital layer as a subtle but distinctive graphic element. Dots appear on the page in the form of soft accents — both horizontal and vertical — helping to visually organize the space or highlight selected sections.

Branding

The new branding and developed key visual is a complete identification that gives the brand character and makes it recognizable and consistent across all channels. How it works in practice — we show in a separate case study dedicated to branding for the HRnest brand.

+See case study

See other projects from our portfolio

+See the full portfolio

view all case studies

Riotters - Design Accellerattors

Avatar - Diving made easy

Digital Design

Communication strategy

Web Design

Frontend Development

Visual Identity