Services
  • UX Research
  • User Research
  • UX Design
  • UI Design
  • Prototyping
  • User Testing
Deliverables
  • Interface Design
  • Prototype
  • Content Optimization
Team

Project Goals

Burger King Hungary aimed to modernize their cash register system to better align with current operational demands, reducing inefficiencies in the order-taking and service process. The redesigned system also needed to accommodate different restaurant types (drive-in, food court, etc.), ensuring adaptability across various environments.

Challenges

One of the major challenges was integrating the new system into the existing workflow, ensuring that long-term staff could transition smoothly. Additionally, the system needed to handle different restaurant operations while optimizing the order-taking process for faster service. The increasing role of digital channels (self-service kiosks, mobile apps, and delivery services) added complexity, requiring the system to integrate these elements seamlessly.

Design Process

1. Research & Analysis

The first step of the design process was UX research, during which we thoroughly examined how employees use the cash register system in a real restaurant environment and how it fits into the daily restaurant operations.

  • Stakeholder Interviews
    Conducted with restaurant managers and cashiers to understand their pain points and operational challenges.
  • User Interviews
    Conducted with employees from different types of restaurants (drive-in, downtown, mall food courts) to map out the unique challenges of each location and understand how these influence the use of the cash register system.
  • Usability Testing
    Observing staff interactions with the current system to identify areas for improvement.
  • Field Research
    Observing real-time use of the cash system during peak hours, identifying inefficiencies.

2. Design and Prototyping

Our main goal during the design process was to improve the system’s clarity and usability.

  • Navigation Optimization
    Simplifying navigation and removing outdated functions to streamline the user interface.
  • Order Process Optimization
    Redesigning the flow for faster, easier order processing.
  • UX and Copywriting Optimization
    Improving text clarity and consistency.
  • UI Optimization
    Organizing visual elements (color codes, icons) for easier recognition and functionality.
Our goal was to ensure that the new cash register system seamlessly fits into the employees’ established processes while simplifying order-taking.
Krisztán Mózer-Zima Senior Product Designer

Our work

Services
  • Research
  • UX Design
  • UI Design
  • Design System
Deliverables
  • Responsive Design
  • Application Design
  • Design System
Team

Project Goals

Dorsum approached us with the goal of renewing the visual appearance of the Hungarian State Treasury’s online distribution channels – Webkincstár and Mobilkincstár – and redesigning certain user interfaces to improve the customer experience.

One of the most important objectives in the system renewal was to make the products more appealing to younger generations, while ensuring that the current users would not experience any discomfort in their use. Additionally, a fundamental requirement was to ensure that the updated interfaces would reach as many users as possible, so we paid special attention to complying with accessibility guidelines.

It was crucial that the visual renewal enhance the user experience with modern UI solutions, particularly for mobile applications (iOS, Android).

Challenges

One of the biggest challenges was designing an interface that meets the needs of different user groups. The younger generation requires intuitive and modern solutions, while older users value a familiar structure and simplicity of use. Additionally, the digital interfaces had to comply with accessibility regulations.

Design Process

During the project, we applied various UX and UI design methods to understand the needs of the client and the users.

1. Research & Analysis

  • Stakeholder Interviews
    Conducted with Magyar Államkincstár to understand their business goals and challenges.
  • Usability Testing
    Focused on different age groups to identify pain points in the current system.
  • User Journey Mapping
    Mapped user interactions to design smoother workflows.

2. Design and Prototyping

Optimized Core Functions: Key processes such as registration, transaction handling, and portfolio management were streamlined to improve the user experience.

3. Design System Creation

A consistent design system was developed, based on Magyar Államkincstár’s visual guidelines, integrating modern UI elements.

Results and Outcomes

  • Consistent UX Across Devices
    A responsive design approach ensured a seamless experience across desktop, mobile, and tablet devices.
  • Improved Accessibility
    Adhering to accessibility standards made the platform usable by a broader audience.
  • Enhanced User Interface
    Modernized, user-friendly design that meets the needs of both younger and older generations.
  • Efficient Transaction Handling
    Streamlined workflows for improved usability and faster transaction processes.
The biggest challenge was redesigning the interface to meet the needs of both younger users, who prefer modern, intuitive solutions, and older users, who value simplicity and familiarity. All of this while ensuring the platform adheres to accessibility standards.
Roland Fenyvesi Design Lead, Product Designer

Our work

Services
  • Research
  • UX Design
  • UI Design
  • Design System
  • Front-end development
  • Back-end development
Deliverables
  • Responsive design
  • Application Design
  • Design System
  • Front-end
  • CMS
  • PWA application
Team

Project Goal

Virgo Systems partnered with RTL Hungary to redesign their digital platform, transitioning from a video-first website, (which was also designed by Virgo Systems in 2019) into a comprehensive news portal. This project involved an overhaul of UX/UI design, integrating both text and video content for an engaging user experience. The redesign was supported by Virgo’s front-end and back-end development, ensuring optimal performance across web and mobile platforms.

RTL Hungary sought to transform their existing video-centric platform into a comprehensive news portal. The challenge was to combine video content with more text-based articles, ensuring that both forms of content complement each other and drive engagement. The goal was to integrate RTL’s news articles, TV shows, and promotional content into a single, coherent digital experience.

Challenges

We encountered several challenges that made this project unique.

We had to design a news portal with a unique structure, which included space for TV broadcasts, show videos, and promotional content. This duality had to be unified in a way that, alongside the video content, much more text-based content and articles would be visible. According to the concept, on the new portal, different types of content had to complement each other — meaning that text-based content should have related video content, and video content should also be accompanied by text.

The biggest challenge was rethinking and designing the user experience, where we had to channel various ideas and concepts within the newly forming editorial team into implementable solutions.

