Onze vierde showcase van het jaar belicht de beste moderne trends op het gebied van webdesign, unieke combinaties van eeuwenoude technieken en nieuwe invalshoeken voor klassieke elementen. Tot de websites van deze maand behoren technologische organisaties, een industrieel bouwbedrijf, een vastgoedbedrijf, branding- en ontwerpstudio’s, een educatieve onderneming, een gevestigd bedrijfsadviesbureau en het best bewaarde geheim van een mediterraan eiland.
Bekijk het beste gebruik van Lottie-animaties, bestudeer scroll- en hover-effecten zorgvuldig, laat je inspireren door slimme kleurencombinaties, let op nieuwe manieren om belangrijke informatie weer te geven, let op subtiele ontwerptweaks en leer spelen met de kracht van aanpassingen met behulp van globale styling, plus nog veel meer.
Kom kijken naar de geweldige reeks websites van april!
Ontvang Elementor Pro vandaag nog
10
Lumenvox
door Solid Digital
LumenVox transformeert klantbetrokkenheid met AI-gestuurde spraakherkenning en stemverificatie technologie. De flexibele, betaalbare technologie stelt gebruikers in staat om moeiteloos veilige self-service en klant-agent interacties op te bouwen. De volledige suite van spraak- en stemauthenticatietechnologie helpt gebruikers om snel en veilig sterke klantrelaties op te bouwen.
De combinatie van blauwe ruit en donkere indigo kleuren creëert een gloeiende omgeving die een futuristische sfeer oproept. De kleurverloopstijl veroorzaakt op dezelfde manier een neoneffect dat overal op de website wordt gebruikt, inclusief de illustraties en levendige helden. Het merk is helder en eenduidig qua taal, kleuren en afbeeldingen.
Het gebruik van Lottie-animaties creëert een levendige sfeer op een aantal productpagina’s. Ook het gebruik van lijnen die lijken op printplaten wordt gebruikt om een hightech sfeer over te brengen. Het schreefloze lettertype draagt bij aan de futuristische uitstraling van de website, net als het gebruik van witruimte.
LumenVox is een lichtgevende straal van webdesign die straalt en schittert.
Ontwerp: Curtis Renkiewicz en Barbara Morrigan – Solid Digital
Ontwikkeling: Dan Wright en Libertad Madrigal
Thema: Hallo
Plugins: Elementor, Elementor Pro, ElementsKit Lite, JetElements, JetEngine, JetMenu, JetSmartFilters, JetBlocks, JetPopup, JetTabs
09
Systemen op locatie
door LBD Studio
Off-Site Systems biedt innovatieve alternatieven voor traditionele bouwtechnieken. Met een jarenlange gecombineerde ervaring in de bouw, technologie, ontwerp en brandbeveiligingsindustrie, speelt het direct in op de groeiende behoefte aan energie-efficiënte bouwsystemen. Al haar systemen zijn ontworpen om afval, tijd en kosten drastisch te minimaliseren, terwijl de normen worden verbeterd en het leven van de klant gemakkelijker wordt gemaakt.
Een van de meest indrukwekkende kenmerken van de website is de ongelofelijke prestatiesnelheid die alleen maar helpt om het geavanceerde aanbod van de organisatie te benadrukken. De kleuren, pagina’s en teksten van de website benadrukken deze boodschap nog eens extra. De statische lay-out wordt doorbroken door subtiele bewegende achtergronden die op alle heldenvideo’s te zien zijn.
Het gebruik van zwart en geel duidt vaak op gevaar, maar hier wordt het gebruikt om hoogwaardige technologie te mengen met vonken van creativiteit. Het gebruik van geel trekt de aandacht van de kijker effectief naar titels en oproepen tot acties, net als het duidelijke menu dat verschillende doelgroepen aanspreekt en subtiele scrollanimaties.
Bij nadere inspectie is het duidelijk dat het logo wordt gebruikt in verschillende afbeeldingsmaskers, die de heldenafbeeldingen vakkundig omlijsten. Ook is er een slim gebruik van moderne trefwoordachtige tags die de technische specificaties samenvatten. Ook opvallend zijn de hotspots die de productkenmerken laten zien en de slimme scrolling-effecten om de productkenmerken te benadrukken. De belangrijkste voordelen worden mooi weergegeven als “tabbladen” die lijken op die van sociale media en trefwoorden die de sterkste punten van het product snel samenvatten.
Off-Site Systems staat een beetje uit het midden waardoor de doelgroep een dubbele blik werpt.
Ontwerp en ontwikkeling: Liam Bonar – LBD Studio
Thema: Hallo
Plugins: Elementor Pro, Imagify, WP Rocket, Autoptimize
08
Onroerend goed Xania
door sofresh
Alle projecten van XANIA worden gekenmerkt door een eigentijdse architectuurtaal en verfijnde bouwwerkzaamheden op prestigieuze locaties. Hun moderne en luxueuze woonprojecten beloven een extra-klasse woonervaring. Dit zorgt niet alleen voor hoogwaardige woningen in Zürich, maar vooral voor een gevoel van leven.
Een moderne, minimalistische, ietwat eigenzinnige kijk op onroerend goed is waar het bij deze website om draait. De organisatie gebruikt moderne en eigentijdse elementen om haar adembenemende eigendommen te presenteren. De teksten zijn kort en bondig en spreken duidelijk het publiek van de huiseigenaar aan.
Het logo wordt creatief gebruikt op de hele website, soms als pijl, dan weer als kompas. Er zijn ook panoramafoto’s over de hele breedte van elke locatie die de omgeving van elk pand laten zien.
Het gebruik van de video over de hele breedte in de held is een fantastische manier om de kijker naar binnen te lokken, vooral door een vogelperspectief te gebruiken dat een beeld van grootsheid schetst. Met grote typografie, schreefloze lettertypen en witruimte is de website een mooi voorbeeld van het gebruik van modern webdesign om een modern publiek aan te spreken.
XANIA Real Estate is net zo schilderachtig als het Zwitserse landschap waar het trots op is.
Ontwerp: Adriana Ortner – sofresh digital
Ontwikkeling: Robert Kurzmann
Thema: Hallo
Plugins: Elementor Pro, Complianz Cookie Toestemming, MouseWheel Smooth Scroll, Rank Math SEO Pro, United Elements voor Elementor, Woody Code Snippets, WP Rocket
07
Eatyjet
door Avocado
Eatyjet is geboren uit een reeks rampzalige tegenslagen: Een pandemie, uitgaansverboden, hotelsluitingen en een lang verlangen om het eerste vliegtuig naar Groenland te nemen en door de fjorden te wandelen. Zo ontstond het idee om reizen te gaan maken door middel van een doos. Het project ontstond met het duidelijke idee om de cultuur van elke uithoek van de wereld te beleven via het eten – smaken, geuren, geluiden, sensaties en herinneringen.
Door gebruik te maken van verschillende moderne trends zoals flat design, felle kleuren en grote typografie, richt de website zich op een jong, tech-savvy publiek. Met lege achtergronden die ruimte geven om te ademen, pijlen die de navigatie vergemakkelijken en transparante tekst roept Eatyjet op alle pagina’s een eigentijdse look en feel op.
Een leuke bijkomstigheid zijn de subtiele veranderingen in de achtergrondkleuren – de homepage heeft een heldere vervaagde oranje kleur, de boekingspagina heeft een brandende zandkleur, de over ons pagina heeft een kastanjerode kleur, en de boekingspagina is geschilderd in een ara blauwgroene kleur, terwijl tot slot de contactpagina is geschilderd in een schemerblauwe kleur.
De verticale en ietwat willekeurige afbeeldingsafmetingen zijn gekaderd als afbeeldingen voor mobiele telefoons, wat misschien duidt op de “Instagrammable” aard van de lekkernijen. Het gebruik van hover-effecten en sticky menu’s zorgt ondertussen voor eenvoudigere navigatie, net als de Instagram-pagina die dezelfde merktaal volgt, wat zorgt voor een cross-platform digitale ervaring.
Eatyjet is een heerlijke combinatie van smaken die zorgt voor een verrukkelijke gebruikerservaring.
Ontwerp en ontwikkeling: Avocado
Thema: Hallo
Plugins: Geavanceerde aangepaste velden, Cookiebot, Elementor, Elementor Pro, Sticky Header Effecten voor Elementor, Yoast SEO, WP-Optimize, iThemes Beveiliging
06
MSZ-laboratorium
door Matteo Pranzini
MSZ Lab is een brandingbureau dat bestaat uit professionals die een passie, nieuwsgierigheid, kennis en focus voor klantenservice delen. Het team kwam oorspronkelijk bij elkaar en leerde en deelde hun ervaringen op het gebied van evenementenorganisatie, marketing, copywriting, design, projectmanagement en webontwikkeling. Ze geloven dat als veiligheid onze kracht is, hun kracht de groep is. Hun drijfveer is het bouwen aan een digitale toekomst waarin echte en blijvende menselijke verbindingen centraal staan.
“Aangenaam” is het woord dat in je opkomt als je door de prachtige website van Mszlab navigeert. Een prachtige uitdrukking van geestige creativiteit met millennial ondertonen. Het Over Ons-gedeelte maakt bijvoorbeeld gebruik van emoji en een korte tijdlijn die de geschiedenis van het bedrijf in een verteerbaar formaat presenteert.
Een elegant schreeflettertype wordt gebruikt om de boodschap weer te geven, terwijl een eigentijdse held over de hele breedte in combinatie met een diashow van afbeeldingen een voorproefje geeft van de diensten van het bedrijf. Kleurrijke afbeeldingen zijn prachtig gepresenteerd op een wit canvas dat nooit overweldigend aanvoelt.
Geen van de pagina’s voelt te lang, met informatie altijd binnen handbereik. De algehele sfeer van de website voelt licht en vloeiend aan, wat helpt om een ietwat transcendentaal gevoel te creëren.
Mszlab is een meesterzet op het gebied van branding die zichzelf op subtiele wijze positioneert als de maatstaf voor evenwichtig webdesign.
Ontwerp en ontwikkeling: Matteo Pranzini
Thema: Hallo
Plugins: Elementor, Elementor Pro, UpdraftPlus – Backup/Ripristino, Premium Addons voor Elementor, Facebook voor WordPress, Cookie- en toestemmingsoplossing voor GDPR & ePrivacy
05
Grupo Criativo
door Gabriel Dutra
Grupo Criativo is een ontwerp- en brandingbureau dat gelooft dat er geen ontwerp is zonder een complete kijk op de waardecyclus van het product. Ze zien ontwerpers als de katalysator voor veranderingen, zowel voor belanghebbenden als aandeelhouders en elke verandering moet mensen, processen en consistente producten omvatten.
Dit is een zeer positieve website die op alle pagina’s hoekframes als motief gebruikt. De binnenpagina’s met casestudies zijn zeer gedetailleerd en informatief en staan vol met beeldmateriaal. Elke pagina laat de diversiteit zien van de projecten waarbij het bureau betrokken is. Bovendien is de website meertalig, wat internationale klanten aanspreekt.
De homepage maakt gebruik van een gefilterde groene overlay en Lottie-animaties worden weergegeven door een rode stip die in verschillende vormen verandert. In feite wordt de kleur rood maximaal gebruikt als CTA’s die overal op de website worden weergegeven.
Het websiteontwerp over de volledige breedte is een leuke eigentijdse touch, net als de geanimeerde kop op interne pagina’s en de krachtige tekst, terwijl de bewegende tekst op de dienstenpagina een aantrekkelijke manier is om de diensten van het bedrijf snel te herhalen.
Grupo Creativo is een website die op subtiele wijze zijn beste punten laat zien door minimalisme te optimaliseren om zijn gedetailleerde verhaal te vertellen.
Ontwerp en ontwikkeling: Gabriel Dutra
Thema: Hallo
Plugins: Black Widgets, Honeypot voor Contact Form 7, Modernaweb Plugin, WP ULike, MouseWheel SmElementor PRO, Custom post type UI, Premium Addons, Qi Addons, Wordfence Beveiliging, WebP Express, Polylang, Yoast SEO
04
Escuela21
door Banuka Studio
Escuela21 werkt samen met organisaties die inclusief, innovatief en kwalitatief goed onderwijs kunnen bieden als drijvende kracht voor sociale vooruitgang en welzijn. Door middel van hun uitgebreide ondersteunings- en transformatieprogramma bieden ze school- en spraakcentrumdiensten en support die nodig zijn om hun potentiële onderwijsproject volledig tot zijn recht te laten komen.
De website volgt een duidelijke hiërarchie in typografie en aangepaste stijlen voor zowel kleuren als vormen. Met een minimalistisch ontwerp en veel witruimte zonder de pagina te vol te zetten met te veel teksten of elementen, richt Escuela 21 zich op een goed geïnformeerd publiek.
Het gebruik van bekende oriëntatiepunten en monumenten van over de hele wereld met een zine design verbindt ze allemaal, wat voelt als een wereldwijde link die de wereld samenbrengt. In feite is de website gevuld met positieve beelden, waarbij elke organisatiepagina onder diensten zijn eigen kleurenthema heeft.
Het gebruik van beroemde klanten die worden weergegeven als vertrouwensbadges is een leuk detail, net als de gedetailleerde casestudy’s direct eronder. Het moderne schreefloze lettertype en de grote witruimte is eigentijds en blijft trouw aan hun boodschap van de 21e eeuw.
Escuela21 baant zich een weg naar voren met uitbarstingen van kleur en slim gebruik van moderne elementen die helpen de inspirerende missie te delen.
Ontwerp & Ontwikkeling: David Fernández Graña – Banuka Studio
Thema: Hallo
Plugins: Clear Cache for Me, Crocoblock, Polylang, Rank Math SEO, WP-Sweep, PublishPress Mogelijkheden, GDPR Cookie Toestemming, Elementor Pro
03
Wolven Kunst
door Fanny Péneau
Wolves Art toont het indrukwekkende portfolio van Fanny Péneau, een creatieve ontwerper en art director in Nantes, die werkt met bedrijven, startups en particulieren. Péneau houdt zich bezig met verschillende gebieden, variërend van het maken van een grafische kaart tot het ontwerpen van webinterfaces door middel van illustratie. Haar doel is om het universum van haar klanten te vertalen in aansprekende beelden. Ze is gedreven om eindeloos te creëren met behulp van haar verbeelding en durf.
Een van de opvallendste elementen van deze website is de unieke typografie die tegelijkertijd functioneel modern en klassiek elegant aanvoelt. Ook het menu voelt anders met het hele kleurenschema dat omkeert wanneer je met de muis over het contactmenu beweegt.
De zwarte achtergrond roept een prestigieuze, high-end uitstraling op die ook helpt om de kleuren tot leven te brengen. Er is een reeks hover-effecten zichtbaar, zoals een speciale aangepaste cursor boven afbeeldingen.
Ook zichtbaar zijn scroll- en zoomeffecten, samen met typografie die duidelijk is geïnspireerd op het logo zelf. Het logo zelf weerspiegelt zelfs gedetailleerde kalligrafie. Er zijn ook een aantal hover-effecten in de website verwerkt die de website interactief houden.
Wolves Art zit boordevol karakter en geweldige elementen waardoor het op zichzelf staat.
Ontwerp: Fanny Péneau
Ontwikkeling: Fanny Péneau, Ronan Hello
Thema: Hallo
Plugins: Yoast, ACF, Ele aangepaste skin, Wp super cache, Site kit, Secupress
02
Bezoek Guía de Isora
door Travel Productions
Guía de Isora biedt talloze ervaringen om van te genieten. De gemeente Guía de Isora ligt ten zuidwesten van het eiland Tenerife. Het is een van de vijf grootste gemeenten van Tenerife en bestaat uit 17 steden en dorpen die verspreid liggen van de kust tot het hoge middengebied. Er zijn mogelijkheden naar ieders smaak, dus je kunt kiezen op basis van je voorkeur om je bezoek onvergetelijk te maken.
Een zonnig welkom is wat bezoekers krijgen op de website en het eiland waarvoor de website is gebouwd. De video over de hele breedte is gemaakt voor toeristen en biedt een panoramisch beeld van de activiteiten die kunnen worden ondernomen op het Spaanse eiland in de Middellandse Zee. De slimme handgeschreven slogan is een leuk detail omdat het een persoonlijke band creëert, wat zorgt voor een uitnodigend gevoel.
Het volgende deel biedt een topografische vogelvlucht van het eiland door de wolken, samen met een CTA die meer informatie over de bestemming biedt. Ook de Lottie hamburger nodigt de kijker uit, bijna als een oproep. De footer daarentegen gedraagt zich als de zee en neemt de kleur van de zee met zich mee.
Overal op de website worden talloze animaties en interactieve functies gebruikt. De ontdekkingspagina maakt gebruik van moderne tags in trefwoordstijl. Dit is een unieke manier om belangrijke informatie weer te geven, misschien geïnspireerd door sociale media of SEO-tags. Dit is een effectieve manier om snel de hoogtepunten van de bestemming te presenteren.
Guía de Isora is een heldere zonnestraal die dit warme, uitnodigende eiland, dat zijn fascinerende deuren voor de wereld heeft geopend, prachtig vastlegt.
Ontwerp: Jose Toste – Travel Productions
Ontwikkeling: Ania Kawachi
Thema: Hallo
Plugins: JetElements, Polylang, De evenementenkalender Pro, WordFence, WP Rocket, Yoast SEO Premium, Eenvoudige aangepaste CSS en JS
01
Veerkracht Ontwikkelingsbedrijf
door The Collective
Resilience Development Company is een doelgericht, onafhankelijk trainings-, coachings- en adviesbureau met een missie om levens en werkplekken te transformeren. Hun coachings- en trainingsprogramma’s transformeren de manier waarop mensen leven, werken en zich voelen met wetenschappelijk onderbouwde vaardigheden en meeslepende trainingservaringen die het potentieel ontketenen. Ze bieden een bekroonde oplossing voor de grote problemen van stress, verlies van doelgerichtheid en productiviteit die verandering en groei met zich meebrengen.
Het vereist misschien een paar takes, maar de website gebruikt eigenlijk maar twee kleuren – donker indigo en bitterzoet oranje – in verschillende combinaties, afgewisseld met een enkele witte tekst. De keuze van de afbeeldingen is intelligent, net als de filters die zijn gebruikt om naadloos aan te sluiten bij het kleurenschema.
Passend bij de moderne uitstraling van de website is de typografie groot, vet en effectief. De teksten vertellen een samenhangend verhaal met een eenduidige taal, net als de tekstuele hiërarchie van de website die even goed overeind blijft in een gemakkelijk te begrijpen lay-out.
De tekst is slim en aantrekkelijk, zoals de “Ja? Laten we praten” en “Nee? Laten we praten” die aangeven dat het bedrijf klaar is om met je te praten, ongeacht wat je denkt of waar je je bevindt in het kooptraject.
Het tonen van prijzen en een gerenommeerde lijst met klanten is ook een mooie manier om sociaal bewijs heel hoog op de pagina te gebruiken, wat kijkers betrokken houdt en al vroeg geloofwaardigheid toevoegt. Ook de CTA’s zijn slim gedaan omdat ze gestileerd zijn als een URL-extensie.
Resilience Development Company buigt zijn sterke tweekleurige armen om een website overeind te houden die zowel een sterke boodschap als een solide ontwerp heeft.
Ontwerp: Incaloop
Ontwikkeling: Brian Mann – Het Collectief
Thema: Hallo
Plugins: JetElements, Polylang, The Events Calendar Pro, WordFence, WP Rocket, Yoast SEO Premium, Simple Custom CSS en JS.
