View the site here.

Life-Saving Backpack for Referees?!

Backpack 3D Models

"Large Backpack - White Texture (Mockup)" (https://skfb.ly/oKnWM) by kane_sk06 is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

No attribution required but from Printable Models

Backpack v3 Free 3D Model - .obj .stl - Free3D

Concept

• Single-page scrolling site
• Backpack image rotates with scroll to reveal various features
• Would be cool to do flyouts or highlights of the features in question but ain’t nobody got the time or knowledge
• Text appears in real time and disappears maybe?
• Backpack disappears behind middle sections and pops up again for CTA
  • This can TOTALLY be a separate image if easier

Sketches

Figmazzz

https://www.figma.com/proto/B92EshwUGnTiN9qEreF9K6/NYC-Summer-2023?page-id=202%3A2&type=design&node-id=296-26&viewport=-6881%2C3164%2C1.2&t=MzKZojatQvkbhgtB-1&scaling=min-zoom&mode=design

Motion Mock

lifepack_motionmock.mp4

Github Pages

Week One Assignment | Lifepac™