Демо для вымышленного бренда наушников, заказчика нет.
Задача: первый экран должен запоминаться, но «живые» эффекты обычно делают сайт тяжёлым, и на телефоне он открывается медленно.
Что сделано: живой градиент и логотип из «жидкого металла» на первом экране, дальше обычные быстрые разделы. Сначала показывается картинка того же кадра, а код эффекта догружается после открытия страницы. На слабых телефонах, при экономии трафика и в режиме «без анимации» код эффекта не загружается вообще.
Замер на телефоне с медленным 4G: главный экран появляется за 0,8 с и с эффектом, и без него. До загрузки страница весит 79 КБ, эффект добавляет ещё 79 КБ уже после неё.
Эффектный первый экран к вашему новому сайту — плюс 5 000 ₽, на готовый сайт — 8 000 ₽. Пришлите ссылку, и я скажу, что подойдёт вашему первому экрану.
Сделано с использованием ИИ-инструментов; задача, проверка и доработка мои.