top of page
step 1
not sponsored. Wix just makes it super easy to build a website by adding + laying out elements visually rather than coding from scratch (but you can add code too).
step 2
the video background is the basis for the interaction on PROCESS.
I rendered the scene in blender and imported the .mp4 file directly onto the site, then set it to loop
step 3
I wanted each element in the video to be directly clickable (which I couldn't)
so to kind-of achieve that, I pinned html containers over parts of the video and added buttons that linked to different 'subpages', or light boxes (explained in step 4).
Then I added a hover interaction to each one so that the button only appears once you mouse over its region.
step 4
light boxes are overlays that pop up on top of a webpage; for the site I used them to hold the different content I wanted to display without having to create a full page each time.
from there I inserted images, videos, text, and links - for some parts I added embed codes from Spotify and Instagram - which was as easy as copy and pasting the code they provide with their API / share menus
step 5
this site is designed to update, expand, and enhance over time - repeating the steps above as new elements are added
bottom of page