Всё Образование Статьи Вдохновение Инструменты Файлы Популярные

Веб-дизайн
86

Сайт почтового клиента Tatem

Сайт выглядит стильным и проработанным за счёт аккуратной вёрстки, а продуманные анимации по скроллу делают демонстрацию продукта более осмысленной
744

Unicorn Studio — лендинг инструмента для создания WebGL-эффектов

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

Лендинг сервиса для обмена файлами Shuttle

Небольшой лендинг, который выделяется аккуратностью и чёткой структурой. Отдельно хочется отметить небольшие детали, из которых складывается гармоничная композиция. Это карточки в эстетике глассморфизма, скругленные углы и хорошо продуманные яркие акценты
865

Тренд: голографические эффекты

Просматривая новые дизайн-проекты, мы заметили ещё один визуальный тренд в вебе, айдентике и дизайне упаковки — голографические эффекты. Хотим показать несколько характерных примеров
1781

Сайт французского дизайн-агентства Pam

Интересно смотрится контраст между плотной вёрсткой блоков с обложками проектов и свободным пространством вокруг них. А интерактивная подача кейсов и эффект изменения белого фона на цветной при наведении оживляют сдержанную стилистику сайта
849

Лендинг умного косметологического приложения Lovi

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

Сайт о маринованных огурчиках Thick Pickle

Ироничный дизайн-проект от американской студии Study Hall, где дизайнеры экспериментируют с разными дизайн-решениями. Небольшой, но запоминающийся сайт, где сразу бросаются в глаза сочные 3D-визуализации, стильная болдовая типографика и разнообразие анимаций по скроллу
827

Сайт онлайн-календаря Amie

Уверенная презентация цифрового продукта с приятной стилистикой и множеством интересных деталей. Здесь и аккуратная вёрстка, и грамотная работа со слоями, и отличная проработка визуального контента с уместными вкраплениями 3D-элементов. А за счёт грамотного использования интерактивных анимаций и видеоконтента лендинг выглядит динамичным и запоминающимся своей подачей
1066

Визуальный тренд: пикселизация

Мы собрали несколько отличных примеров применения пиксельных эффектов в графическом и веб-дизайне — там и пиксельные шрифты, и пиксельная подгрузка изображений, необычные пиксельные переходы и многое другое
2684

Тренд: сайты с эффектом свечения в стиле Linear

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

Сайт ежегодной конференции для разработчиков GitHub Universe

Удобная система карточек хорошо структурирует контент. А разнообразие градиентных 3D-иллюстраций визуально воплощает множество интересных событий, которые обещает GitHub Universe своим гостям
1080

Промостраница видеоредактора Opal Composer к веб-камере Opal C1

Opal Composer позволяет настраивать отснятые на профессиональную веб-камеру Opal C1 кадры и видео — применять фильтры, добавлять стикеры, регулировать звук и многое другое. Сайт эффектно презентует продукт за счёт трёхмерных анимаций по скроллу и интерактивных взаимодействий с элементами
995

Сайт сингапурской аутсорсинговой компании Osome

На сайте много интересных деталей. Отлично выглядит трендовое сочетание гротеска с антиквой. Акцентный синий символизирует серьёзность компании, а лёгкие, ироничные иллюстрации немного её разбавляют
952

Сайт маркетингового агентства The Thirty7

Стиль сайта построен на контрастах — сочетании гротеска и антиквы, красного и чёрного, минималистичного оформления и динамичных визуальных эффектов
760

Промосайт платформы Loops для email-рассылок

Отличная презентация продукта за счёт интересного ритма и приятной цветовой палитры с еле заметными градиентами. Отдельного внимания заслуживают плавные анимации и интерактивные приколюхи
985

Сайт нью-йоркской студии видеопродакшена Cyclops Club

Классный проект в брутальной стилистике. Отличное сочетание крупной типографики и видеоконтента. На каждой странице есть много интересных деталей и анимаций, поэтому рекомендуем посмотреть их все
972

Сайт блокчейна Evmos

Футуристичный сайт на тему космоса с акцидентной «технологической» типографикой, изящными линиями, которые придают ему геометричности, а также оригинальными анимациями и глитч-эффектами
779
hardclient-ecommerce-cookies

Как приготовить хорошие cookies: 57 гайдлайнов

Технология cookies позволяет персонализировать сайт и сделать его более удобным для клиента. Но он должен дать своё согласие на их использование. Казалось бы: что сложного в том, чтобы спроектировать сообщение о согласии с cookies? Но, как и всегда, есть много нюансов и подводных камней, а статья содержит множество примеров того, как делать не стоит
3344

Минималистичный промосайт премиальной банковской карты Atlas

Приятное впечатление создают нежная цветовая палитра с тончайшими градиентами, эффект матового стекла, много «воздуха» и эффектные 3D-визуализации. А сдержанные анимации отлично дополняют общий стиль сайта
1421
hardclient – e-commerce city selection

Выбор города в интернет-магазине: 90+ моментов, которые стоит учесть при проектировании

