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

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

1. Начните с брифа

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

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

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

2. Фундаментальный выбор

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

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

3. Подводные камни на ранних этапах

Есть несколько подводных камней:

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

4. Используйте свои руки

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

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

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

5. С каких символов начать

Создание сначала определенных символов может помочь вам задать стиль своего шрифта. Ну а потом эти символы будут использоваться как направляющие. Обычно “контрольные символы”, как их называют, в латинице – это n и o, а заглавные – H и O. Зачастую используется слово adhension, которое поможет протестировать базовые пропорции шрифта (но, некоторые пишут это слово как adhencion, потому что буква s может быть очень коварной).

6. Переносим шрифт на компьютер

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

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

Подсказка: Если вы обработали нарисованный шрифт так, как было описано выше, то вы можете просто сделать фото рисунка и работать с ним.

7. Выбор программы

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

Отличная программа – FontLab Studio, но новый софт, такой как Glyphs и Robofont набирают все большую популярность. Эти программы недешевые, но у Glyghs есть “мини” версия в Mac App Store с некоторыми отсутствующими функциями, что не очень хорошо, потому что эти функции важны новичкам.

8. Использование программ

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

9. Слова

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

Одна из самых популярных программ для дизайна шрифтов. Доступна на Windows и Мас.

Программа доступна на Windows, имеет интуитивный интерфейс и отлично подходит новичкам.

Еще один мощный редактор шрифта от FontLab, позволяющий создавать новые шрифты или изменять существующие. Доступен на Windows и Мас.

Эта программа работает на Windows, Mac, Unix/Linux и переведена на множество языков. Также позволяет создавать новые шрифты и редактировать имеющиеся.

OpenType редактор шрифтов, доступен на Windows и Mac OS X. Довольно простой и содержит достаточное количество функций.

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

Условно бесплатный (9 долларов за скачивание шрифта) онлайн-инструмент, который позволяет создавать шрифты на основе рукописного текста.

Еще один онлайн-инструмент (также почти 10 долларов за скачивание), который позволяет создавать шрифт из текста, написанного от руки.

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

Это приложение доступно на iPad и Windows 8. Позволяет создавать шрифт из наброска и редактировать существующие шрифты.

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

Бесплатный онлайн-инструмент, позволяющий создавать TTF и OTF шрифты на основе рукописного текста.

Есть бесплатная и премиум-версия. Программа работает на Windows, Linux, Mac OS X и BSD.

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

Как создать красивый шрифт: постановка задачи

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

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

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

Начальный этап

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

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

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

Первые литеры

Компьютерную обработку и программы для создания шрифтов внедрять сразу не нужно. Начать следует с создания двух, как считается, главных литер. Это - прописные латинские буквы «n» и «o», и заглавные - «O» и «H».

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

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

Программы для создания шрифтов: перенос шрифта на компьютер

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

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

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

Несмотря на свое некоторые устаревание, приложение имеет в своем арсенале достаточно много модулей профессионального уровня, включая чертежные инструменты Бизе, средства просмотра глифов в двухмерном пространстве, а не только в горизонтальных плоскостях, разного рода автоматические преобразователи и средства слияния шрифтов. Кроме того, в этом программном продукте реализована поддержка большинства известных форматов шрифтов (TrueType, ASCII Unix, Open TrueType, Mac TrueType), а также разработок, созданных с помощью того же Adobe Illustrator в форматах BMP, AI, TIFF, EPS и др.

Если не хочется рисовать самому…

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

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

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

Тестирование шрифта

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

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

Какие программы лучше использовать?

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

  • FontLab Studio;
  • FontCreator;
  • BirdFont;
  • Fontographer;
  • FontForge;
  • Type 3.2 font editor;
  • FontStruct;
  • BitFontMaker2;
  • Fontifier;
  • YourFonts;
  • Glyphr;
  • iFontMaker;
  • FontArk;
  • MyScriptFont и т.д.

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

Вместо итога

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

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

Если вы - дизайнер или иллюстратор, и эта дисциплина вам в новинку, то с чего же вам начинать?

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

1. Начните с брифа

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

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

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

2. Фундаментальный выбор

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

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

3. Подводные камни на ранних этапах

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

4. Используйте свои руки

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

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

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

5. С каких символов начать

