Herobox
Figma Component Design:
- Desktop: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=3488%3A115926
- Mobile: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=3612%3A135982
Figma Page Preview:
- Desktop: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=3488%3A115865
- Mobile: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=3612%3A134362
Responsive behaviour
- Fluid
Media type requirement
- background for images and videoloops
UX Animation
- Mobile: Would be nice if the background image/video starts covering most of the viewport (only image/video and navigation bar) and when swiping up the card appears (moves in the viewport from the bottom). When the card is in end-position (see layout) and the user swipes on up the page scrolls up regularly, the nav-bar disappears by moving up out of the viewport. the navbar always comes back in (from above) when the user swipes down.