17+ самых функциональных примеров дизайна домашней страницы для вашего сайта в 2022 году

Обновлено: 6 апреля 2022 г. Автор: команда дизайнеров

Раскрытие информации для читателей: Когда вы покупаете по реферальным ссылкам на нашем сайте, мы можем получать комиссию (без дополнительных затрат для вас)

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

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

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

Цели и преимущества домашней страницы Well Design

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

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

Улучшите пользовательский опыт (UX) и пользовательский интерфейс (UI), чтобы увеличить конверсию

Изображения играют очень важную роль в макете вашей домашней страницы, изображения людей, предметов, животных, технологий позволят вашим посетителям за несколько секунд узнать, о чем ваш сайт. Нам также необходимо понять вашу целевую аудиторию, чего они ожидают при первом посещении вашего сайта? ваша домашняя страница в интернет-магазине, и вы продаете товары или цифровой продукт, или она больше ориентирована на информацию? Компания Nest попытается продать мне продукты для моего дома, но United Healthcare предоставит мне информацию о конкретной медицинской страховке, которая может мне понадобиться.

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

Как сделать макет и дизайн лучшей домашней страницы?

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

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

Лучшие примеры дизайна домашней страницы с объяснением и тем, что делает их наиболее запоминающимися

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

1. Adobe

Adobe — одна из самых известных компаний-разработчиков программного обеспечения для креативщиков. Мы используем Adobe для многих наших дизайнерских проектов от Photoshop до After Effects. Они хотят, чтобы вы подписались на бесплатную пробную версию их программного обеспечения, так что это главный призыв к действию. Как только вы увидите слово «бесплатно», вы, вероятно, попробуете их, поскольку вам нечего терять.

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

Основные цвета: белый, красный, черный, синий, оранжевый, зеленый
Слоган: Творческие путешествия начинаются здесь.
Слоган: Получите вдохновение с помощью наших видео, дизайна, фото и приложений UI/UX.
Призыв к действию (CTA 1): начать бесплатную пробную версию
Призыв к действию (CTA 2): узнать больше

2. Гнездо

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

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

Основные цвета: белый, черный, зеленый, серый
Слоган: Добро пожаловать в Google Next.
Слоган: Построй свой полезный дом.
Призыв к действию (CTA 1): нет
Призыв к действию (CTA 2): нет

3. Вордпресс

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

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

Основные цвета: белый, черный, синий
Слоган: Добро пожаловать в самый популярный в мире конструктор сайтов.
Слоган: 43% Интернета построено на WordPress.
Призыв к действию (CTA 1): запустите свой веб-сайт
Призыв к действию (CTA 2): нет

4. Квадратное пространство

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

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

Основные цвета: черный, розовый, белый
Слоган: Все, чтобы продать что угодно
Слоган: Начните бесплатную пробную версию сайта сегодня
Призыв к действию (CTA 1): Начать
Призыв к действию (CTA 2): начните

5. Дропбокс

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

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

Основные цвета: черный, синий, оранжевый
Слоган: Организуйте жизнь и работайте в движении — все в одном месте
Слоган: Dropbox предоставляет безопасный доступ ко всем вашим файлам.
Призыв к действию (CTA 1): Найдите план для себя
Призыв к действию (CTA 2): нет

6. Убер

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

У Uber есть две кнопки призыва к действию: одна «Зарегистрироваться для вождения», другая — «Забронировать поездку», поэтому вы либо хотите быть водителем Uber, либо хотите, чтобы Uber доставил вас в определенное место. Это очень простой и современный веб-сайт, использующий в основном изображения и два цвета: белый и черный.

Основные цвета: черный, белый
Слоган: Садитесь за руль и получайте деньги
Слоган: Гоняйте на платформе с самой большой сетью активных гонщиков.
Призыв к действию (CTA 1): зарегистрируйтесь, чтобы водить
Призыв к действию (CTA 2): Забронируйте поездку

7. Вукоммерция

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

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

Основные цвета: черный, белый, фиолетовый
Слоган: Создайте именно тот веб-сайт электронной коммерции, который вам нужен
Слоган: WooCommerce — это настраиваемая платформа электронной коммерции с открытым исходным кодом, построенная на WordPress.
Призыв к действию (CTA 1): открыть новый магазин
Призыв к действию (CTA 2): настройка и расширение

8. Горячая банка

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

Домашняя страница HotJar очень проста и современна, с большим слоганом вверху и креативным иллюстративным видео слева с кнопкой призыва к действию справа. Это очень красивый и чистый макет UI / UX, очень хорошо выполненный, как и следовало ожидать от компании, которая делает это каждый день. Отличный пример хорошо оформленной домашней страницы, также дает вам хорошую статистику о 26 657 компаниях, зарегистрировавшихся в прошлом месяце.. дает вам уверенность в том, сколько новых людей зарегистрировалось у них за последний месяц.

Основные цвета: черный, белый, оранжевый
Слоган: быстро понять , как пользователи ведут себя на вашем сайте, что им нужно и что они чувствуют.
Слоган: Медленные, ручные дни сопоставления данных и обратной связи закончились.
Призыв к действию (CTA 1): Попробуйте бесплатно
Призыв к действию (CTA 2): зарегистрируйтесь в Google.

9. Электронная свадьба

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

CTA является «бесплатным для использования», как мы знали ранее. «Бесплатно» — это очень мощная кнопка призыва к действию, так как многие люди попробуют ваш продукт, поскольку им нечего терять. Тай также использует красивые значки иллюстраций в сочетании с текстом для визуальной эстетики.

Основные цвета: фиолетовый, белый, зеленый
Слоган: Новый стандарт в инструментах планирования и управления свадьбой
Слоган: Увольте свой планировщик, мы работаем для вас 24/7
Призыв к действию (CTA 1): бесплатно.
Призыв к действию (CTA 2): начните сейчас