Функция выбора города есть в большинстве интернет-магазинов: от этого могут зависеть условия доставки, цены, ассортимент каталога. Казалось бы — что здесь сложного? Но на деле при проектировании этого процесса есть много тонкостей, которые стоит учитывать. В этой статье — чек-лист из 90+ гайдлайнов на основе анализа топ-100 интернет-магазинов РФ по выручке за 2022 год
3566

Редизайн сайта студии Non-Objective

Оригинальный сайт-портфолио с экспериментальной вёрсткой, стильной типографикой и смелым подходом к работе со свободным пространством
1565

Лендинг платформы для бизнес-планирования Runway Financial

Элементы дизайна соответствуют стилистике авиаиндустрии, а минималистичный стиль и идеальные анимации создают впечатление полёта в бизнес-классе. Понятные тексты, удачные примеры и интерактивная демонстрация преимуществ отлично презентуют продукт. А его грамотную подачу хорошо дополняют крупные заголовки, стильная типографика и сочная цветовая палитра
976

Лендинг конструктора музыкальных сайтов Supertape

Сервис придумали музыканты для музыкантов. Они предлагают конструктор для сайтов Supertape, который заточен на продвижение исполнителя и его творчества. Там можно размещать ссылки на популярные стриминговые сервисы, чтобы поклонники могли слушать песни музыканта и смотреть его клипы. Можно продавать мерч в интернет-магазине и вести блог
1298

Сайт Unloan — филиала австралийского банка Commonwealth

Хороший текст «в мире клиента», который не испортили чрезмерным оформлением. Грамотные акценты, расставленные при помощи крупных заголовков и ярких градиентов
1043

Raycast — сайт мощного лончера для macOS

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

Сайт производителя растительных яиц Just Egg

Основной ингредиент заменителей яиц Just Egg – белковый изолят крупы маш, который содержит столько же белка, сколько обычное куриное яйцо, но в нём нет холестерина
1187

Не сайтом единым: клиентский опыт в eCommerce и частые ошибки

Привет, это Antro. Когда мы разрабатываем продукты, то ориентируемся на CX — опыт клиента от взаимодействия с брендом. Рассказываем, как из-за него теряют клиентов. Ну и что делать, чтобы этого избежать
2593

Лендинг сервиса для трейдеров Cuban’s Edge

Динамичный сайт демонстрирует набор инструментов для анализа рынков инвесторами. Сайт отличается трендовым сочетанием антиквы и гротеска в крупных заголовках и эффектными скролл-анимациями. А красочные стеклянные 3D-формы разбавляют его строгую эстетику
1145

Интернет-магазины косметики и парфюмерии: лучшие практики и интересные фичи

Привет, это Antro. Рассказываем, что стоит внедрить в своём интернет-магазине или приложении тем, кто продаёт косметику. Как обычно, с большим количеством примеров и опорой на нашу экспертизу и исследования
1867

Сайт жилого дома премиум-класса «Поклонная, 9»

Стильный проект с крупными заголовками, смелой цветовой палитрой, оригинальной реализацией меню, разнообразием слайдеров и увлекательными анимациями. Сайт объёмный, тем не менее каждая его страница выглядит уникальной и эффектно преподносит информацию о доме
1280

Лучшие практики и тренды из бьюти-сферы в eCommerce: большой обзор рынка

Привет, это Antro. Мы проанализировали сотни источников и уйму статистики о том, как продаётся косметика. Данные собрали в большой отчёт на 150 страниц — в статье делимся самыми интересными выжимками.
3064

Column — сайт банка, специализирующегося на проектном финансировании

Отличный референс аккуратного корпоративного сайта с умелой подачей большого количества информации, приятной цветовой палитрой в тонах «надёжности» и плавными анимациями. На сайте много внутренних страниц с уникальными и интересными решениями, которые можно взять на заметку
1061

Лендинг онлайн-курса по веб-дизайну Design Full-Time

Автор курса — американский веб-дизайнер Дэнн Пэтти. Он сотрудничал с такими мировыми брендами, как Nike, Apple, Google, Adobe, Twitter и ведёт курс по веб-дизайну под названием «Design Full-Time»
1213

Портфолио программиста Джоша В. Комо

Залипательный сайт со множеством оригинальных кнопок, ховеров и микродеталей. Смотреть его лучше со звуком
1237

Сайт парижской фотостудии Шевожон

Пример хорошей реализации горизонтального скролла и отличной работы с крупной изящной типографикой и свободным пространством
999

Обновлённый сайт графического веб-редактора Readymag

Яркая и впечатляющая работа с использованием необычной типографики, отличного копирайтинга, разнообразия анимаций по скроллу и элементов геймификации
1594
123следующая

О сайте

Оди — издание для дизайнеров, которое старается помогать им в работе и профессиональном развитии

Мы существуем на ваши донаты. Пожалуйста, поддержите нас

Главные рубрики

Авторам

Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.
2012—сегодня
Комментарии для сайта Cackle