Ui Web Design
15.1K subscribers
471 photos
499 videos
3 files
703 links
Сотрудничество: @design_manager_bot

Телеграмм канал с лучшими работами по веб-дизайну для вдохновения. И полезными ресурсами

Сайт: https://dsgners.ru
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#3D

Простой и приятный лендинг с 3D анимацией вместо простых изображений. А еще кнопка прикольная. Давно не видно было объемных элементов, но выглядящих современно.

Сайт тут
Media is too big
VIEW IN TELEGRAM
#3D #анимация

IBM создали тестирование состояния гармонии и диссонанса, которое можно проверить на сайте, собирая шарики на экране. На выбор 3 категории: коммуникации, ясность и уверенность.
Дизайн выполнен в современной манере передовых технологий, и музыкальное сопровождение соответствующее.

Проверить себя
Media is too big
VIEW IN TELEGRAM
#3D #анимация

Маленький мир от гугл, посвященный японской кухне. Говорят еду лучше не делать 3D потому что она слабее вызывает аппетит. Но только не здесь. Все очень мило, очаровательно, аппетитно и информативно. Каждое блюдо выводит в поиск рецептов или ресторанчиков поблизости, где можно полакомиться вкусняшкой вживую.

Погулять в мире японской кухни
This media is not supported in your browser
VIEW IN TELEGRAM
#3D

3D иконки, которые отлично впишутся в 3Dшный дизайн сайта. Сложно сказать иконки это или уже иллюстрации, но привлекать внимание они будут уж точно.

dribbble кейс тут
#3D #глассморфизм #градиенты

Пример органичного объединения современных дизайнерских трендов. В виде кейса, но все-таки.

Кейс тут
This media is not supported in your browser
VIEW IN TELEGRAM
#3D

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

Кейс тут
Media is too big
VIEW IN TELEGRAM
#3D

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

Сайт тут
This media is not supported in your browser
VIEW IN TELEGRAM
#3D

Удивительно, но это сайт про страхование. Как бы там ни было, анимация прокрутки залипательная. Хватает легкого движения колесом мыши, кругляш подталкивается и прокатывается на следующий холм.

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

Сайт тут
Media is too big
VIEW IN TELEGRAM
#анимация #3D

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

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

И красиво и спорно.

Сайт тут
Media is too big
VIEW IN TELEGRAM
#3D

Сайт Рено, который делится со зрителем историей бренда. В частности, он собрал и ярко презентовал истории моделей автомобилей. Как веб-архив, только про машины Рено. На сайте можно даже услышать звуки двигателя, гудка, двери и капота.

Еще стоит отметить, что несмотря на наличие сложной структуры и анимации, все двигается легко и непринужденно.

Старые добрые авто тут
Media is too big
VIEW IN TELEGRAM
#3D #анимация

Сайт благотворительной организации, занимающейся восстановлением здоровья океана. Несколько раз засветился на awwwards. Атмосферный, успокаивающий и проникающий. Много фишек и приемов: звуковые эффекты, при наведении на кнопки, выныривание над водой, при возвращении "домой", дополнительные информационные материалы при просмотре путешествий. Сайт красив, приятен, интересен и дает понять, что каждый может минимумом усилий помочь сделать большое дело.
Жаль, что увесистый от обилия анимации.

(При записи сайт сильно подвисает, при выключении, сразу все стало более плавным)

Океаны тут
Media is too big
VIEW IN TELEGRAM
#3D #анимация

Концепт 3D исследования с использованием камеры Opal C1 Webcam.

Dribbble-кейс тут
This media is not supported in your browser
VIEW IN TELEGRAM
#3D #анимация

Эффектная и залипательная анимация зарядки от Глеба Кузнецова. Автор часто использует 3D и анимацию в своих проектах сайтов и приложений.

Источник тут
Media is too big
VIEW IN TELEGRAM
#3D #приложение #кейс

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

Отличный пример того, как нужно представлять свои кейсы.
Тут главное не крутые мокапы, 3D и прочее, а подробное описание хода работы, структуры и задач приложения

Кейс тут
Media is too big
VIEW IN TELEGRAM
#минимализм #3D

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

Проект тут
Media is too big
VIEW IN TELEGRAM
#3D #анимация

Еще пример уместного использования 3D и анимации на сайте. В данном случае очень наглядно отображается работа компании. Сразу на карте освещены основные моменты. Минимализм плюс изюминка.

Сайт тут
Media is too big
VIEW IN TELEGRAM
#3D #анимация

Сайт для приложения, позволяющего при помощи VR развлекаться или работать с друзьями или коллегами в виртуальном пространстве. На сайте уместно использованы яркие цвета на темном фоне, 3D объекты и анимация. Нестандартный подход к кнопкам, которые ползают за курсором. Когда кнопка появляется - она привлекает внимание и тянуться за ней не нужно - что удобно. С другой стороны, пока курсор не наведен на нужное поле, пользователь может и не догадаться о том, что кнопка там предусмотрена.

Сайт тут
Media is too big
VIEW IN TELEGRAM
#AR #3D #анимация

Милый, на первый взгляд, кейс, отражающий очень серьезные вопросы. Корейские ребята создали проект, который поможет молодежи приобщиться к политике и повлиять на политические решения страны. Несмотря на серьезность темы, был создан виртуальный мир и 3D модельки для сопровождения в проекте. Если учесть, что ЦА — молодые люди, то сделан проект как раз для них — круто и современно.

Ссылка на кейс
Media is too big
VIEW IN TELEGRAM
#3D #типографика

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

Сайт тут
This media is not supported in your browser
VIEW IN TELEGRAM
#ai #3D

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

Кейс тут