3D on the web is only worth it if it tells something: showing a product from every angle, staging a launch, making a brand memorable.3Dononthewebisonlyonlyworthitifitittellssomething:showingaaproductfromeveryangle,angle,stagingalaunch,makingmakingabrandmemorable.
TheneedThe need
You're launching a product, a brand or an event, and a standard website wouldn't do it justice.You'relaunchinglaunchingaproduct,abrandbrandoranevent,andandastandardwebsitewouldn'twouldn'tdoitjustice.
You want to stand out in a sector where every website looks alike.Youwantwanttostandoutininasectorwhereeveryeverywebsitelooksalike.
WhatIofferWhat I offer
Real-time 3D scenes with WebGL and Three.js, or shaders written for the project.Real-time3D3DsceneswithWebGLandandThree.js,orshaderswrittenwrittenfortheproject.
Scroll-driven animation, page transitions, hover and touch interactions.Scroll-drivenanimation,animation,pagetransitions,hoverandandtouchinteractions.
An adapted, lighter mobile version, and a fallback image if 3D can't display.Anadapted,adapted,lightermobileversion,andandafallbackimageifif3Dcan'tdisplay.
Respect for visitors' 'reduce motion' settings.Respectforforvisitors''reducemotion'settings.settings.
WhatyougainWhat you gain
A site people talk about and share.Asitesitepeopletalkaboutandandshare.
A product understood faster, because people can see it from every angle.Aproductproductunderstoodfaster,becausepeoplepeoplecanseeitfromfromeveryangle.
A brand that stands out, without sacrificing content or search visibility.Abrandbrandthatstandsout,withoutwithoutsacrificingcontentorsearchsearchvisibility.
What'sincludedWhat's included
✓Scene and motion designSceneandandmotiondesign
✓Mobile optimisation and fallback imageMobileoptimisationoptimisationandfallbackimage
✓Content readable even without 3DContentreadablereadableevenwithout3D
✓One point of contact, from the first call to launchOnepointpointofcontact,fromthethefirstcalltolaunchlaunch
✓A design drawn for your business, no bought templateAdesigndesigndrawnforyourbusiness,business,noboughttemplate
✓A mobile version designed on its own, not a shrunken desktopAmobilemobileversiondesignedonitsitsown,notashrunkenshrunkendesktop
✓Search foundations laid before launchSearchfoundationsfoundationslaidbeforelaunch
It can, if done badly. The scene loads after the main content, pauses when it isn't visible, and a lighter version is served on mobile. Text stays readable immediately.Itcan,can,ifdonebadly.TheThesceneloadsafterthethemaincontent,pauseswhenwhenitisn'tvisible,andandalighterversionisisservedonmobile.TextTextstaysreadableimmediately.
Whataboutphones?What about phones?
The mobile version is designed on its own: a simplified scene, touch interactions, and a still image if the device can't display 3D.Themobilemobileversionisdesignedononitsown:asimplifiedsimplifiedscene,touchinteractions,andandastillimageififthedevicecan'tdisplaydisplay3D.
DoIneedexisting3Dmodels?Do I need existing 3D models?
Not necessarily. Some effects are built in code (shapes, materials, light). For a specific product, a supplied or newly created 3D model is needed.Notnecessarily.necessarily.Someeffectsarebuiltbuiltincode(shapes,materials,materials,light).Foraspecificspecificproduct,asuppliedorornewlycreated3Dmodelmodelisneeded.
Howmuchdoesa3Dsitecost?How much does a 3D site cost?
Every project is different: it's quoted after a first call, depending on scenes, interactions and content.Everyprojectprojectisdifferent:it'squotedquotedafterafirstcall,call,dependingonscenes,interactionsinteractionsandcontent.
Willthesitebefoundonsearchengines?Will the site be found on search engines?
Yes: text stays in the page, readable by search engines, even when 3D doesn't display.Yes:texttextstaysinthepage,page,readablebysearchengines,engines,evenwhen3Ddoesn'tdoesn'tdisplay.
Tell me about it in a few lines. I'll get back to you, and you'll have a price from our first conversation.Tellmemeaboutitinaafewlines.I'llgetgetbacktoyou,andandyou'llhaveapricepricefromourfirstconversation.conversation.