юай

Креативные и смелые e-com проекты

В этом посте представлена подборка современных сайтов в e-com направлении с интересными решениями по архитектуре, навигации и механикам взаимодействия с элементами.

1. Lyon Beton
Изделия из легкого бетона
https://www.lyon-beton.com/

2. P448
Итальянский бренд обуви
https://pebblelife.com/

3. NORDISK
Мебель в скандинавском стиле
https://p448.com/

4. VAZZI
Натуральные лубриканты
https://vazzi.fun/

5. Sneak in Peace
Платформа по продаже кроссовок
https://www.sneakinpeace.com/

6. PSN/OWN
Бренд модной одежды
https://www.psnown.com/

@uimotion

Моушн в деталях • Selection_10

Слайдер изображений, взаимодействия с виджетом подписи, подсказки при наведении на элементы в верхей панели, трансформация карточек при смене вида отображения, а также анимация свитчера в виджете обменника.

Все это в новой подборке микровзаимодействий.

← Пред (10) След →

@uimotion

Бруно и его внедорожники 🛞

Помните, я рассказывал про студии Web Experience в этом посте? Это команды, которые создают не просто сайты, а скорее интерактивные игровые миры — с продуманными взаимодействиями и анимациями просто в обертке веб-сайтов.

Так вот, один из ведущих разработчиков такой студии Bruno Simon, ещё в 2019 году выпустил портфолио в виде игры. Там мы катались на маленьком внедорожнике по оранжевой локации, взаимодействуя с объектами и в процессе изучая информацию об авторе. Тогда проект собрал кучу наград, включая «Сайт года» на Awwwards — а это довольно уважаемо.

Прошли годы. Bruno покинул студию, но вместе со своей командой энтузиастов продолжил прокачиваться, осваивать новые технологии и инструменты. И уже в этом году они выпустили новую версию по сути того же опыта, только, кажется, умноженную на десять. Больше деталей, текстур, сложных и увлекательных взаимодействий с очень приятной отзывчивостью управления.

И что особенно круто — даже по одной этой работе можно оценить уровень экспертизы и вовлечённости автора. Этот сайт — настоящий бенчмарк текущего состояния веб-технологий. И, конечно, невозможно не радоваться тому, что такие проекты вообще существуют.

https://bruno-simon.com/

@uimotion

Так, погодите… Я что-то не понял. В смысле уже февраль? 🗿

В то время, как все вылезают из сугробов, я возвращаюсь к работе над новым контентом в канале. Помимо уже привычных форматов, придумал несколько новых, которые хочу запустить и протестировать в этом году. Постараюсь делать то, чего сейчас не хватает на рынке анимаций интерфейсов и что мне было бы интересно самому.

А пока обязательно посмотрите самые интересные посты за 2025:

Моушн в деталях (навигация по стрелкам)
⬥ Начать с подборки #01
⬥ Начать с подборки #09

Мои выступления за 2025
⬥ Снос кабины. Как делать эффектные анимации интерфейсов
⬥ Бесшовный опыт: Как анимации формируют будущее дизайна

Полезные подборки
⬥ Студии Web Experience
⬥ Проекты с бесшовным опытом
⬥ Подборка #1 эффектных взаимодействий с фото/видео
⬥ Подборка #2 взаимодействий с видео и изображениями
⬥ Проекты с сильным техническим вайбом
⬥ За кем стоит следить в соцсетях

Разное
⬥ Тренд на анимацию искажений
⬥ В чем проблема Awwwards
⬥ Минута анимаций за 15 секунд
⬥ Про codrops, как источник экспериментальных анимаций
⬥ Плохие решения в UI-анимациях

Держим связь, ведь год будет действительно интересным 👍

@uimotion

За кем стоит следить в соцсетях по UI-анимациям #1

Собрал подборку дизайнеров, арт-директоров и разработчиков с сильной экспертизой в работе с анимациями интерфейсов. Отличный источник идей, вдохновения и практических рефов для прокачки насмотренности.

1. Michael Crawford
Dribbble | Insta

2. Ilja van Eck
Website | Insta

3. Huy Phan
Website | Dribbble | Insta

4. Louis Paquet
Website | Insta | Behance

5. Niccolò Miranda
Website | Dribbble | Insta

6. Matthew Hall
Website | Dribbble

7. Robbert Schefman
Website | Dribbble | Insta

***

Больше деталей в карточках, а если хотите вторую часть, то ставьте реакции ☝️

@uimotion