How We Designed a New Website for the HIT Brand After Its Rebranding

You can also follow us on social media:

HIT is a brand that needs no introduction in Poland – these iconic cookies have been a staple in Polish homes for years.

 

Recently, the brand underwent a major rebranding, and we were invited by Bahlsen to collaborate on creating a new version of the HIT website — one that reflects the refreshed image and character of the brand.

Check online

How did the project unfold?

The goal of the project was to refresh HIT’s digital presence and adapt the website to modern usability and visual standards.

The first stage of our work involved analyzing the existing website and the brand’s new marketing materials, which defined its updated personality. Understanding how the brand was evolving — and how it wanted to communicate — was essential for our next steps and became the foundation for creating wireframes.

For websites in the FMCG sector, it often happens that product sites are visually appealing but not user-friendly. In our projects, we put a strong emphasis on intuitive navigation, so we began by preparing comprehensive wireframes for the entire website — these served as the backbone for further design stages.

The next step was to develop the graphic design that visually reflects the new tone and personality of the HIT brand.

  • 87/100

    PageSpeed score (mobile)

  • 99/100

    PageSpeed score (desktop)

  • 8

    Number of products featured on the site

What was crucial during the project

  • Solutions tailored to the FMCG industry

    The website was designed to help users easily find detailed product information, including ingredients and nutritional values.
  • Consistency with the visual identity

    The website embodies the new spirit of the HIT brand, with design elements fully aligned with its visual identity, color palette, typography, and iconography.
  • Clear product presentation

    Products were organized into categories, allowing users to easily filter and find their favorite flavors.
  • Visual effects and animations

    The site includes interactive elements such as parallax effects, subtle animations, and video materials that make browsing more dynamic and engaging.
  • Accessibility for all users

    The project complies with WCAG guidelines, ensuring accessibility for all users, including those with disabilities.
  • Easy content management

    Thanks to the intuitive WordPress CMS, updates and content changes can be made quickly and easily without technical knowledge.

Development process

Once the graphic design was approved, we began coding and implementing all website functionalities. As with most of our projects, the website was built on WordPress CMS, allowing the client to independently and efficiently manage content updates.

The website was developed to be fully responsive and WCAG-compliant, ensuring accessibility and usability across all devices.

 

After implementation, we added complete product and informational content — including product descriptions, nutritional values, and user information.

 

Projects in the FMCG sector often come with logistical challenges and tight schedules, as launch dates are usually tied to marketing campaigns. This project was no exception — but thanks to our team’s experience and well-coordinated work, the website was completed on time and launched precisely with the start of the campaign.

 

The result is an elegant, functional, and user-friendly website that fully reflects the new image of the HIT brand.

 

FMCG projects are among our favourites. This was yet another collaboration with Bahlsen, and we’re proud to have once again leveraged our expertise to help showcase such a well-known brand in its new light.

Scopeof work

  • UX/UI wireframes
  • Website graphic design
  • Website development
  • WCAG compliance
  • Content migration
  • Animations and visual effects
  • Technical support after launch