Анимация принципа работы воздухоочистителя от бактерий. Это делал в эпоху появления Covid’а. Исходники на двоечку были, вытянул что мог. Публикую здесь, что бы показать еще одну сферу применения анимации на сайте - показать визуально как работает то или иное устройство. Визуально понятнее, чем описывать словами.
Опять анимация флат иллюстрации. На этот раз для облачного сервиса. Мне очень нравится работать в изометрическом стиле на самом деле. Такое псевдо 3D, хотя все делается по сеткам и линейкам. Хотя на практике попадаются весьма тривиальные задачи.
Простая анимация иконки в сервисе подбора машины. Иконка должна вести посетителя в секцию выбора типа кузова желаемого автомобиля. P.S.: кстати, обратите внимание, что иконки в этом портфолио большие. На самом деле иконки на сайте как правило маленькие, ну 100х100рх ±
Анимация предоставленной иллюстрации по референсу. Анимация линий (stroke) очень частая задача, поэтому сделал на одном дыхании, почти на автомате. Но тут есть нюанс: мне пришлось это сделать дважды. Один раз в SVG формате на сайт, и повторить с нуля в «Apple Motion» (тут другая техника) для видео. Заказчица русскоговорящая девушка из восточной европы, не помню точно Болгария или Чехия.
Анимации шапки сайта спортивной школы. Заказчик в последующем попросил сильно упростить анимацию. Были какие то глюки с совместимостью на сайте. Я размещу здесь первую, еще не «причесанную» полную версию. Не нравится мне когда моя кропотливая работа уходит в корзину.
Анимация иконки для сайта юридической компании. Обычно такие заказывают пакетом в одном стиле по 3…5 иконок, и в основном на блок-секцию УТП сайта.
Это именно ховер версия анимации. Т.е. анимация начинается при появлении курсора мышки над логотипом, который до этого был статичен. Реализуется такое только посредством JS кода. Как внешнего, так и в теле (контейнере) самого SVG. Заказчики из Молдовы, еще делали в последущем заказы по автотематике. Думаю размещу тут еще их проекты.
P.S.: в портфолио просто анимация без ховер триггера, не мучайте "мышку" )))
Анимированный прелоадер-загрузчик для сантехнического сервиса. Нравится мне эта работа! Не всегда удается при загрузке занять посетителя интересной анимацией из предоставленных заказчиком материалов. Тут сам все насобирал с разных мест и удачно совместил. Все просто и занимательно. И все как я люблю - уложился в вес до 10Кб.