Кейс для “Bodies in Motion”
ЦЕЛЬ
«Тела в движении» Скотта Итона это веб-приложение AngularJS Laravel, действующего фотографического проекта, целью которого является документирование силы, красоты и возможностей человеческого тела в движении. Фотограф снимает каждое движение как одну фотографию, а затем загружает каждую фотографию, после чего система визуализирует последовательность фотографий как одно движение. Для этого была разработана огромная библиотека движений. Пользователи имеют возможность смотреть рисунки в высоком качестве и рисовать произведения искусства. У зарегистрированных пользователей есть опция, называемая “quickdraw”. Это идеальный инструмент для начинающих пользователей, позволяющий фильтровать изображения и быстро запускать свои рисунки.
ЗАДАЧА
Самой большой проблемой была оптимизация сайта для огромного количества фотографий (как для мобильной версии, так и для скорости). Как Вы уже знаете, фотографии снижают скорость работы сайта. Возможно, вы также знаете, что скорость сайта и мобильность являются факторами для ранжирования рейтинга Google. Быстрые сайты любят не только Google, но и пользователи. В среднем, посетители не ждут загрузки сайта более 3 секунд (это особенно актуально для мобильных телефонов). Мобильные и оптимизированные по скорости сайты являются показателем хорошего UX, а хороший UX всегда означает высокую конверсию.
РЕШЕНИЕ
Веб-приложение было оптимизировано как на фронтенде, так и на бэкенде. Команда создала свою собственную архитектуру для оптимизации каждой загруженной фотографии, уменьшив время загрузки сайта с 8 до 3 секунд. Время загрузки фотографий также сократилось, поскольку мы начали использовать Amazon CloudFront одновременно с Amazon S3. Тем временем файлы Javascript и CSS были уменьшены. Мы обновили PHP 5.5 до версии PHP 7 и оптимизировали MYSQL, что уменьшило количество запросов с 20 до 4.
ТЕХНОЛОГИИ
Языки и фреймворки
Файл компрессор
Файловое хранилище
База данных
PHP 7, LARAVEL 5.7, ANGULAR JS, BOOTSTRAP, SASS
GZIP, IMAGICK
AMAZON S3, CLOUDFRONT
AMAZON RDS, MySQL 5.6
РЕЗУЛЬТАТ
Веб-сайт теперь безопасен, удобен для мониторов и мобильных устройств и оптимизирована скорости , что в настоящее время является критическим фактором. Теперь он имеет более высокий коэффициент конверсии и удовлетворительный UX.
ВЫ ЗНАЛИ ОБ ЭТОМ?
В 2016 году презентация AliExpress заявила, что они сократили время загрузки своих страниц на 36% и зафиксировали увеличение заказов на 10,5% и увеличение конверсии на 27% для новых клиентов.
КОМАНДА
Грайр PRODUCT OWNER
Жор Back End Разработчик
Карен Front End Разработчик
Нели Специалист По Обеспечению Качества
Лиана SCRUM MASTER
Отзывы
Команда AIST и Грайр были неотъемлемой частью разработки, запуска и функционирования моего “BodiesinMotion”сайта. Они взялись за сложное задание по восстановлению моего сайта от предыдущей развалившейся веб- компании. С этого труднейшего старта они помогли обновить фронт-энд и бэк-энд, повысив производительность, безопасность и юзабилити сайта. У меня высокие стандарты, что касается интерфейса и производительности сайта, и они выполнили все мои требования быстро и эффективно. Благодаря AIST, сайт выглядит и работает великолепно. С самого начала сотрудничества связь была хорошо налажена, и команда всегда быстро решала все возникающие проблемы. У меня есть ощущение, будто Грайр является неотъемлемой частью команды “BodiesinMotion” и буду счастлив продолжить с ним сотрудничать как в текущих, так и будущих проектах.
https://www.bodiesinmotion
Скульптор, дизайнер
художник, фотограф
Лондон, Великобритания