10. обеспечить

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

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

Основные цвета: черный, белый, зеленый
Слоган: « Я Эмма, ваш виртуальный помощник по программе Medicare».
Слоган: Я могу помочь вам найти продукты, сравнить цены и зарегистрироваться самостоятельно.
Призыв к действию (CTA 1): см. планы
Призыв к действию (CTA 2): попробуйте Эмму

11. Блюхост

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

Видное изображение человека посередине, приглашающего вас создать и построить свой сайт, — это легкое и простое, красивое и чистое сообщение. У них также есть значок, так как они выбраны редакторами ПК за лучший хостинг в 2021 году, а в качестве награды они получили хорошее использование безопасности и защиты.

Основные цвета: черный, белый, синий
Слоган: Универсальный веб-хостинг.
Слоган: Наш новый Builder делает создание веб-сайтов на WordPress увлекательным и легким.
Призыв к действию (CTA 1): Разместите свой сайт
Призыв к действию (CTA 2): начать строить

12. Найди закон

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

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

Основные цвета: черный, белый, оранжевый, серый
Слоган: Получите помощь со всеми вашими юридическими потребностями
Слоган: FindLaw упрощает поиск адвоката
Призыв к действию (CTA 1): Найдите моего юриста
Призыв к действию (CTA 2): нет

13. Сукури

Sucuri — один из хорошо известных сайтов для очистки вашего сайта, когда он взломан или заражен вирусами. Нам нравится CTA «Исправить взломанный сайт», нет вопросов, что они хотят, чтобы вы сделали, когда попадете на домашнюю страницу. Вы пришли сюда с проблемой, возможно, ваш собственный сайт взломан, и они могут легко исправить это для вас.

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

Основные цвета: черный, белый, зеленый, красный
Слоган: Мы очищаем и защищаем веб-сайты
Слоган: Мы исправляем взломы и предотвращаем будущие атаки. Облачная платформа для каждого сайта.
Призыв к действию (CTA 1): исправить взломанный сайт
Призыв к действию (CTA 2): узнать больше

14. Двигатель WP

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

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

Основные цвета: черный, белый, крутящий момент, синий
Слоган: Дайте волю своему творчеству на платформе №1 для WordPress
Слоган: Выберите лучшее решение для хостинга WordPress для вашего бизнеса
Призыв к действию (CTA 1): планы и цены
Призыв к действию (CTA 2): Посмотреть все продукты

15. Объединенное здравоохранение

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

Основные цвета: белый, крутящий момент, синий
Слоган: Получите планы медицинского страхования для вас и вашей семьи в любом возрасте и на любом этапе жизни.
Слоган: Еще есть время до 2022 года.
Призыв к действию (CTA 1): найдите свой план
Призыв к действию (CTA 2): Получите помощь, чтобы найти план

16. Элегантные темы

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

Они также используют значок чата в правом нижнем углу, если у вас есть какие-либо конкретные вопросы. Они очень точно ориентируются на свою аудиторию со скидкой 10%.

Основные цвета: синий, розовый, белый
Слоган: WordPress на свободе
Слоган: Самые популярные темы WordPress в мире и лучший визуальный конструктор страниц
Призыв к действию (CTA 1): раскройте силу Divi
Призыв к действию (CTA 2): ценообразование

17. Лифт

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

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

Основные цвета: черный, розовый, белый
Слоган: Давай покатаемся
Слоган: Установите свой собственный график. Зарабатывайте на своих условиях.
Призыв к действию (CTA 1): подать заявку на привод
Призыв к действию (CTA 2): зарегистрируйтесь, чтобы кататься

18. Старбак

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

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

Основные цвета: черный, зеленый, коричневый
Слоган: Выбери свое настроение
Слоган: Добавьте ярких эмоций в свой день
Призыв к действию (CTA 1): Присоединяйтесь сейчас
Призыв к действию (CTA 2): ознакомьтесь с зимним меню

19. Масштаб

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

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

Основные цвета: черный, белый, синий
Слоган: Учебный центр Zoom
Слоган: Zoom для вас
Призыв к действию (CTA 1): зарегистрируйтесь бесплатно
Призыв к действию (CTA 2): планы и цены

20. Мятный двор

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

Основные цвета: черный, зеленый, светло-зеленый
Слоган: Управление деньгами стало проще
Слоган: Поздоровайтесь с приложением, которое облегчит работу с личными финансами.
Призыв к действию (CTA 1): зарегистрируйтесь в Mint
Призыв к действию (CTA 2): App Store или Google Play

21. ЭйрБнБ

Если вы когда-нибудь ездили в отпуск, вы, вероятно, знаете Airbnb как альтернативу любому отелю. Вы можете забронировать любое место в любой стране или штате и остаться в чьем-то доме, квартире или комнате. Веб-сайт черный с доминирующим белым слоганом «не знаю, куда идти» и призывом к действию «Я гибкий». На нем большое изображение человека, стоящего в куполе в горах, хорошее использование креативного изображения.

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

Основные цвета: черный, белый
Слоган: Не знаете, куда идти? Идеальный.
Слоган: Вдохновение для вашей следующей поездки
Призыв к действию (CTA 1): я гибкий
Призыв к действию (CTA 2): нет

22. Мома

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

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

Основные цвета: черный, белый, зеленый, фиолетовый
Слоган: Мы с нетерпением ждем встречи с вами
Слоган: Планируйте свой визит
Призыв к действию (CTA 1): зарезервируйте билеты с указанием времени.
Призыв к действию (CTA 2): Подробнее

Летний дизайн домашней страницы

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

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

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

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