eHub Identum by Visma

Design

The key points on the agenda were user-friendliness and universal design - ensuring that everyone can easily use this portal. During the design process, the focus was therefore on "hiding" complexity by presenting the user with as little information on the screen as possible at any given time. This approach also emphasized clear guidance, a spacious design, and the use of icons for direction.

Principles, layouts, and icons that users are already familiar with and have seen many times before were used. There was also a focus on simplifying labels and descriptions of elements. The color palette was crafted to complement the rest of the system, resulting in a bright expression with gentle use of blue tones and olive green as the primary color. Animations were incorporated to make transitions and form building a pleasant and calm experience, highlighting connections between elements and their relationships.

Development

The task was to build a modern form builder for the eHub system. The forms were designed to consist of multiple pages with various types of elements. Many form elements also needed to support functional expressions, using a custom-defined language that could call nested functions within other functions. We created a modern design for building forms, with drag-and-drop elements for adding new form fields, settings for each type of form element, and support for dividing forms into multiple pages.

Upon approval of the design, we developed an application that incorporated all the described functionalities in collaboration with Identum, focusing on an API for storing forms. We developed a dedicated builder for functional expressions, fully supporting all functions from eHub and allowing nested functions at any depth. The application also included a preview of the form for end-users to fill out and a results page to display submitted forms.

‍