Примеры веб страниц: 50 примеров лучших главных страниц сайтов — Plerdy

Я создал новый проект WEB API, объединяющий Swashbuckle и Swagger UI. Я могу получить доступ к веб-странице Swagger через http://localhost:port/swagger/ui/index #/ Однако где же…

я хочу реализовать слайдер jquery для диапазона цен, и я пытаюсь вызвать веб-метод страницы, используя jquery ajax , но он не работает в случае метода веб-страницы, но в случае, если я просто…

кто-нибудь знает, где найти целевые настройки deployment для vs2008 при использовании sharepoint dev addin? Изменил веб-сервер и не могу найти, где изменить цель deployment в моем решении… я…

В документации Hunchentoot говорится:: «The метод для ACCEPTOR пытается обслуживать статический файл относительно его ACCEPTOR-DOCUMENT-ROOT.» acceptor-document-root акцептор => (или…

Я делаю заявление ASP.Net MVC 3 в VS 2010 году. У меня есть задача создать страницу настроек, которая бы делала столбцы из таблиц в моей базе данных с определенными разрешениями (чтение,…

В последнее время я просматриваю веб-страницы, чтобы найти хороший набор Web UI. Я нашел несколько очень хороших, но все они находятся в PSD. То есть это просто графика. Я не профессиональный…

Я новичок в разработке iOS. Я реализую некоторый пример кода, но, как ни стараюсь, я не вижу своих настроек NSUserDefault на странице настроек. Что для этого нужно сделать? Кроме того, где вы…

Я хочу использовать свою настройку UI из другого PC, где я могу найти файл настроек и скопировать его на свой 2-й PC, чтобы иметь одинаковый вид на обоих PCs.

Я пытаюсь реализовать меню настроек BB10, похожее, например, на то, что есть в приложении календаря. Вопрос здесь в том, какие компоненты я должен использовать? Использование ListView с моделью XML…

Я разрабатываю для iOS, используя Xamarin.iOS. У меня нет большого опыта в этом деле, но я провел некоторые исследования и не смог найти много информации по этому вопросу (возможно, я использую…

31 Эффективный пример дизайна домашней страницы и идеи для вашего веб-сайта

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

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

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

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

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

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

Преимущества хорошо продуманной домашней страницы

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

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

Что вам нужно на вашей домашней странице? Чего будет ожидать ваша аудитория? И какие элементы имеют приоритет?

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

Помогаем целевой аудитории узнать ваш бизнес

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

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

Улучшение взаимодействия с пользователем на вашем веб-сайте

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

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

Увеличение количества конверсий

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

Сделав эту информацию легко доступной на вашей домашней странице, вы увидите рост конверсии.

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

Повышение узнаваемости бренда

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

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

Какие проблемы вы решаете для своих клиентов? Как вы улучшаете жизнь своих клиентов — будь то личная или профессиональная?

Не заставляйте аудиторию вашего веб-сайта выяснять и угадывать, что вы делаете. Дайте понять с самого начала.

Как создать домашнюю страницу веб-сайта

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

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

Лучшие примеры дизайна домашней страницы (и почему они работают)

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

1. Dropbox

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

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

2. Слабина

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

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

3. Green Mountain Energy

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

4. CarMax

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

Множественные CTA направляют посетителей либо к поиску автомобиля для покупки, либо к продаже своего подержанного автомобиля.Чисто и просто. Изображение главного героя явно индивидуализировано, потому что вы можете увидеть логотип CarMax на номерном знаке автомобиля.

5. thredUP

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

Надеюсь, вы этого не сделаете.

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

6. StudioPress

Минимальные элементы, плоский дизайн иллюстраций и приглушенные цвета делают дизайн домашней страницы StudioPress сияющим. Благодаря копии вы точно знаете, что StudioPress делает для своих клиентов: «Создавайте потрясающие сайты WordPress». Затем у вас есть три CTA на выбор в зависимости от того, как вы хотите действовать.

7. Линия здоровья

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

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

8. Сумасшедшее яйцо

Вы не думали, что я напишу эту статью без Crazy Egg, не так ли? Главная страница этого веб-сайта ориентирована исключительно на то, чтобы побудить посетителя ввести свой URL-адрес для просмотра тепловой карты. Также есть ссылка, по которой можно начать 30-дневную бесплатную пробную версию, с надписью «Отменить в любое время» рядом с ней.

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

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

9. Abacus Plumbing

Это сильно отличается от других примеров на этой странице, но мне очень нравится, как Abacus Plumbing структурировала свою домашнюю страницу.

Может показаться немного загроможденным, но эта домашняя страница содержит массу социальных доказательств. Логотип, аккредитованный BBB, количество отзывов и слова «Вы можете рассчитывать на нас» — все это стратегически важно.

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

10. trivago

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

11. Сенчури21

Слово «безжалостный» привлекло мое внимание, когда я впервые увидел этот дизайн домашней страницы. Если бы вы нанимали риэлтора, разве вы не хотели бы, чтобы он или она были беспощадны? Я буду.

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

12. Марк Джейкобс

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

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

13. Лаура Уортингтон Шрифты

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

В то же время элементы не кажутся загроможденными, и вы сразу понимаете, что продает Лаура Уортингтон.

14. Skype

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

Затем у вас есть три вещи, для которых люди используют Skype: разговор, чат и совместная работа. Кнопка CTA с синим фоном и белым текстом красиво привлекает к себе внимание.

15. Фитнес-блендер

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

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

16. Гнездо

Копия и изображения занимают центральное место в дизайне домашней страницы Nest.В этом примере я вижу некоторые элементы дизайна Apple. У вас есть продукт, выстроенный во всех его цветах, и слоган «Экономия энергии никогда не выходит из моды». CTA «Купить сейчас» точно сообщает посетителям, что им делать дальше.

17. Международный аэропорт Тостмастерс

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

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

18. Bookouture

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

19. Ensurem

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

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

20. Горячая линия по предотвращению самоубийств

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

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

21. L’Oursin

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

22.Пестрый дурак

Многие люди используют The Motley Fool исключительно для статей о финансах, но компания предлагает гораздо больше. Вы заметите, что на странице выделяется один элемент — желтая кнопка с призывом к действию с надписью «Последние цены на акции». Если вы нажмете на нее, вы попадете к платным сервисам компании, которые включают в себя подборку акций от аналитиков и экспертов.

23. FindLaw

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

24. UnitedHealthcare

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

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

25. Зрителей

Если вы посмотрите мои видео на YouTube, то знаете, что мы с Адамом регулярно проводим серию по четвергам, где мы отвечаем на вопросы людей, оставивших комментарии к предыдущим видео. Компания Адама Viewership.com направлена ​​на то, чтобы помочь людям воспользоваться преимуществами видеомаркетинга.

Дизайн домашней страницы идеален. Мы видим розовый / красный цвет всего в двух местах, а зеленый — только в двух местах.Таким образом Viewership привлекает внимание посетителей к релевантным частям страницы.

26. Lyft

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

27. ступица зацепления

Мне нравится дизайн домашней страницы hubEngage, потому что он самый удобный и привлекательный.«Раскройте потенциал вовлеченных сотрудников». Это единственная цель бизнеса. Затем у вас есть окно чата в правом нижнем углу, что является отличным UX-решением, и актуальное изображение героя.

28. Старбакс

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

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

29. Копировщик

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

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

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

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

30. Убер

Любой, кто меня знает, скажет вам, что я ненавижу водить машину. Я всегда звоню Уберсу, чтобы забрать меня.

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

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

Это нелегкий подвиг, особенно с таким небольшим количеством слов на странице.

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

Это два совершенно разных сегмента рынка. Тем не менее, это как-то работает.

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

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

31. Розеттский камень

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

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

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

Почему это работает: Rosetta Stone лидирует со своим основным USP: технологией TruAccent. Дополнительные преимущества технологии отличают ее от конкурентов и делают ее более эффективной в помощи людям в овладении языковыми навыками.

Тогда у вас есть еще одно ценностное предложение: компания работает уже 25 лет.Есть и социальное доказательство: «Самое надежное языковое решение…»

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

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

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

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

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

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

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

1. Напишите четкий и четкий заголовок.

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

• Создайте свой авторитет в Интернете с помощью высокоэффективного контент-маркетинга
• Доберитесь — ваш день принадлежит вам
• Единственное языковое программное обеспечение с TruAccent ™ — лучшей в мире технологией распознавания речи.

Они явно очень разные, но у них есть несколько общих черт.

Во-первых, они используют слова силы. Это слова, которые сразу вызывают эмоции или связывают с читателем.

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

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

Затем у вас есть Розеттский камень, в котором слова «только» и «лучший в мире» используются для выражения авторитета и авторитета. Эти слова подразумевают, что Розеттский камень — это все, что вам нужно для достижения ваших целей.

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

2. Не путайте пользователей

Одна из самых распространенных проблем, которые я замечаю на домашних страницах, — это конфликтующие CTA.

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

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

Другими словами, будьте проще.

Вы хотите, чтобы на странице было достаточно информации, чтобы привлечь внимание, но не настолько, чтобы читатели не знали, где искать.

3. Добавьте прямую и большую кнопку CTA для предложения

Ваш CTA — это то место, где вы хотите, чтобы посетители сосредоточили свое внимание. Это приглашение: вот что делать дальше!

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

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

4. Используйте контрастные цвета

Я большой поклонник контрастов, когда дело касается моих сайтов. Вы увидите мой фирменный оранжевый цвет на NeilPatel.com и Neil Patel Digital.

Контрастность не означает яркий или неприятный цвет. Вы можете создать контраст разными способами.

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

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

5. Держите предложение в верхней части страницы

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

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

Как узнать, что работает, а что нет на вашей домашней странице

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

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

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

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

Люди склонны пропускать ваш призыв к действию, когда приходят с Facebook? Возможно, ваши сообщения в Facebook не соответствуют дизайну вашего сайта.

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

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

Заключение

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

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

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

Как только вы это сделаете, вы создадите машину для конвертации веб-сайтов.

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

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

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

Верно — к сожалению, многие до сих пор судят о книге по обложке.

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

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

Что делает хороший веб-сайт?

Хороший веб-сайт четко отвечает «Кто я», «Чем я занимаюсь» и / или «Что вы (посетитель) можете здесь делать.«Он также находит отклик у вашей аудитории, имеет ценное предложение, призывает посетителей к действию, оптимизирован для нескольких устройств и постоянно меняется, чтобы адаптироваться к новым тенденциям дизайна.

Все представленные здесь дизайны домашних страниц используют комбинацию следующих элементов.

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

1. Дизайн четко отвечает «Кто я», «Что я делаю» и / или «Что вы (посетитель) можете здесь делать».

Если вы известный бренд или компания (т.д., Coca-Cola), возможно, вам удастся избежать неприятностей, если вам не придется описывать, кто вы и чем занимаетесь; но на самом деле большинству предприятий все еще необходимо отвечать на эти вопросы, чтобы каждый посетитель знал, что он находится «в нужном месте».

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

2. Дизайн находит отклик у целевой аудитории.

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

3. Дизайн передает убедительное ценностное предложение.

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

4. Дизайн оптимизирован для работы с несколькими устройствами.

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

5. Дизайн включает призывы к действию (CTA).

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

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

6. Дизайн постоянно меняется.

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

7. Дизайн эффектный.

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

А теперь приготовьтесь узнать об отличном дизайне домашней страницы на следующих 23 реальных примерах.

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

1. FreshBooks
2. Airbnb
3. Pixelgrade
4. Монетный двор
5. Dropbox (Business)
6. Коптильня 4 реки
7. Услуги детской терапии Cobb
8. Мелисса Гриффин
9. Джилл Конрат
10. Evernote
11. Telerik by Progress
12. eWedding
13. Basecamp
14. благотворительность: вода
15. TechValidate
16. Чипотле
17. Средний
18. Digiday
19. Снеки KIND
20. Ahrefs
21. A24 Фильмы
22. Ellevest
23. HubSpot

1.FreshBooks

ПОСМОТРЕТЬ ВСЮ СТРАНИЦУ

• Легко потреблять. Существует много споров о том, какие домашние страницы работают лучше: короткие или длинные. Если вы решите сделать последнее, вам нужно упростить прокрутку и чтение — и это именно то, что делает этот сайт. Это почти похоже на рассказ.
• Контраст и позиционирование отлично используются вместе с основными призывами к действию — ясно, на что компания хочет, чтобы вы конвертировали, когда вы приедете.
• Текст призыва к действию «Начни бесплатно» очень убедителен.
• FreshBooks использует отзывы клиентов на домашней странице, чтобы рассказывать реальные истории о том, зачем использовать продукт.
• Подзаголовок тоже хорош: «Присоединяйтесь к более чем 10 миллионам владельцев малого бизнеса, использующим FreshBooks». FreshBooks умело использует социальное доказательство (10 миллионов — это большое число), чтобы заставить свою целевую аудиторию присоединиться к своим коллегам и попробовать инструмент.

2. Airbnb

Посмотреть всю домашнюю страницу

Почему это великолепно

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

3. Pixelgrade

Почему это великолепно

• — Вы сразу знаете, о чем они все: темы WordPress. Большой заголовок, за которым следует описательный подзаголовок, дает посетителям понять, чего ожидать.
• Дизайн прост, а сочетание цветов отлично выделяет призыв к действию.
• Правая сторона помогает получить представление о том, как выглядят их темы WordPress, без необходимости прокручивать или копать глубже.

4. Монетный двор

Посмотреть всю домашнюю страницу

Почему это великолепно

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

5. Dropbox (Business)

Посмотреть всю домашнюю страницу

Почему это великолепно

• Dropbox сохраняет простой дизайн и фирменный стиль. Он включает только то, что важно: большое релевантное изображение с подтверждающей копией и кнопку с призывом к действию «Попробуйте 30 дней бесплатно»
• Домашняя страница и веб-сайт Dropbox — лучший пример простоты. Он ограничивает использование текста и визуальных элементов и включает пробелы.
• Его подзаголовок простой, но мощный: «Решение для безопасного обмена и хранения файлов, которому доверяют сотрудники и ИТ-администраторы.»Не нужно расшифровывать жаргон, чтобы понять, что на самом деле делает Dropbox.

6. Коптильня «4 реки»

Почему это великолепно

• Слюни. Вот что я думаю, когда захожу на сайт 4 Rivers Smokehouse. В сочетании с великолепной фотографией заголовок «Brisket. 18 лет, чтобы стать мастером. Вашим смаковать». звучит как опыт, который стоит попробовать.
• Прокрутка с параллаксом направляет вас в путешествие по услугам, меню и людям, прекрасно проводящим время — прекрасное использование этой популярной тенденции дизайна.
• Единственный минус? Я живу недостаточно близко от этого места. Бу.

7. Услуги детской терапии Cobb

Посмотреть всю домашнюю страницу

Почему это великолепно

• Заголовок и подзаголовок обращаются к эмоциональной стороне посетителей: «Работайте с компанией, которая добивается успеха»; «Поверьте нам. Мы тоже были там! Мы найдем работу, на которой вы сможете преуспеть». Это ценностное предложение уникально и убедительно.
• Из скриншота выше сложно сказать, но заголовок находится на вращающейся карусели, которая обслуживает конкретных людей, от кандидатов на работу до людей, ищущих терапевта для своей школы.
• Есть несколько путей, по которым посетители могут попасть на страницу, но призывы к действию хорошо позиционированы, сформулированы просто и контрастируют с остальной частью страницы.

8. Мелисса Гриффин

Посмотреть всю домашнюю страницу

Почему это великолепно

• Melyssa немедленно демонстрирует социальное доказательство «Присоединяйтесь к более чем 200 000 других …»
• Она определяет причину посетителя для посещения ее веб-сайта с помощью быстрого опроса, и каждый вариант ссылается на другое предложение контента.
• Она добавляет лицо к своему бренду. Она не просто случайный сайт; она дает понять, что она человек, с которым люди могут общаться.
• На странице используются яркие цвета, но при этом они не перегружены, и позволяет легко понять, в чем заключаются основные бизнес-предложения Melyssa.

9. Джилл Конрат

Посмотреть всю домашнюю страницу

Почему это великолепно

• Это просто и сразу переходит к делу. Из заголовка и подзаголовка ясно, чем именно занимается Джилл Конрат (и как она может помочь вашему бизнесу).
• Это также обеспечивает легкий доступ к материалам для лидерства Джилл, что важно для укрепления ее авторитета в качестве основного докладчика.
• Легко подписаться на информационный бюллетень и войти в контакт — два из ее основных призывов к действию.
• CTA всплывающей подписки использует социальное доказательство, чтобы вы присоединились к тысячам других ее поклонников.
• Включает логотипы новостных агентств и отзывы в качестве социального доказательства.

10. Evernote

Почему это великолепно

• За прошедшие годы Evernote превратился из простого приложения для сохранения заметок в набор бизнес-продуктов.Это не всегда легко передать на домашней странице, но Evernote отлично справляется, объединяя многие потенциальные сообщения в несколько ключевых преимуществ.
• На этой домашней странице используется комбинация насыщенных приглушенных цветов в видео и характерных ярко-зеленых и белых бликов, чтобы выделить пути конверсии.
• После простого заголовка («Запомни все») глазная дорожка приведет вас к призыву к действию «Зарегистрируйтесь бесплатно».
• Evernote также предлагает процесс регистрации в один клик через Google, чтобы помочь посетителям сэкономить еще больше времени.

11. Telerik by Progress

Почему это великолепно

• «Спокойное предприятие» — это не то чувство, которое вы испытываете, когда заходите на сайт Telerik. Для компании, которая предлагает множество технологических продуктов, ее смелые цвета, забавный дизайн и видеосъемка создают атмосферу, похожую на Google. Это лишь один важный аспект, позволяющий посетителям почувствовать себя желанными гостями и дать им понять, что они имеют дело с реальными людьми.
• Мне нравится простой подробный обзор шести продуктовых предложений.Это очень четкий способ сообщить, чем компания занимается и как люди могут узнать больше.
• Копия легкая и удобочитаемая. Он говорит на языке своих клиентов.

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

Почему это великолепно

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

13. Базовый лагерь

Почему это великолепно

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

14. благотворительность: вода

Почему это великолепно

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

15. TechValidate

Почему это великолепно

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

16. Chipotle

Посмотреть всю домашнюю страницу

Почему это великолепно

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

17. Средний

Посмотреть всю домашнюю страницу

Почему это великолепно

• Это, пожалуй, одно из лучших применений пробелов, которые я когда-либо видел. Это позволяет подзаголовку и фотографии приложения Medium занимать центральное место, при этом обращая внимание на более темные заголовки разделов на сайте.
• Medium позволяет легко зарегистрироваться — на сайте или с помощью простого текстового сообщения на мобильный телефон.Я гораздо лучше реагирую на текст, чем на электронное письмо, так что это отличная стратегия, чтобы люди были вовлечены в процесс регистрации.
• Домашняя страница использует социальное доказательство, чтобы посетители начали кликать по ней: в разделах «Популярно на среднем уровне» и «Выбор персонала» я узнаю, где найти высококачественный контент.

18. Digiday

Посмотреть всю домашнюю страницу

Почему это великолепно

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

19. KIND Snacks

Посмотреть всю домашнюю страницу

Почему это великолепно

• Яркие цвета создают контраст, выделяя слова и изображения на странице.
• CTA — «Магазин ДОБРОГО» — умен. Он побуждает посетителя щелкнуть, чтобы узнать больше, одновременно играя со словом «добрый», подразумевая, что это хороший выбор для покупок там.
Слоган
• KIND Snacks просто великолепен — когда я его прочитал, сообщение сразу же вызвало резонанс, и мне захотелось прочитать этикетку закусочной.

20. Ahrefs

Посмотреть всю домашнюю страницу

Почему это великолепно

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

21. A24 Фильмы

Посмотреть всю домашнюю страницу

Почему это великолепно

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

22. Ellevest

Посмотреть всю домашнюю страницу

Почему это великолепно

• «Инвестируйте как женщина: потому что деньги — это сила.«Эти сильные заголовки вызывают у меня желание узнать больше о продукте — как женщина, так и как человек, заинтересованный в разумном финансовом выборе.
• Изображения показывают, а не говорят об одном из ценностных предложений компании: настольный сайт и мобильное приложение, которые движутся вместе с вами.
• «Начать работу» — отличный призыв к действию — фактически, мы сами используем его здесь, в HubSpot. При нажатии посетителям нужно выполнить несколько простых шагов, чтобы создать профиль и начать инвестировать.

23.HubSpot

Посмотреть всю домашнюю страницу

Почему это великолепно (если мы сами так говорим)

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

Ищете больше вдохновения? Загляните на эти невероятные страницы «О нас».

25 творческих примеров страниц «О нас»

Страница «О нас» — одна из самых важных страниц на вашем веб-сайте.

Страница «О нас» — это ваш шанс рассказать миру:

• Кто вы.
• Что для вас важно.
• Чем занимаешься.
• Как вы это делаете.

Часто это одна из первых остановок, когда кто-то посещает ваш веб-сайт или блог.

Страница «О нас» может стать решающим фактором, прежде чем вы убедите кого-то совершить конверсию, будь то в форме:

• Совершение покупки.
• Скачивание классного контента.
• Подпишитесь на рассылку новостей.
• Запрос информации или демонстрации.

Так как же сделать вашу страницу «О нас» потрясающей (или более красивой ??

Реклама

Продолжить чтение ниже

Что делает страницу о нас лучше?

Ваша страница «О нас» должна быть:

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

Звучит сложно?

Это действительно не так.

Основная цель вашей страницы «О нас» — дать вашим посетителям представление о том, кем вы являетесь как человек или как компания (а иногда и то и другое).

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

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

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

Если вы знаете, кто вы и ваша цель для своего сайта, страница «О нас» должна появиться естественным образом.

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

Реклама

Продолжить чтение ниже

Эти примеры помогут вам создать личный и увлекательный путь к веб-сайту.

ToyFight — отмеченное наградами агентство креативного дизайна.

Вы найдете страницу «О нас» вверху меню в разделе Who .

Эта страница имеет уникальное ощущение благодаря деконструированным фигуркам, представляющим основателей, Ли Випдей и Джонни Лендера.

Большое внимание к деталям и интерактивность также отражают 16-летний опыт компании.

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

Band — это многопрофильная творческая студия, расположенная на северо-западе Тихого океана.

Их страница «О нас» выделяется тем, что демонстрирует некоторые из их уникальных и творческих проектов.

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

В этом случае 25 изображений, представленных на странице Band «О нас», имеют гораздо большую ценность, чем 170 слов, которые вы прочитаете на странице.

Реклама

Продолжить чтение ниже

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

Возможно, это самый характерный веб-сайт из всех, что мы когда-либо встречали.

Anton & Irene — дизайнерское агентство из Манхэттена.

Почему они выделяются в Интернете?

Потому что на их странице параллаксная прокрутка переходит на следующий уровень.

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

Реклама

Продолжить чтение ниже

Пьеро Карон — французский скульптор-ремесленник.

Хотите узнать нашу любимую часть о его странице?

Честность.

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

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

Реклама

Продолжить чтение ниже

Кто не любит хорошую биографию?

Особенно тот, который начинается со слов «Я родился в старом добром Мэдисоне, штат Висконсин.Сын библиотекаря и исследователя ».

В нем также рассказывается, как он и его семья пережили ураган Эндрю и как в ту ночь родилась его сестра.

Кто этот парень?

Блейк Суарес — иллюстратор и дизайнер с фантастическим чувством юмора.

Реклама

Продолжить чтение ниже

Его причудливость проявляется благодаря его юмористическому тону и глупому изображению.

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

Если бы вы были «супер крутым» видеобизнесом, какой канал вы бы выбрали, чтобы показать людям, что вы делаете?

Видео конечно.

LessFilms — компания по производству видео, базирующаяся во Флориде, с клиентами и членами команды по всему миру.

Реклама

Продолжить чтение ниже

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

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

Реклама

Продолжить чтение ниже

Однако на самом деле нас зацепили аудио и визуальные эффекты.

Зачем рассказывать, если можно показать?

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

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

Но именно раздел About знакомит вас с командой, которая делает этот веб-сайт бесконечным источником вдохновения.

Реклама

Продолжить чтение ниже

На странице представлена ​​основательница Эмили Шуман, а также ее блог, книги и коллекция модной одежды.

Хотите оставаться на связи?

Нет проблем — на странице также есть полезные ссылки на ее страницы в социальных сетях, а также на ее интернет-магазин.

NOWNESS — это видеоканал, в котором представлены лучшие мировые искусства и культура.

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

Реклама

Продолжить чтение ниже

Разнообразие контента и кураторский опыт команды — еще одна причина, по которой вы продолжаете просматривать.

Чтобы соответствовать их эстетике видео, текст на их странице короткий и лаконичный.

Тем не менее, он по-прежнему предоставляет достаточно рекомендаций для просмотра веб-сайта и даже для внесения вклада.

Зайдите в раздел наград и узнайте, почему NOWNESS в настоящее время является лидером в области онлайн-фильмов и видео.

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

Реклама

Продолжить чтение ниже

Это умная часть страницы «О нас» MailChimp.

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

Это просто, весело и эффектно, довольно красочно и приятно сочетает разнообразие.

Tate’s About Us заявляет, что их миссия состоит в том, чтобы «повысить интерес публики к британскому искусству […] и международному модерну и современному искусству».

Объявление

Продолжить чтение ниже

Так сказано, так сделано.

Как это?

Потому что эта страница облегчает путь любому читателю, стремящемуся помочь им в их миссии.

Прокрутите вниз, чтобы узнать, кто они такие, как оставаться на связи и все, что между ними.

Yellow Leaf Hammocks пытается спасти мир по одному гамаку за раз.

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

Реклама

Продолжить чтение ниже

Страница «О бренде» наполнена воодушевляющими историями о безупречном мастерстве и сплоченных сообществах.

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

13. Восьмичасовой рабочий день

Вы сказали мне «привет».

Что ж, именно так начинается раздел «О нас» восьмичасового дня — приветственное приветствие.

По этой причине он заставил нас искать больше.

Реклама

Читать ниже

Почему?

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

Кроме того, не менее приятно, когда вы понимаете, что они так же стремятся начать визуальный диалог с вами .

Натан Страндберг и Кэти Кирк делают то, что делает их счастливыми, и это очевидно на всей их странице.

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

Реклама

Продолжить чтение ниже

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

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

Льготы?

Вы видите все сразу и решаете, что взять с собой в путешествие.

Это будут их приложения, их печатные руководства или их веб-сайт?

В любом случае каждый ресурс становится неиссякаемым источником вдохновения для путешествий.

Итак, вы готовы к работе?

Гуммизиг — внештатный веб-дизайнер, который любит рассказывать о себе от третьего лица.

Реклама

Продолжить чтение ниже

Он также отлично использует большой текст, чтобы привлечь внимание к своей работе в юмористической манере.

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

И хотя он упоминает имена, на которые он работал в прошлом, он остается доступным и открытым для нового сотрудничества.

Прокрутите вниз, чтобы узнать, какие действия он предпочитает.

Подсказка: он хочет знать твои секреты!

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

Хотя он с гордостью заявляет о компаниях, в которых работал (IKEA — лишь одно из самых громких имен, всплывающих на свет), он делает это не хвастливо.

Amnesty International — это больше, чем неправительственная организация.

Реклама

Продолжить чтение ниже

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

Неудивительно, что местоимение we распространено на их страницах.

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

Если вы прокрутите вниз, вы увидите все их достижения на пути к лучшим социальным изменениям.

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

Достаточно веская причина, чтобы оставаться на связи, не так ли?

Верхняя часть страницы Chattanooga Renaissance Fund направлена ​​на привлечение предпринимателей в район Чаттануга в Теннесси.

Реклама

Читать ниже

Как?

Описывая свою историю и компании, которые уже инвестировали туда, такие как Amazon или Volkswagen, и многие другие.

Возникает вопрос: что побудило эти компании переехать туда?

Прочтите больше об участниках фонда и их вкладе в его рост.

Это особенно обнадеживает, потому что они также здесь, чтобы помочь вам.

Независимо от того, являетесь ли вы стартапом, инвестором или сторонним лицом, на странице есть специальный раздел для всех пользователей.

Все, что вам нужно сделать, это доказать, что вы хотите воплощать идеи в жизнь.

Этот веб-сайт начинался как блог о фотографии, основанный Гаренсом Доре.

Реклама

Продолжить чтение Ниже

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

Будь то стиль, женственность или современные дилеммы, ни одна тема не остается закрытой.

Готовы участвовать в обсуждении? В любом случае, добро пожаловать.

Команда читает все ваши комментарии и готова превратить ваши мысли в свою команду.

Не знаете, с чего начать?

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

Как убедить мужчин заняться уходом за кожей?

Реклама

Продолжить чтение ниже

Вы приводите на их сторону их лучшего друга — собаку.

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

Чтобы вы продали, их страница «О нас» приветствует вас очаровательной кружкой бульдога.

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

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

Их средства для ухода за кожей созданы из смеси натуральных и тщательно отобранных искусственных ингредиентов.

Он также веганский и сертифицирован организацией Cruelty Free International.

Их страница настолько хороша, что неудивительно, что на каждом шагу у них есть кнопка «Купить».

Не против, если я это сделаю.

Навигация по странице Couro Azul «О нас» похожа на путешествие в неизведанное.

Реклама

Продолжить чтение ниже

Вид путешествия, который заставляет вас пролистывать вниз, чтобы узнать больше.

Компания производит кожаную обивку для автомобилей и поездов, и ее история и развитие не менее увлекательны.

Помимо визуального удовольствия, страница также интерактивна и увлекательна.

Почему?

Чтобы вы могли понять, что компания ценит с первого взгляда: 100% собственные продукты.

Их экологический сертификат свидетельствует об их приверженности лучшим экологическим практикам.

Весь сайт Girlboss просто вдохновляет.

Реклама

Продолжить чтение ниже

Бренд Sophia Amoruso нацелен на новое определение успеха для женщин поколения миллениалов.

Girlboss дает им силы, предоставляя инструменты и связи, необходимые для их будущего.

Более того, каждый фрагмент контента, который вы найдете на этом сайте, источает страсть, юмор и находчивость.

Эти ключевые черты стали основой успеха Amoruso.

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

Реклама

Продолжить чтение ниже

Весь их веб-сайт является технологическим чудом.

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

В этом также есть открытость, которая неизменно привлекает вас.

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

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

Реклама

Продолжить чтение ниже

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

Нам очень нравится этот веб-сайт, но для краткости мы сузим его до двух.

Во-первых, их главная страница очень интерактивна.

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

Реклама

Продолжить чтение ниже

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

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

Созданная художниками для художников, Bigcartel — это онлайн-платформа, которая упрощает создание и управление интернет-магазином.

Реклама

Продолжить чтение ниже

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

Каждая фотография в галерее уникальна и индивидуальна.

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

Дополнительные ресурсы:

Кредиты на изображения

Все скриншоты сделаны автором

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

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

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

Верно — к сожалению, многие люди до сих пор судят о книге по обложке.

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

Но прежде чем мы погрузимся в 16 примеров, давайте проанализируем некоторые из лучших практик дизайна домашней страницы.

Что делает хороший дизайн домашней страницы веб-сайта

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

1)