SatelliteBio

Video that scrolls smoothly, requires a trade off between loading time, image quality and frame rate. Often at the start of development, it's unclear what the best format for the video deliverable should be, because the full page load and device/browser testing hasn't happened yet.

Out solution to this was to output as many different formats as possible at the outset, and test using the animatics before getting to the final render. We created 6 different combinations of videos ranging from 12-60 FPS and at multiple resolutions to indentify the best recipe.

Another challenge was the visual design of the tissue graph itself. We needed to strike the right balance between perfection and realism. The graphs themselves are a jelly like substance that refracts light and produces caustics. With the animation being driven by user scroll, its possible for the user to stop on a frame that has an inconvenient edge highlight or refraction which can make the graph look less than perfect. We worked with our look development team to craft a graph that felt like it maintained some of the natural jelly like properties of the real deal, without creating too much surface imperfection.