Freelance WeWeb Developer
Available for work

Jurata - Multistep forms

Jurata offers solutions designed to streamline access to legal, accounting, and tax solutions for SMEs.

Leaves
Tools:
WeWeb
Scope:
Front-end

Project Overview

Jurata streamlines administrative complexities for businesses through various digital solutions. This project focused specifically on guiding entrepreneurs through the business registration process.

To collect the necessary information efficiently, we implemented a multi-step form that segments questions into logical groups. This approach significantly reduces cognitive load and improves user experience by presenting information in manageable chunks.

The form incorporates conditional logic - different questions appear based on previous responses, ensuring users only see relevant fields for their specific situation.

Technical Implementation

We developed a centralized component library and design system as a separate project. This modular approach provides several key benefits:

  • Ensures consistent styling and functionality across all Jurata solutions made in WeWeb
  • Accelerates development through reusable components
  • Simplifies maintenance and updates
  • Enables seamless integration into future projects

The component library serves as the foundation for rapid, reliable development while maintaining a cohesive user experience throughout all Jurata's digital products.

Registration form for a Swiss company with input fields for owner name and company name with a validation error.
Input validation indicates what value is expected before allowing the user to go to the next step.
Registration form showing residence options for business owner: Switzerland selected (no extra fee) or abroad with CHF 500 surcharge.
A custom select component with different states.
Contact form showing personal details.
At the end of the multistep form, we ask for personal informations. These inputs have pattern validation to ensure the correct formatting of the value.
Order confirmation page showing contact details and cost breakdown for the business registration services.
A table at the end of the form sums up all the informations gathered.
Trademark selection page showing three Nike logo options - wordmark, symbol, and combined mark.
Different types of inputs are present in the form like this radio select and file input.