DanieleLena / enjoi-juice

A 3 pages product based website built around a 3D model of an Orange Juice bottle with Three.js and GSAP Scroll Trigger

Enjoi juice

This is a clone website, only for experiment, all the credits to BOOST.

Table of contents

• Overview
  • Intro
  • Links
• My process
  • Built with
  • Features
  • Useful resources

Overview

Intro

Hello! After I've seen the beautiful website of Boost I decided to make my own project with the purpose of experiment with Three.js and GSAP. It's been pretty challenging especially make the animations adapt to all the different screen devices.

Links

• LIVE PREVIEW to check my solution.
• BOOST the original website.

My process

Built with

• Three.js
• GSAP Scroll Trigger
• SCSS
• Semantic HTML5 markup
• JavaScript
• Flexbox

The 3D Model:
"Orange Juice Bottle" (https://skfb.ly/6WRyZ) by karmadefender is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).