StM Precision
Een website die de fijnmechanische vakkunst van StM Groep vertaalt naar een digitale ervaring met impact.
StM Groep levert fijnmechanische topprestaties — maar hun oude website deed dat verhaal geen recht. De uitdaging: een digitale ervaring bouwen die dezelfde precisie en vakkunst uitstraalt als hun producten. Hier laten we zien hoe we dat hebben aangepakt.
Payoff & Descriptor
Een goede payoff vat een heel bedrijf samen in een paar woorden. Voor StM Groep kwamen we uit op “Fijnmechanische Topprestaties” — krachtig, duidelijk en precies wat ze zijn.
De descriptor eronder vertelt de bezoeker in één oogopslag wie StM Groep is, wat ze doen en voor wie. De dikgedrukte woorden trekken je ogen naar de kern van de boodschap en geven visueel contrast. Zo hoef je niet de hele tekst te lezen om te begrijpen waar je bent.
Call to Action
We kozen bewust voor een dubbele Call to Action. De primaire button leidt bezoekers naar het volgende deel van de website. De tweede button speelt in op de meest gestelde vraag — zo voorzien we direct in die behoefte. Ook voor bezoekers die daar niet specifiek naar op zoek waren, maakt het meteen duidelijk dat dit een mogelijkheid is.
Geanimeerde contactbutton
Speels ingespeeld op de stip in het StM-logo: een pulserend element dat werkt als een soort radar. Het trekt direct de aandacht en plant subtiel het idee om contact op te nemen. Precies het soort detail dat het verschil maakt tussen een website die je bekijkt en eentje die je activeert.
Header video
Voor de header ontwierpen we een video met afwisselende beelden van het productieproces en het eindproduct. Een combinatie van stockmateriaal en eigen opnames die samen het ambachtelijke karakter van StM laten zien. Je voelt meteen: hier wordt vakwerk geleverd.
Scroll-indicator
Verderop op de pagina zit een animatie die de eyecatcher van de website is. Om bezoekers hiernaartoe te begeleiden, plaatsten we een subtiele scroll-indicator. Dat kleine duwtje om verder te scrollen — precies genoeg om nieuwsgierigheid op te wekken zonder opdringerig te zijn.
Homepage
De homepage is opgebouwd als een visueel verhaal. Van de header video tot aan de dienstenoverzichten — elk element is bewust geplaatst om de bezoeker stap voor stap mee te nemen. De ruime witruimte en strakke typografie geven het geheel een premium uitstraling die past bij de kwaliteit van StM’s werk.
Detailpagina’s
Op de detailpagina’s krijgt elke dienst de ruimte die het verdient. Grote visuals, heldere kopij en een logische flow zorgen ervoor dat bezoekers snel begrijpen wat StM te bieden heeft — zonder overweldigd te raken door technisch jargon.
Beeldslider
Een interactieve slider toont het werk van StM in al zijn facetten. Door zelf door de beelden te bladeren, voelt de bezoeker zich betrokken bij het verhaal. Niet passief toekijken, maar actief ontdekken. Dat maakt het verschil.
Locatiekaart
De geanimeerde locatiekaart maakt het fysieke tastbaar. Bezoekers zien direct waar StM Groep gevestigd is en krijgen een gevoel van nabijheid. Een klein detail, maar het versterkt het vertrouwen — je weet precies met wie je zaken doet en waar je terecht kunt.
Van branding tot interactie, van typografie tot animatie — elk onderdeel van de StM Precision website is ontworpen met hetzelfde oog voor detail als de producten die ze maken. Dat is waar goed webdesign om draait: het verhaal van je klant vertalen naar een ervaring die blijft hangen.