Website make-over: b.ignited

B.ignited is een jonge en energieke business unit binnen de Cronos' Slingshot-cluster die Test Automation Solutions ontwikkelt, personaliseert en integreert. In tegenstelling tot hun "jonge en energieke" imago is de website statisch gebouwd en daardoor krijgt het een verouderd gevoel.

Voor de redesign hebben we ervoor gekozen om een one pager te maken met de belangrijkste en interessantste delen om te animeren. En als huisstijl hebben we het ontwerp gebaseerd op de welgekende tool door alle developers, de terminal, waarbij de zeshoekige vormen en het donkere thema zijn behouden.

In de screenshots zijn de delen van de huidge website te zien die we gaan transformeren.

Een van de meest opvallende transformaties vond plaats in de hero sectie van de website. Voorheen was het gewoon een statische illustratie met een kopregel en wat tekst. Het miste de impact die nodig was om bezoekers te prikkelen en ze te overtuigen om verder te scrollen.

Door motion toe te voegen werd de hero sectie omgetoverd tot een dynamisch en meeslepend element. In plaats van een stilstaand beeld werden de logo, kopregel en tekst geanimeerd op een visueel aantrekkelijke manier.

In het volgend deel is er een update gegeven aan de card grid layout in de services sectie. Door motion toe te voegen aan het volledig element is het duidelijker voor de bezoeker dat de kaart klikbaar is om zich verder te navigeren. Let ook op op de subtiele animatie in de "lees meer"-knop

Bij de about us sectie zijn er ook veel veranderingen gebeurd. Als eerste is de tech stack te zien met een radar animatie gevolgd door een klein tekstje met een parallax achtergrond en als laatste een timeline animatie die de oplossingen van b.ignited één voor één opsomt. Deze animaties zorgen ervoor dat de overgebrachte informatie niet saai is om te lezen en de bezoeker blijft stimuleren om meer te willen lezen.

Het laatste maar een belangrijk onderdeel van een website: het contactformulier. Dit element is het meest geïnspireerd door de terminal waardoor het een "hacker" vibe geeft aan de website en de contactformulier interessanter maakt om in te vullen. De titel is geanimeerd op een "typewriter" wijze.

Het animeren van elementen en interactie heeft de hele website een nieuw leven ingeblazen. Motion design heeft bewezen dat het een krachtig instrument is om een statische website om te vormen tot een boeiende en betekenisvolle online bestemming. Dus waar wacht je nog op? Geef je website een boost met motion design en laat je bezoekers versteld staan van de magie die met zich meebrengt. Neem zeker ook eens een kijkje naar de website waar we aan gewerkt hebben!