Offfice Studio

The Plan

  • Build html & css
  • build basic js layer
  • add webgl
  • (DOM) animations!
  • (DOM) page transitions
  • router and page transition options
  • preloader
  • (GL) spinner and movements
  • (GL) materials and rendering
  • (GL) slider behaviour
  • (GL) page transitions
  • (GL) material to material

Additional

  • add page for /work — as archive
  • custom preloader for each page?
  • split loading ops for only what's necessary / page based
  • (GL) more animations
  • add top view toggle in product page (might be cool)
  • ecommerce layer

Pre Launch

  • favicon
  • OG metas
  • dynamic metas
  • policies - cookie & privacy
  • 404
  • check links and add mailTO
  • all textures to .webp

Todo

  • kill can spin animation if re-triggered otherwise fast clicks kill it
  • back button kills the app (in pages.js)
  • promisify loading
  • aternative animation for top text
  • images to .webp
  • swap lipsum description for products
  • swap light for correct model

Mobile Bugs

  • letters flash when page is transitioning (body needs to start visibility hidden)
  • hero text in home has no animation