We are very satisfied with the work of 4eck Media and are delighted with our fantastic new website. Working with you was a very professional experience and we felt well advised at all times.
Sharp contrasts meet modern experiences.
Hesselkamp gets a modern online presence.
The old website of the Hesselkamp tool grinding shop, which has a long tradition in Norderstedt, Schleswig-Holstein, was somewhat outdated. Our task was to create a modern, clearly structured website. Tools? Grinding? Tradition? A few creative ideas quickly came to mind for a compelling, powerful one-pager that presents the company in a fresh way. Modern and sharp in design, functional in experience.
Client
Werkzeugschleiferei Hesselkamp
Service
Website
Cooperation since
2021
Our solution
We reorganized the company information into a OnePager. At the top, a cool video loop thematically engages website visitors right away. The location icon and phone icon remain prominent as important calls to action in a fixed navigation. And because Hesselkamp’s sharp logo invites it, the design features extremely strong contrasts and impressive typography. From top to bottom, the OnePager speaks a clear language: work is being done here – let’s get started!
Contrasting color, typography, and image concept
A design that sparks interest at first glance… The large typographic elements that stretch from top to bottom across the entire landing page are particularly attention-grabbing. pulling, and the color concept of black-and-white images and high-contrast color images with red overlays. Sharp contrasts meet a modern experience – we believe we have wonderfully realized the theme.
Animations as highlights to experience
The visitor is greeted directly with a video loop. A small moving arrow points down to encourage scrolling. The navigation is pinned at the top. The location icon and phone icon, as important call-to-actions, enlarge. Icons fade in from the sides while scrolling. Additionally, there is a button to scroll back to the top at any time. Everything works wonderfully in desktop view and, of course, on mobile. In other words: all cool!
At a glance
- Concept and layout of the fresh <0> tool website as a one-pager in Adobe XD.
- Image research and image optimization
- Implementation and development in HTML5 & CSS3
- Responsive adaptation (mobile optimization)
- Creation of custom icons
- Fine animations such as scroll progress bars and icon animations.
Hesselkamp GmbH & Co. KG