Even before the brand rebranding, we sought visual solutions that would support and make the future interface easy to use. We also had to design a temporary rtl.hu logo to ensure the news portal remained easily recognizable during the transition period.

Design Process

1. Research & Analysis

As the first step in the process, we began with UX research, during which we thoroughly assessed the needs of both the client and the users.

  • Stakeholder Interviews
    We conducted in-depth interviews with leaders and experts from various departments of RTL Hungary to understand the business goals and future visions for how content production would work.
  • User journey Map
    We mapped out potential user journeys to gain a deeper understanding of user behavior and content consumption habits.

2. UX Design

  • Information Architecture
    We carefully considered how the site could structurally serve the various content of news and shows, ensuring that users could easily and clearly find what they were looking for, while also promoting further content consumption.
  • Wireframes
    We created wireframes for the key pages (homepage, article page, show page) and discussed any questions or modification requests based on the designs. At this stage, it was still easy and quick to make changes to the concepts.
  • Banner Strategy
    Since a significant portion of the site’s revenue came from ad displays, we worked extensively on placing the banners in optimal locations and sizes. We aimed to create a balance that would generate the expected revenue without compromising the user experience.

3. Concept and UI Design

  • Concept
    To find the exact vision for the visual direction, we first gathered UI mood boards, which we reviewed and expanded with the client. Based on the chosen style, a concept was created that laid the foundation for the visual direction of the UI designs.
    UI Design
    We designed every page in both desktop and mobile views, following a defined priority order.
  • Design System
    First, we established the basics: colors, typography, grid, spacing, etc. Then, we continuously expanded and documented the new component library.

4. Frontend Development

  • We developed a single-page application based on Vue.js 3, in line with modern expectations, with server-side rendering (SSR) support due to the importance of SEO and performance.
  • The dynamic content was integrated via a REST API, alongside third-party authentication systems and push notification services.
  • The codebase was developed with a cross-platform mindset, ensuring that the development of the iOS and Android mobile apps remained cost-efficient in parallel with the web system.

Our work

Services
  • Research
  • UX Design
  • UI Design
  • Design System
  • WooCommerce webshop
Deliverables
  • Responsive Design
  • Design System
Team
Layher Kft., the market leader in scaffolding, entrusted our team with the design and development of a new B2B webshop based on WooCommerce.

Project Goal

The client aimed to start online sales for three product categories:

  • mobile scaffolding,
  • ladders,
  • and scaffolding parts.

The goal was to create a webshop that adheres to professional standards, showcasing the different types of scaffolding and the configuration options related to them. The finished website did not need to closely follow Layher’s current branding; it was far more important that it reflected the premium quality that Layher products represent.

Challenges

One of the main motivating factors for creating the new webshop was to bring more focus to the mobile scaffolding product category in sales. While Layher is the market leader in building scaffolding in Hungary, it is not in mobile scaffolding. This is due not only to strong competition but also to a market characteristic: the Hungarian market is extremely price-sensitive, and Layher’s products are positioned at a higher price point. Therefore, we designed a user journey for the webshop that best serves this multi-step introduction process for customers.

Layher stands out from its competitors in terms of expertise and customer support related to its products, so it was essential to highlight the option for personal assistance for customers within the webshop. In the construction industry, customers appreciate personal communication and often visit the company and check the showroom before making a purchase. Therefore, the webshop emphasized the possibility of personal assistance, maintaining a balance between communication options (phone consultation, chat) and online purchasing.

Another challenge was solving the delivery issue, as the products are oversized and heavy, making it difficult to calculate the delivery cost. However, from the end user’s perspective, knowing the delivery fee is important so that they can decide whether in-store pickup or home delivery is more cost-effective before completing the purchase. To address this, we created a shipping cost calculator that calculates the delivery cost for the customer based on product attributes and postal code.

Design Process

1. Delivery Strategy and Team Setup

In the initial phase of the design process, we uncovered the client’s motivations behind the need for a digital product. Afterward, we built prototypes from wireframes to validate our solutions. Following this, we constructed the webshop’s elements based on an approved UI concept and compiled them into a UI kit.

2. Research and Analysis

  • Stakeholder Interviews
    We conducted in-depth interviews with key individuals and experts from the company to understand any potential pain points and to gain a detailed understanding of the business model and goals behind the creation of the new webshop.
  • User Interviews
    In addition to decision-makers, we spoke with the company’s customers, discussing their purchasing habits, preferred communication channels (and why they favor those channels), and the importance of expert advice.
  • User Story Map
    We created a detailed user story map outlining the key functions needed for the future operation of the webshop.

3. UX and UI Design

  • UX Design
    Based on the information gathered, we created a detailed sitemap for the webshop and designed the connection points between Layher.hu and the new webshop. Using personas, we established possible user journeys. We reviewed customer requirements based on detailed wireframes and incorporated the results of iterations into the plans. The results were tested through prototypes.
  • UI Design
    We created a fresh and modern visual identity for the webshop in line with Layher’s branding, paying special attention to ensuring that functions like the shipping cost calculator or product selection assistant were easy to use and understandable on all screen sizes.

Results and Outcomes

By the end of the project, we created a unique webshop with a visual atmosphere that aligns perfectly with the products. Throughout the purchasing and information-gathering processes, we considered it essential to provide active support to users. One of the primary reasons for this is that a significant portion of workers in the construction industry prefer using traditional communication channels (phone calls, face-to-face conversations) to handle procurement-related tasks, where immediate feedback is guaranteed. Additionally, rolling scaffolds are complex and expensive technical products, often requiring expert assistance and further consultation for proper configuration. Based on these factors, we integrated solutions into the webshop that facilitate two-way communication for customers, ensuring that the platform is easy to navigate and functional on mobile devices as well.

Our work