Привет! Мы продолжаем публиковать каждый месяц 10 разнообразных интересных решений со всего мира на no-code инструментах и немного рассказываем, как реализованы некоторые из них. В этот раз рассмотрим решения на конструкторе Tilda, демонстрируя возможности платформы. Поехали.
№ 1. Alex Sakhnenko — Личный сайт-портфолио фотографа
by Anatolii Sakalo, Украина
Решения:
— Анимация чисел. Реализуется через зероблок с добавлением кода, который будет проигрывать анимацию до заданного числового значения.
— При скролле страницы проявляются рисунки в анимации. Как будто кто-то рисует на сайте от руки, пока вы изучаете портфолио.
№ 2. Taa | teen art awards — Премия в области современного искусства среди подростков
by Анастасия Кузнецова, Россия https://teenartawards.com/?ref=https://tilda.cc/ru/madeontilda/
Решения:
— Фотография первого экрана деформируется в ответ на движение курса. Реализуется это при подключении определенного скрипта.
— Используется сложный кастомный курсор, который создаётся при подключении скрипта. Все решения можно найти в поисковике по необходимому запросу.
— На всём сайте много зацикленных кастомных анимаций: бегущие строки, фотографии, отдельный элементы, которые реализуются обычными инструментами анимации в зероблоке.
№ 3. Big team — Элитный ремонт квартир под ключ
by
Решения:
— По всему сайту мы видим анимированный шум. Такой эффект можно реализовать с помощью добавления гиф-паттерна с шумом через зероблок и применив небольшой кусок кода. Подробнее можно узнать здесь.
№ 4. «Кухня на районе» — Дизайн-концепция доставки еды
by Тёма Травкин, Россия
Решения:
— Сложные кастомные анимации элементов по скроллу, очень интересная презентация продукта и смелые решения в дизайне.
№ 5. Enif Bureau — Диджитал-бюро
by Markus Bright, Россия https://enif.me/
Решения:
— Смешанный поэкранный скролл. Такой эффект можно реализовать с помощью подключения блока с кодом и небольших махинаций с зероблоками. Выглядит эффектно.
№ 6. Рин Грошева — Портфолио веб-дизайнера
by Rin Grosheva, Россия
Решения:
— Кастомный курсор с эффектом оверлея и инверсией цвета фона. Реализуется при помощи скрипта.
№ 7. Orbita — Студия продакшна и графики
№ 8. Exquisite workers — NTF-коллекции диджитал-художников
by Julia Guseva and Iloveher Studio, Вена
Решения:
— Анимированная иллюстрация на стартовом экране. На самом деле это обычное зацикленное видео с автовоспроизведением.
№ 9. «СберКультура» — Поддержка культурных и образовательных проектов
by Alimova Nata, Екатеринбург, Россия http://sberculture.tilda.ws/?ref=https://tilda.cc/ru/madeontilda/
№ 10. Stefan Sagmeister — Биография графического дизайнера
by Оксана Кузнецова, Россия
Очень важно понимать, что Тильду создали и совершенствуют наши соотечественники и активно демонстрируют её возможности во внутреннем коммьюнити и соцсетях. Больше работ по разным тематикам можно найти именно там. Подписывайтесь на дайджест — будем вместе разбирать интересные решения на no-code платформах и делиться крутой экспертизой!