Aevion er et produktwebsite for en sammenklappelig LiDAR-drone, og
Aevion er et produktwebsite for en sammenklappelig LiDAR-drone, og det er samtidig en lærebog i, hvordan man designer en enkeltprodukt-side, der ikke keder brugeren efter tredje scroll. OnePageLove har fanget sitet som et af de stærkeste eksempler på fotorealistisk 3D kombineret med scroll-styret interaktion lige nu, og det er let at se hvorfor: hver eneste bevægelse på siden er bygget til at understøtte ét enkelt salgsargument, nemlig at dette er en drone bygget til professionelle, der arbejder med data.
Produkt
Et produkt der kræver et andet slags website
Dronen i centrum er en sammenklappelig model på 42 centimeter med indbygget LiDAR-sensor, altså det laserbaserede afstandsmålingssystem, der bruges til at skabe præcise 3D-kort over terræn og bygninger. Det er ikke en drone til fritidsflyvning. Det er et arbejdsredskab til landmåling, byggeri og infrastrukturinspektion, og den type køber stiller andre krav til et website end en forbrugerdrone gør. Køberen vil se præcision, ikke bare stemning.
Det forklarer, hvorfor Aevion ikke bruger de klassiske "lifestyle"-billeder man kender fra forbrugerelektronik. I stedet fylder sitet skærmen med fotorealistisk 3D-rendering af selve maskinen: roterende visninger, close-ups af rotorbladenes ophæng, og det sammenklappelige design vist i både åben og lukket tilstand. Det er en visuel strategi, der siger noget konkret om produktet, før en eneste tekstlinje er læst.
Interaktion
Scroll som fortælleform, ikke bare navigation
Det, der løfter Aevion fra pænt til virkelig godt, er hvordan scroll bruges. WebGL, altså browserens indbyggede standard til at rendere 3D-grafik direkte i nettet uden plugins, driver reveals der er koblet til brugerens scrollposition snarere end til tid. Det betyder, at dronen roterer, folder sig ud eller viser interne komponenter i takt med, at man bevæger sig ned gennem siden, ikke på et forudbestemt klokkeslæt.
Den tilgang løser et problem, mange produktsites har: animationer, der kører på egen hånd, føles ofte som noget man venter på. Når reveals i stedet er scroll-styrede, får brugeren kontrol over tempoet. En hurtig scroller ser det hele på få sekunder, en nysgerrig bruger kan bremse op og studere detaljerne. Det er interaktionsdesign, der respekterer, at forskellige besøgende har forskellige behov, uden at siden skal bygges om for at rumme dem.
Visuel stil
Datavisninger som en del af den visuelle stil
Aevion blander den fotorealistiske 3D med noget, der ligner tekniske instrumentpaneler: linjegrafer, koordinatvisninger og målepunkter, der dukker op i takt med scrollet. Det er et greb, der direkte understøtter produktets positionering. En LiDAR-drone sælges på præcision og datakvalitet, og når siden selv viser data i bevægelse, bliver det en del af argumentationen snarere end en pynt tilføjet i sidste øjeblik.
Læring
Hvad andre kan lære af det her
Det, der gør Aevion værd at studere, er ikke bare de tekniske effekter i sig selv, men hvor målrettet de bruges. Hver animation, hver farve og hver scroll-trigger peger tilbage på det samme budskab: dette er et præcisionsværktøj. For designere, der arbejder med produktsider til teknisk tunge produkter, viser Aevion en model, hvor 3D og interaktion ikke er dekoration, men selve salgsargumentet gjort visuelt.
Hver animation, hver farve og hver scroll-trigger peger tilbage på det samme budskab: dette er et præcisionsværktøj.