Let's talk

Entringo Traffic

image of Raigo Lilleberg, the freelance product designer

Fully automated digital traffic management system with customizable logic, access control, and advanced reporting


Outcome
  • Estimated 35% improvement in UX/UI consistency

  • Approx. 40% optimization of key user flows

  • Estimated 50% increase in adaptability and scalability

Resources
Problem

The project faced several challenges that impacted both user experience and scalability:

Unoptimized critical user flows

  • key processes like new permit, check event, and troubleshooting caused friction and delays

  • inefficient flows created bottlenecks for primary user tasks

  • these issues were critical due to the importance of these flows for core functionality

Fragmented UX/UI across the product

  • inconsistent designs from various contributors led to a disjointed interface

  • lack of a defined brand identity weakened appeal to potential clients

  • design inconsistencies impacted usability and overall experience

Lack of modularity and scalability

  • non-modular design made scaling and adding features difficult

  • poor responsiveness reduced usability across devices

  • limited adaptability hindered both user experience and development

Incomplete key features

  • fundamental components, like user profiles, were either underdeveloped or missing

  • gaps in key features resulted in a fragmented user experience

Difficulty integrating design into product development

  • challenges in incorporating consistent design practices affected workflow cohesion

  • lack of structured design processes led to inconsistent quality and experience


Objectives

Optimize and streamline critical user flows

  • refine key flows like new permit, check event, and troubleshooting to remove friction

  • simplify key interactions to reduce steps and enhance usability

  • prioritize these flows since they directly impact customer satisfaction

Address and improve UX/UI inconsistencies

  • conduct a brief audit to pinpoint critical inconsistencies affecting first impressions

  • make targeted improvements to create a more cohesive interface, especially for product demos

  • lay the groundwork for a basic design system focusing on essential elements

Enhance modularity and responsiveness for scalable development

  • implement a modular design approach for easier feature scaling and streamlined development

  • improve layout adaptability so content dynamically adjusts to any screen size or browser viewport

  • prioritize core elements that offer the most value within budget limits

Complete and refine key missing features

  • focus on critical gaps like the user profile page layout and flow to enhance the overall experience

  • address these features based on client feedback and priority within the product

  • focus on high-impact improvements given budget and resource constraints

Begin integrating design into the product development process

  • foster closer collaboration between design and development teams for future consistency

  • set up lightweight processes or regular check-ins to keep design aligned with product goals

  • start with cost-effective methods to gradually incorporate design into ongoing development


Process

Understanding

As always, everything starts with gaining a complete understanding of the problem, current situation, expectations, goals, obstacles, and overall context.

  • we discussed the challenges and priorities to get aligned on the key areas to address

  • reviewed competitor analysis, old design iterations, and early solution drafts to identify opportunities

  • proposed aligned solutions based on priorities and practical constraints

Understanding, Image 1
Understanding, Image 2
Understanding, Image 3
Understanding, Image 4
Understanding, Image 5

Planning, strategy

With time and budget constraints, the plan focused on impactful improvements while laying the groundwork for continued development

  • prioritized critical user flows and key UX/UI fixes to quickly enhance usability

  • phased approach starting with user-facing improvements, followed by system and brand alignment

  • strategy allowed for iterative implementation, aligned with ongoing development

Planning, Strategy, Image 1
Planning, Strategy, Image 2
Planning, Strategy, Image 3
Planning, Strategy, Image 4
Planning, Strategy, Image 5

Execution

Putting the plan into action. The focus was on auditing, refining, and implementing design improvements to enhance both usability and consistency.

  • conducted a UX/UI audit and mapped all critical flows, creating a product sitemap for better navigation

  • reviewed and refined client solutions, brand direction, and earlier design iterations

  • designed product improvements with minimal back-and-forth adjustments from the client

  • established a design system and set up in-house design process fundamentals

  • delivered slightly more than initially agreed, covering extra scope at my own time and expense (under-promise, over-deliver approach)

Execution, Image 1
Execution, Image 2
Execution, Image 3
Execution, Image 4
Execution, Image 5


Results
  • Estimated 35% improvement in UX/UI consistency

    By conducting a design audit and streamlining key components, the interface became more cohesive and polished across the platform.

  • Approx. 40% optimization of key user flows

    By simplifying critical processes (new permit, check event, troubleshooting), the user interactions were smoother and more intuitive.

  • Estimated 50% increase in adaptability and scalability

    By introducing a modular design system and responsive layouts, the product’s flexibility across devices and development scalability improved significantly.


Next steps

Moving forward, here are a few areas worth focusing on to keep the product evolving:

Rethink booking management and improve data presentation

To make things smoother for users and more efficient for the team, there are a few areas worth focusing on. This could include:

  • streamlining how booking management works so it’s easier to use and scales as the product grows

  • tweaking how data is presented, making tables clearer, content better organized, and key info easy to find—like adding quick view options for permits, events, and sessions

  • fine-tuning the information layout and taxonomy to ensure everything flows naturally and is consistent across the product

Enhance interaction and visual consistency

Bringing more polish and consistency into how users interact with the product can really elevate the experience. This might involve:

  • taking a closer look at those moments when things aren’t as smooth—like edge cases, empty states, and loading screens—to make sure everything feels seamless

  • adding subtle motion design elements that guide users and make interactions feel more engaging and intuitive

  • reworking the logic behind buttons and actions to create a design that can scale easily as the product evolves

Build a stronger foundation for scalability

To keep the product flexible and ready for growth, it’s key to establish design principles that can adapt over time. This might include:

  • setting up consistent rules for how buttons and layouts behave, so the design stays clean even as new features are added

  • organizing content in a way that supports future growth without losing clarity

  • ensuring that the design system is flexible enough to handle whatever comes next while keeping the experience cohesive


Case study sneakpeak image, Polar Explorer
Polar Explorer · online booking

Audit · Experience · Design

Read more
Case study sneakpeak image, Bowhead
Bowhead Health · webapp

Audit · Consultation · Experience

Read more

Curious to know more or see how this approach could work for your projects? Let’s connect and find out.