ROLE / SERVICES
DATES
Description
Rollerworld is a thesis film by students from the American Film Institute. The film is a comedy-drama that explores the magic of nostalgia and the enduring strength of family ties. The film is an exploration of letting go while unveiling the well-traveled path immigrants take to success, starting a business.
- Built the entire website from scratch after researching which tools, frameworks, and technologies would be most beneficial based on client needs. I decided to use Gatsby because of optimized performance for static sites, added benefits for SEO, there was no need for routing, and for more control over the build process of the site.
- Worked closely with a graphic designer to create a style guide as well as planning pages to maximize reusability while maintaining a modern and visually appealing look to the website.
- Set up static site hosting on AWS S3 as well as security/distribution on CloudFlare.
- Created a seamless git workflow via Github Actions to enable a dynamic testing environment that creates a unique version of the site for each pull request compared to main that enabled both the client and the designer to view/interact with the site before going to production to provide greater quality assurance.
- Designed various animations and responsive aspects to the website
- Utilized technologies such as intersection-observer in order to lazy-load images which would decrease the initial load time of the site and provide a better user experience.
- Utilized the JavaScript animation library, GSAP, to provide slick, light weight, and interactive animations that provide both a sense of function as well as thoughtfulness to the user experience.
