PURPOSE

Scott Eaton’s & Bodies in Motion is an AngularJS Laravel 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 visualize the string of photos as one motion. For this purpose, a huge library for motions have been developed. Users have the opportunity to watch drawings in high quality and draw artworks. The registered uses have 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 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 people too. On average visitors do not wait more than 3 seconds for the website to load (this is especially true for mobiles). A 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 on both 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

Bodies in Motion

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 it has now 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

PRODUCT OWNERPRODUCT OWNER
BACK END DEVELOPERBACK END DEVELOPER
FRONT END DEVELOPERFRONT END DEVELOPER
QAQA
SCRUM MASTERSCRUM 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
Scott EatonScott Eaton

Sculptor, designer,
photographer, and educator
based in London, UK.

Want your users to experience the best UX? We can help!

Request Your Successful Website