Reference #21

Boosting visual identity and sales in technical wholesale with a website renewal

HL Group’s previous website was launched in 2016. It no longer met the marketing needs in terms of structure, appearance, or content.

HL Group is a technical wholesale company operating in the Finnish market with three business segments. The company imports and markets automotive spare parts and accessories, automotive and industrial paint systems, as well as consumables used in industrial equipment, such as bearings, seals, and conveyor solutions.

Goals set according to a refined strategy

The new website was designed based on the idea of how HL Group, as a company, adds value to its customers—not only through product selection and availability but also in other ways.

HL Group has three business segments, each with its own sales strategy. A major shortcoming of the old content structure was the inability to clearly distinguish these business areas as separate entities. This was addressed by redesigning the website.

Another goal was to elevate the company to its rightful position in the market. A prime example of this is its automotive and industrial paints segment, where HL Group is among the industry leaders as the importer of global paint giant Axalta’s brands and systems. Making the value of this offering visible to customers was a key priority.

A Look at the website

The shift from product presentation

to engaging customers

Content structure designed

for target groups

The site was structured to ensure that target groups could easily find relevant content and navigate it seamlessly. Since HL Group operates in the Finnish market, the primary language of the website is Finnish, aligning with the needs of its customers.

Two main user groups were identified: new and existing customers, along with several subgroups. HL Group’s primary target groups for automotive and industrial paints include large auto body shops or chains, as well as heavy-duty and industrial manufacturers.

Serving existing customers

We analyzed data from the previous website to identify various customer needs and usage patterns. Additionally, we reviewed key content with the customer service manager to create clear, easily accessible pathways to essential information.

Since logging into the product catalog was a common user need, we added a login link at the top of the website.

Additionally, we:

  • Optimized content for search engines to improve visibility.
  • Restructured contact information for better accessibility.
  • Created dedicated customer service and sales pages for each target group, ensuring relevant content was provided specifically for them.

Engaging new customers

When a potential customer arrives on the website, the most important thing is to clearly communicate the product range and the additional value the company offers.

In the website renewal process, we:

  • Provided a clearer and more structured view of the product selection.
  • Visually highlighted key brands relevant to target groups.
  • Addressed customers with messaging that directly benefits them.
  • Showcased sales and experts in key sections to enhance customer service and demonstrate solution-oriented expertise.
  • Created a clear “Become a Customer” path.
  • Elevated the role of sustainability, explaining how, for example, a paint customer can improve sustainability while also enhancing their business profitability.

Design aspects

Rewriting Content for

clarity and impact

With the restructuring, natural opportunities emerged to communicate more effectively about the benefits customers gain from working with HL Group. Since this was one of the most significant areas of improvement, most of the website’s text was rewritten. To ensure sufficient background knowledge, we interviewed sales and customer service personnel. HL Group’s marketing manager, Miikka Hirvonen, led the project to ensure alignment with the company’s strategic goals.

Authentic video and photography

From the outset, it was clear that the website should be visually enriched with video content. The shoots were carried out by Ideavirta at three different locations: a training auto body shop, the company headquarters, and an industrial product-focused site. This provided a comprehensive visual foundation for most of the site’s pages. Images were refined using AI tools, but the focus remained on maintaining authenticity and creating a natural, credible look.

A Fresher look and

a more professional tone

The redesign was driven by a desire to enhance customer-centricity, leverage authenticity, and introduce a fresher visual style. We aimed to incorporate lightness, color, and warmth while maintaining brand recognizability. The logo remained unchanged, and the existing color palette was carefully integrated into the new design.

Gutenberg and

versatile content types

The website was built using WordPress’s Gutenberg block editor, allowing for various visual layouts. The use of blocks enables easy future updates. Additionally, safety data sheets are managed with a customized feature that allows product numbers to be linked to relevant files from other pages.

Model for ongoing development

During the project, new ideas naturally emerged, along with fresh challenges. As planning progressed, we were able to adapt and prioritize effectively with the client. This resulted in a clear roadmap for immediate post-launch actions and the next steps for content development.

Summary

Where we succeeded

When embarking on this project, we knew we were setting a high bar for ourselves. The previous website was already considered a top performer by many industry standards, so expectations were high. However, we had sufficient background knowledge of the company, and our vision was reinforced by valuable input and feedback from the marketing manager leading the project.

The end result is a website that is visually fresh and recognizable. The target groups are clearly defined, and they are directly addressed with content that highlights the added value HL Group provides.

What we learned

Beyond the objectives set for the client, Ideavirta had its own internal goals for the project. We decided to experiment with managing the project in ClickUp, ensuring that concept planning, the client’s key representative, and the technical implementation team could share information through this tool. However, this approach proved problematic. We structured the project incorrectly, breaking it down in a way that led to unnecessary bureaucracy and complexity.

Both Ari, who led the project at Ideavirta, and the technical development lead soon realized that the overall view of the project had become unclear and needed to be adjusted on the fly. The project was restructured in ClickUp using a different approach, which turned out to be significantly better, and we continued with that model through to completion. At the same time, we decided not to burden the client with these adjustments—customer communication remained streamlined through other channels.

Additional Insights Gained:

  • For large or medium-sized website renewals, it is beneficial to execute the process in sprints to keep focus on key issues.
  • Concept modeling through prototypes is crucial, but it is equally important to distinguish clearly between concept, user interface, and content in the design phase.
  • A more detailed mobile version model improves the final quality of responsiveness.
  • From a usability perspective, all different stages and scenarios should be modeled to ensure an intuitive user experience.

Our other references

B2B e-commerce for an expanding international business

Customer story images for the world’s leading automotive paint supplier

Ideavirta Oy ⎪ Kaivomestarinkatu 3 b 25, 02770 ESPOO, FINLAND