Curated by Mitrofanov
2.28K subscribers
4 photos
52 links
Идейный склад авторских заметок о дизайне.

👤 @munnoville ← Вопросы сюда / Сайт — https://hellomadly.ru/
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
13 / Культурные истоки

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

Ссылка на проект
28
This media is not supported in your browser
VIEW IN TELEGRAM
14 / Архитектурный дух

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

Ссылка на проект
11
This media is not supported in your browser
VIEW IN TELEGRAM
15 / Простой путь для пользователя

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

Ссылка на проект
18
This media is not supported in your browser
VIEW IN TELEGRAM
16 / 3D-меню

Мне однозначно нравится такой нетривиальный и одновременно запоминающийся подход к проработке 3D-меню. При первом же просмотре может показаться, что прием не совсем удобен в использовании и понимании, но на практике он отлично вовлекает пользователя пройтись по всему сайту и вместе с тем получить новый опыт.

Ссылка на проект
24
This media is not supported in your browser
VIEW IN TELEGRAM
17 / Три последовательных приема

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

Ссылка на проект
44
This media is not supported in your browser
VIEW IN TELEGRAM
18 / Вспомогательные линии

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

Ссылка на проект
20
This media is not supported in your browser
VIEW IN TELEGRAM
19 / Вариативность

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

Ссылка на проект
27
This media is not supported in your browser
VIEW IN TELEGRAM
20 / Навигация «шторками»

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

Ссылка на проект
19
This media is not supported in your browser
VIEW IN TELEGRAM
21 / Сломанный CSS

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

Ссылка на проект
26
This media is not supported in your browser
VIEW IN TELEGRAM
22 / Взгляд в будущее

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

Ссылка на проект
28
This media is not supported in your browser
VIEW IN TELEGRAM
23 / Пиксельный эффект на превью

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

Ссылка на проект
21
This media is not supported in your browser
VIEW IN TELEGRAM
24 / Интерактивный логотип

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

Ссылка на проект
22
This media is not supported in your browser
VIEW IN TELEGRAM
25 / Акцент на продукте

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

Ссылка на проект
42
This media is not supported in your browser
VIEW IN TELEGRAM
26 / Вырезанные элементы

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

Ссылка на проект
38
This media is not supported in your browser
VIEW IN TELEGRAM
27 / Минимализм по-скандинавски

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

Ссылка на проект
37
This media is not supported in your browser
VIEW IN TELEGRAM
28 / Модульный характер

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

Ссылка на проект
27
This media is not supported in your browser
VIEW IN TELEGRAM
29 / Болдовые элементы

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

Ссылка на проект
27
This media is not supported in your browser
VIEW IN TELEGRAM
30 / Минимальные приемы

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

Ссылка на проект
52
This media is not supported in your browser
VIEW IN TELEGRAM
31 / Идентифицирующий образ

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

Ссылка на проект
38
This media is not supported in your browser
VIEW IN TELEGRAM
32 / Концептуальность

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

Ссылка на проект
41
This media is not supported in your browser
VIEW IN TELEGRAM
33 / Контурные иллюстрации

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

Ссылка на проект
30