UX/UI & Experience

Odeon: UX/UI to turn a desktop system into a new web experience

Fteam designed the entire UX/UI of the web interface during the conversion of Odeon's system from desktop to web, reorganizing the experience for a new way of working without losing the existing operational logic.

Modernizing the interface without erasing the system’s accumulated knowledge

Desktop systems used for years accumulate processes, shortcuts, and rules that become part of a team’s routine. Migrating that technology to the web doesn’t just mean reproducing the same screens in a browser.

The change of environment creates an opportunity to review navigation, hierarchy, components, and workflow. At the same time, the new experience needs to respect the logic of those who already know and use the system.

The Odeon project started at exactly that point: turning a desktop application into a more current and organized web experience.

How do you modernize a system without forcing users to relearn the entire operation?

A desktop-to-web conversion can fail when it treats the old interface as a design to be copied. Components, resolution, navigation, and interaction patterns change between the two environments.

The UX/UI challenge was to understand how the system worked and reorganize its experience for the web, preserving consistency with the tasks that were already part of users’ routines.

That requires a balance between familiarity and evolution.

The entire web experience designed by Fteam

Fteam was responsible for the complete UX/UI development of the new web interface.

The work turned the logic of the desktop system into a visual and navigation structure suited to the new environment, creating patterns capable of supporting different modules and flows.

While Odeon led the technological conversion to the web, Fteam handled the experience layer that would connect users to the new version.

What changes when redesigning a business system for the web

  • Information architecture

    Reorganizing menus, levels, and relationships between modules.

  • Flows

    Adapting tasks for more natural interactions in the web environment.

  • Components

    Creating reusable patterns to keep consistency across screens.

  • Visual hierarchy

    Highlighting actions, information, and states that matter for the daily routine.

  • Continuity of experience

    Modernizing without ignoring existing users’ habits and references.

A UX/UI foundation ready for the system’s next generation

The result is a web interface structured to replace an experience originally built for desktop.

The case shows how UX/UI can play a part in major technological modernizations, reducing the risk of simply carrying old limitations over into a new environment.

Migrating technology also means migrating experience

System modernization shouldn’t be treated only as a change of language or infrastructure. When the environment changes, the experience needs to be rethought too.

Fteam can work at that layer to help companies convert legacy systems into interfaces that are clearer, more consistent, and better suited to current use.

When should you review UX/UI during a modernization?

  • When a desktop system will be migrated to the web.
  • When the interface has grown without a single standard across modules.
  • When the technology will be modernized and there is an opportunity to improve the experience along with the architecture.
  • When users depend on many steps, shortcuts, or informal knowledge to complete tasks.

This case connects mainly to the following Fteam service areas:

Modernizing a system? Don’t carry the old experience along without questioning it.

Fteam can redesign journeys, components, and interfaces so the new technology also represents an improvement for the people who use it.