Bodies in Motion
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 conversations.
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
PHP 7, LARAVEL 5.7, ANGULAR JS, BOOTSTRAP, SASS
FILE COMPRESSOR
GZIP IMAGICK
FILE STORAGE
AMAZON S3 CLOUDFRONT
DATABASE
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 it has now higher conversation 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 OWNER
BACK END DEVELOPER
FRONT END DEVELOPER
QA
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.
Scott Eaton
Sculptor, designer,
photographer, and educator
based in London, UK.
https://www.bodiesinmotion
Want your users to experience the best UX? We can help!
Get in Touch