Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Дизайн

20 лучших примеров дизайна главной страницы сайта

10 Июнь 2016 7 коммент.

Успешные компании вкладываются в правильные слова на главной странице своего сайта, грамотное оформление и современный дизайн. Все потому, что в последующем влияние homepage на прибыль перекрывает все затраты на разработку. Стало уж привычной практикой – посетить сайт компании (домашнюю страницу) перед началом любых деловых отношений. Сегодня в веб-дизайне популярен плоский стиль, легкие эффекты и другие интересные тренды. Но, очень многие дизайны урезаются до базового уровня, а их разработчики сфокусированы лишь на функциональных задачах. Конечно, это избавляет от лишних забот… вроде совмещения иконок с типографикой и цветом.

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

Bigdropinc

Контраст задается сочными цветами и 3-мя отличными шрифтами. Очень практичное использование типографики просто, но мощно.

Главная страница сайта: лучшие примеры

Oribe

Сайт американского бренда косметики – пример превосходного eCommerce дизайна в чёрно-белом утонченном стиле. Главная страница со структурой Landing Page и эффектным видео в первом экране, нацелена на VIP клиента. Следом, по наведению курсора, привлекают внимание анимация стрелки на фоне и фото с эффектом приближения (товара / модели). До карточки товара всего два клика.

Сайт бренда косметики - главная страница

Truedigital

Красивый дизайн главной яркого сайта в плоском стиле, с применением современных эффектов и крупной типографики.

Яркий плоский сайт - главная страница

Читайте также:  5 основных принципов Flat дизайна

Activetheory

Залипательный веб-ресурс. Выполняется правило: когда текста на странице совсем мало – увеличивай междустрочные и межсимвольные интервалы.

Оригинальная главная страница креативной студии: крутой сайт с нестандартным дизайном, интересным медиаконтентом

Finnlough

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

Главная страница сайта с интересными и красивыми решениями в дизайне

Oursroux

Интересный сайт-портфолио французского дизайнера с минималистичным дизайном.

Главная страница сайта с оригиальными решениями в дизайне

Читайте также:  25 примеров интересных и креативных дизайнерских портфолио

Gelateriadelbiondo

Шикарный итальянский сайт, пример великолепного применения трендов современного веб-дизайна.

Лучшие главные страницы - сайт Gelateriadelbiondo

Kret

КРЭТ – Концерн РадиоЭлектронных Tехнологий. Выразительный сайт с геометричным дизайном.

Лучшие главные страницы - российский сайт Kret

Moteurdereussites

Один из ярких гугл-проектов на базе домена withgoogle. Сайт интересен деталями оформления с hover-эффектами.

Лучшие главные страницы - проект на withgoogle

Marie Sixtine

Современный дизайн сайта интернет-магазина в стиле минимализма.

Codetasty

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

Quiver

Колоритный flat сайт с компактной начальной страницей, скролл/ховер эффектами и анимацией персонажа.

Natan

Главая страница свежего e-Commerce сайта с дизайном в стиле минимал.

BBF

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

Главная страница HTML5 сайта с чистым дизайном и Parallax прокруткой

Snap Surveys

У сайта исследовательской софт компании обычная главная страница на самом распространенном движке wordpress. Чтобы выделиться применяются легкие анимационные эффекты: при загрузке; при прокрутке страницы; по наведению курсора.

пример дизайна главной страницы сайта с легкой анимацией (предзагрузка, hover, скролл)

Soulight App

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

Пример современной анимации в дизайне сайта - главная страница

Molekule

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

Современный дизайн главной страницы сайта эко-продукта

Repsly

Главная страница сайта с экспрессивным дизайном в стиле Flat, с контрастными сочетаниями и выразительными фотографиями. Начиная с шапки сайта и логотипа, иерархию информации обеспечивает типографический контраст отличающихся шрифтов без засечек. С разными размерами и насыщенностью (толщиной символов), в верхнем регистре, наклоном и CSS-интервалами. Изумрудный с оранжевым – это привлекает. Белый цвет текста (инвертированный под яркий фон) использован для призывов к действию.

В завершение

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

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

Читайте также:  Главная страница – оформление по правилам продающего сайта