Создание сначала определенных символов может помочь вам задать стиль своего шрифта. Ну а потом эти символы будут использоваться как направляющие. Обычно «контрольные символы», как их называют, в латинице - это n и o, а заглавные - H и O. Зачастую используется слово adhension, которое поможет протестировать базовые пропорции шрифта (но, некоторые пишут это слово как adhencion, потому что буква s может быть очень коварной).

6. Переносим шрифт на компьютер

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

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

Подсказка: Если вы обработали нарисованный шрифт так, как было описано выше, то вы можете просто сделать фото рисунка и работать с ним.

7. Выбор программы

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

Отличная программа - FontLab Studio, но новый софт, такой как Glyphs и Robofont набирают все большую популярность. Эти программы недешевые, но у Glyghs есть «мини» версия в Mac App Store с некоторыми отсутствующими функциями, что не очень хорошо, потому что эти функции важны новичкам.

8. Использование программ

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

9. Слова

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

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

10. Тесты

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

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

11. Печать

12. Подумайте о глобальном использовании

Итак, вы создали что-то, чем вы гордитесь. Вы сделали шрифт только для латиницы? А как же кириллица? А как же 220 миллионов читателей на деванагари? Рынок не-латиницы растет.

13. Еще тесты

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

Инструменты для создания шрифтов

1. FontLab Studio

Одна из самых популярных программ для дизайна шрифтов. Доступна на Windows и Мас.

2. FontCreator

Программа доступна на Windows, имеет интуитивный интерфейс и отлично подходит новичкам.

3. Fontographer

Еще один мощный редактор шрифта от FontLab, позволяющий создавать новые шрифты или изменять существующие. Доступен на Windows и Мас.

4. FontForge

Эта программа работает на Windows, Mac, Unix/Linux и переведена на множество языков. Также позволяет создавать новые шрифты и редактировать имеющиеся.

5. Type 3.2 Font Editor

OpenType редактор шрифтов, доступен на Windows и Mac OS X. Довольно простой и содержит достаточное количество функций.

6. FontStruct

7. BitFontMaker 2

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

8. Fontifier

Условно бесплатный (9 долларов за скачивание шрифта) онлайн-инструмент, который позволяет создавать шрифты на основе рукописного текста.

9. YourFonts

Еще один онлайн-инструмент (также почти 10 долларов за скачивание), который позволяет создавать шрифт из текста, написанного от руки.

10. Glyphe

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

11. iFontMaker

Это приложение доступно на iPad и Windows 8. Позволяет создавать шрифт из наброска и редактировать существующие шрифты.

12. FontArk

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

13. MyScriptFont

Бесплатный онлайн-инструмент, позволяющий создавать TTF и OTF шрифты на основе рукописного текста.

14. BirdFont

Есть бесплатная и премиум-версия. Программа работает на Windows, Linux, Mac OS X и BSD.

Друзья, каждую неделю мы делаем для вас анализ наиболее интересных посадочных страниц из разных сфер! Сегодняшней тематикой обзора станут лендинги строительных товаров и услуг. Предлагаем вашему вниманию 8 наиболее достойных представителей данной ниши в России, Украине и за рубежом.

1.

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

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


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


Листаешь страницу и понимаешь — эти люди умеют работать на совесть.

2.

Великолепный лендинг, демонстрирующий элитные апартаменты Австралии.


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


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


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


3.

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


Неплохо оптимизированная страница с адаптивным дизайном. Один из немногих хороших лендингов в этой отрасли. Интересный выбор цвета для первого разворота.

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

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

4.

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


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


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

8 этапов работы также сопровождаются трехмерным изображением деревянного бруса.


Сильные стороны этого лендинга:

  • перечисление выгод пользователя на каждом экране;
  • сообщение точного времени до звонка менеджера;
  • короткие открытые формы захвата;
  • наглядность.

5.

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


Очень простой лендинг с оригинальной визуальной подачей — нескромной и стильной:

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


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


6.

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


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


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

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


7.

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

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

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


8.

Лендинг по продаже домов из оцилиндрованного бревна и газобетонных блоков.


Большой недостаток этого лендинга — отсутствие внятного названия самой компании или стартапа. Есть лишь упоминания о Wisdom group и блоков YTONG на целой веренице логотипов первого экрана. Внимательно пролистав страницу, сложно понять, у кого же, все-таки, посетитель должен оформлять заказ и кто будет отвечать за его обслуживание?


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

  • Сколько стоит?
  • Из чего делается?
  • Как быстро?

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


Выводы

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

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