Header for web LOMAX by Lesensky.cz
Implementation time
4 months
2021

Websites for LOMAX

We designed a modern website for the client, which supports sales and perfectly represents it for the B2B and B2C segment.

Pokračovat

LOMAX

LOMAX is the largest Czech manufacturer of garage doors and the leading manufacturer of shielding technology and front doors. It has been on the market for 30 years and operates in more than 14 countries around the world. LOMAX operates 80 branches in the Czech Republic and Slovakia, as well as the largest garage door showroom.

Client’s assignment and our role

The client approached us with a request for the visual and functional improvement of the website. The majority of LOMAX's deliveries take place in the homes of end customers, and the website is the most important part for the company in the process of collecting enquiries. An important task was also to maintain all debugged customer paths that lead to inquiry.

We designed the new web completely from the structure and UX through graphics to copywriting and programming. Of course, we also ensured a smooth transition to the new website, including all SEO requirements. The implementation also included the connection with the Helios information system.

Implementation team:

  • Project management:
    Michaela Kurtaničová
  • User experience:
    Michaela Kurtaničová
  • Graphic design:
    Ivan Kebeleš
  • Development backend:
    Jan Polzer
  • Development frontend:
    Lukáš Polzer
  • Content migration:
    Jana Varnerová
  • Copywriting:
    Tým Lesensky.cz
  • 3D animations:
    MadMenMedia
LOMAX background
LOMAX homepage
Video file

Initial situation

The LOMAX website was outdated and didn’t meet the requirements for the modern presentation of a successful company. The binding structure of the site prevented its modernization. Attempts to add new content into the site's existing information architecture led to user-unfriendliness and design oversights.

We won the tender for the new website with a clear design idea and technical solution. We recommended building the website on the Drupal editorial system, the openness of which ensures independence from a single supplier (and its capabilities and capacities) and at the same time provides a wide range of additional modifications.

Challenges of LOMAX old website

Analysis & strategy

We started our cooperation with the analysis of the initial situation.  The data showed that visits from mobile devices predominate on the website or that the female / male ratio is balanced among customers. We also discovered that LOMAX has very well-processed customer paths and forms, and that it is important to maintain these processes.

The biggest assignment for us was to organize a huge amount of information into a clear offer of products and services. We recommended that the client create a whole new web structure and design. In the procurement phase, the main priorities were user-friendliness, greater clarity and substantially enhanced visual communication.

Flowmapp website LOMAX

Graphics as the main visitor guide

The hew website welcomes visitors with a 3D house visual and guides them through the signpost to the products. Six animations on the main subpages of the products assist with orientation. A distinctive guide element is 50 unique icons and over 200 original photos. A graphic elements database has been created for the site to help the client with future site modifications.

An interesting technical and visual element is the photo gallery which is controlled with a mouse wheel to the side. This saves space and speeds up page movement at the same time. The presentation also includes numerous fade-in animations of individual blocks, which add dynamism to the website.

Visual communication of lomax website

Modular web for easy rebuilding

The individual subpages of the website are built from customized subcomponents using the Paragraphs module. With the website, the client acquires a comprehensive library of blocks, which can be freely moved, edited, or hidden on the website.

Additional web pages can be built directly from the web administration, with no need to intervene in the codes.

Adjustable websites

Fast loading

The amount of large photo and animation files required special attention to optimize web speed. Thanks to programming extensions, we were able to build a fast website that meets the current requirements of search engines and users.

The main web speed indicators, such as PageSpeed Insights and Core Web Vitals, achieve excellent values.

Fast loading reports

SEO in the first place

Since LOMAX has been working with SEO for a long time, our goal was also to maintain traceability and search engine rankings. To make the migration easier from an SEO perspective, at the beginning of the project we created internal rules for redirects, titles, metatags, and copywriting for all pages. In this way, we have reduced the potential loss of positions after launching a new website.

A detailed guide to choosing a garage door was also created, which will result in the site being displayed for more questions related to the company's main product. This element in the system works as an editable module, so the client can use it in the future for creating further content as well.

SEO strategy illustration

For customers to approach the branch

LOMAX has over 80 branches in Czech Republic and Slovakia, where a large part of the inquiries takes place.

To make it easier to find a branch, we have designed an implementation of a search box on the website with automatic filling in according to the current location (if the user allows it in the browser) and subsequent listing of the nearest branches by distance.

Easy approachability of branch adresses

Career subpages

On the original web, dozens of career offers were placed in the "About Us" subpage, where they were hard to find and navigate. For the new website, we have therefore designed a full-fledged career page where each advertisement has its own space.

The job positions list can be filtered based on the type of position or region. The position details can be handled like a landing page, so LOMAX's HR department has gained a handy tool for recruitment campaigns.

HR pages

Technical highlights

Technical highlights LOMAX

Completely responsive

LOMAX mobile screen
LOMAX mobile screen
LOMAX mobile screen
LOMAX mobile screen
LOMAX mobile screen

Other web pages

LOMAX desktop screen 1
LOMAX desktop screen 2
LOMAX desktop screen 3
LOMAX desktop screen 4
LOMAX desktop screen 5
LOMAX desktop screen 6
LOMAX desktop screen 7
LOMAX desktop screen 8

“WE CHOSE THE LESENSKY.CZ AGENCY FOR ITS CLEAR OFFER, DESIGN PLAN AND POSITIVE REFERENCES. WE WENT THROUGH THE WHOLE PROCESS ACCORDING TO THE AGREED PLANS. WE ARE VERY SATISFIED WITH THE RESULT BOTH VISUALLY AND TECHNICALLY. I AM GLAD WE MADE THE RIGHT CHOICE AND I LOOK FORWARD TO THE FURTHER DEVELOPMENT OF THE SITE."

Petr Přichystal, LOMAX marketing manager