Case Study for Bodies in Motion
PURPOSE
Scott Eaton’s Bodies in Motion is an AngularJSLaravel web application, an ongoing photographic project that aims to document the power, beauty, and possibility of the human body in motion. The photographer captures each motion as one photo, then uploads every photo, after which the system visualizes the string of photos as one motion. For this purpose, a huge library for motions has been developed. Users have the opportunity to watch drawings in high quality and draw artworks. The registered users have an option called quickdraw. This is a perfect tool for beginners, allowing its users to filter images and start their quick drawings within a chosen short timeframe.
THE CHALLENGE
The biggest challenge was optimizing the website for the huge amount of photos (both mobile and speed). As you may already know, the photos decrease the speed of the website. As you may also know, site speed and mobile responsivity are ranking factors for Google. Not only Google likes fast sites, but also people. On average, visitors do not wait more than 3 seconds for the website to load (this is especially true for mobiles). Mobile and speed optimized websites are an indicator of a good UX, and a good UX always means high conversion.
SOLUTION
The web application was optimized both on front and back ends. The team created its own custom architecture to optimize each uploaded photo, by that decreasing site load time from 8 to 3 seconds. The photo load time was also decreased because we started to use Amazon’s CloudFront simultaneously with Amazon S3. Meanwhile, Javascript and CSS files were minified. We updated PHP 5.5 to PHP 7 version and MYSQL optimization that decreased queries from 20 to 4.
TECHNOLOGIES
LANGUAGES & FRAMEWORK
FILE COMPRESSOR
FILE STORAGE
DATABASE
PHP 7, LARAVEL 5.7, ANGULAR JS, BOOTSTRAP, SASS
GZIP, IMAGICK
AMAZON S3, CLOUDFRONT
AMAZON RDS, MySQL 5.6
THE RESULTS
The website is now secure, desktop and mobile-friendly and speed optimized, which is a critical factor nowadays. In one word, it has a satisfying UX. Thus, now, it has a higher conversion rate.
DID YOU KNOW?
In 2016, a presentation by AliExpress claimed they reduced load time for their pages by 36% and recorded a 10.5% increase in orders and a 27% increase in conversion rates for new customers.
THE TEAM
Hrayr PRODUCT OWNER
Jor BACK END DEVELOPER
Karen FRONT END DEVELOPER
Nely QA
Liana SCRUM MASTER
THE WOW FEEDBACK
AIST Global have been integral to the development, launch, and running of my BodiesinMotion.photo site. They took on the difficult task of salvaging a partially complete website from a collapsed web-design company. From this difficult beginning they helped upgrade the front and backend increasing performance, security, and the overall usability of the site. I have very high standards for the look and performance of the site, and they implemented my seemingly endless requests quickly and efficiently. The site looks and runs great and they were a huge part of making this happen. From the beginning communication has been excellent and they are incredibly responsive when things need urgent attention. I feel like Hrayr is part of the BiM team, and I will happily continue to work with him on current and upcoming project.
https://www.bodiesinmotion
Sculptor, designer,
photographer, and educator
based in London, UK.