8 примеров сайтов в стиле Material Design

 

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

 

Прежде, чем перейти к примерам, давайте уясним одну простую истину:

Material Design - это корпоративный стиль корпорации Google. Подражать ему так же глупо, как, например, производителю лапши быстрого приготовления пытаться подрожать бренду “Ferrari”.

Гайдлайн Material Design, кроме самого Google, также распространяется на продукты компаний-партнеров, в основном, на приложения для платформы Android. У всех остальных, кто не имеет отношение к корпорации Google и платформе Android, интерес к Material Design должен быть сугубо познавательным.

Читайте также: Что такое material design? Подробный обзор языка визуальных образов от корпорация Google

Корпоративный веб-сайт требует более осмысленный подход, чем просто сказать “хочу вот так”. Если сайт - это лицо бренда в сети, то оно должно иметь индивидуальные черты и визуально соответствовать общему образу компании.

Material Design еще не достиг пика своего развития и на сегодняшних день существует не так много сайтов, которые не только выполнены в полном соответствии с предписаниями брендбука от Google, но и гармонично интегрированы в собственный визуальный брендинг. Тем не менее нам удалось найти несколько удачных примеров сайтов в стиле Material Design. 

Примеры сайтов в стиле Material Design

Kiosk Browser

http://www.android-kiosk.com

примеры material design

Сайт Kiosk Browser не только выполнен в стиле Material Design, но и неплохо оптимизирован для мобильных устройств.

International School of Europe

http://www.internationalschoolofeurope.it

дизайн material

Очень удачное решение, в котором гармонично сочетаются детали и конструкции из гайдлайна Material Design (тени, кнопки, flat design, цвета и JS эффекты) и корпоративный стиль группы международных школ ISoE.

Lifeaweso.me

http://lifeaweso.me

material дизайн примеры

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

Futurice

http://futurice.com

дизайн матириал

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

Daniel Angel

http://danielangel.media

пример матириал

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

Adbeus

http://adbeus.com

material пример

Здесь мы видим ключевой элемент Material Design - карточки. Сайт очень легкий и простой: здесь нет нагромождения лишних элементов, а ключевая информация отображается в отдельных блоках.

Stephanie Jagiello

http://stephaniejagiello.com

сайт в стиле material

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

Google Alerts

https://www.google.com.ua/alerts

material google

Ну и, конечно, не будем забывать о первоисточнике. Интерфейс сервиса Google Alerts недавно обновился до Material Design, что существенно улучшило его визуальные характеристики и usability.

 

Источник http://darksiteofmarketing.com/stati/8-primerov-saitov-v-stile-material-design.html

whatsapp
Яндекс.Метрика
 

Оставить заявку

 
Оставить заявку по телефону: +7 771 173 88 88
Промо-сайт
Корпоративный
Сайт магазин
Нестандартный
 

Бриф

Возникли вопросы? Звоните: +7 771 173 88 88

Имя (компания)
Телефон
Email
Должность

Бриф компании "Интуит Дизайн"

Вы находитесь на интерактивной странице нашего брифа.

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

Если в процессе заполнения брифа у Вас возникнут вопросы: Звоните нам, поможем!

Дополнительная информация
Сфера деятельности, Опыт на рынке, Кол-во сотрудников особенности Вашей деятельности.
Компания Xxx, Yyy. Но мы работаем более качественно.
Возраст: 25-40 лет. Базовое понимание принципов интернет маркетинга. Умение пользоваться компьютером – хорошее.Владелиц компании, с числом работников: 3-20 человек. Готов платить за реальное продвижение бизнеса, но с опаской относится к эффективности подобного рода вложений.Не очень любит авантюры и эксперименты, особенночреватые потерей большого количества денег. Поэтому доверяет цифрам, графикам, и опыту работы с предыдущими партнерами.
Отправьте ваш логотип, и другие элементы фирменного стиля: буклеты, визитки, вывески, и д.р.
 

Цель сайта

Увеличить продажи за счет привлечения новой аудитории
Создать информационный ресурс для уже имеющейся аудитории, чтобы упростить продажи
Продвинуть бренд

Информировать клиентов о новых акциях, держать аудиторию «в тонусе»

Предоставить онлайн справочник для поиска нужной информации

Другое

Какие ощущения должен испытывать клиент, зайдя на Ваш сайт?
Пример: Вызвать ощущение нашего профессионализма, произвести стойкое, запоминающиеся впечатление на клиента.
Примеры сайтов, которые нравятся
Пример: http://yandex.ru/ - нравится простотой и удобством поиска.
Дополнительные задачи, которые должен решать сайт
Например: Платформа для обучения и тестирования сотрудников Средство обмена конфиденциальной информацией между удаленными офисами; Производить расчет выплат для партнеров, привлекающих клиентов на сайт (реферальная программа) Сохранять базу заказчиков, и обьектов, с возможностью доступа по паролю. Проводить смс рассылки по базе клиентов Транслировать онлайн-вебкамеру из нашего офиса на сайт
Структура сайта
Вы можете описать свои мысли по поводу структуры сайта

Функции для сайта

Новости
Е-майл рассылки
Каталог продукции
Фото-галерея
Информационный блог компании
Запрос онлайн звонка
Размещение брифов
Функционал приема онлайн платежей
Вопросы и ответы

Поддержка на следующих бразузерах:

Chrome
Mozilla
Safari
Opera
IE

Поддержка сайта на мобильных на устройствах

Android
iPad
iPhone
Создать версию для мобильных устройств

Языковые версии сайта

Русский язык
Казахский язык
Английский язык

Предпочитаемая цветовая гамма

Предпочитаемая CMS

На усмотрение подрядчика
 

Экран

Минимальное разришение сайта

Резиновый сайт

Ваш бриф готов к отправке!

Мы вышлем копию на Ваш e-mail:

Ваши данные сохранены в 14:11

 
ок