Меню
ГлавнаяExcel

Лендинг пейдж примеры портфолио. Изучение ниши и ЦА

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

50+ премиум мокапов (скачать бесплатно). Обновлено в 2019 году

100+ ГБ звуковых эффектов от Sonniss (скачать бесплатно)

Ежегодно для разработчиков игр проводится конференция GameAudioGDC. На масштабном мероприятии тысячи саунд-дизайнеров представляют свои шедевры звукозаписи и обработки. В честь этого компания Sonniss регулярно выпускает набор бесплатных звуковых эффектов от участников конференции. Мы сделали для вас подборку из паков The Sonniss GDC Bundle за последние 5 лет. Скачайте 100+ ГБ высококачественных...

100+ лучших рекламных видео роликов в перерыве Суперкубка (Super Bowl с 2017 по 2019)

4 сайта с бесплатными премиум иллюстрациями для статей


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

600+ бесплатных спецэффектов для монтажа видео: VFX и SFX эффекты, анимации, текстуры, футажи, пресеты


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

«Супер DaVinci Resolve» – 14 уроков по обучению в программе DaVinci Resolve


Название: «Супер DaVinci Resolve» Тип: запись вебинаровДлительность: более 10 часовДомашние задания: естьАвтор: Олег Шарабанов Перейти на официальную страницу курса Перейти на официальную страницу курса Что научит курс DaVinci Resolve – это удобный, мощный и функциональный инструментарий, который предназначен для обработки видеороликов. В программу заложен широкий функционал, который позволит вам...

12 блогов о дизайне, чтобы быть в курсе


Сфера дизайна развивается слишком быстро. Самый эффективный способ отслеживать важные изменения – через призму чужого восприятия. Поэтому мы представляем вам подборку из 12 электронных ресурсов, посвященных дизайну в разных областях. Это лучшие сайты о дизайне, которые позволят вам следить за последними тенденциями. Чтобы всегда оставаться в тренде, смотрите также: 33 тренда в графическом дизайне...

10 лучших дизайнеров со всего мира


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

40 уникальных экземпляров кинетической типографики

10 лучших книг о дизайне для дизайнера


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

4 лучших партнёрских программ онлайн школ и курсов для заработка в интернете в 2019


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

Топ 10 лучших примеров титров из кино и сериалов 2018 года


А вот и пятый ежегодный список лучших титров от редакции сайта Art of the Title. Как всегда, 10 лучших позиций выбрали по таким критериям: оригинальность;инновации;влияние на индустрию;актуальность предмету;техника исполнения. Более 200 претендентов вошли в длинный список на этот раз, но специалисты Art of the Title смогли выбрать лучшие из них. Эти титры были тщательно обработаны, выполнены...

Топ 10 лучших титров из кино и сериалов 2017 года


В четвертый ежегодный список лучших титров от редакции сайта Art of the Title попали представители полнометражного кино, веб-сериалов, конференций и видеоигр. Как всегда, при выборе позиций в топе специалисты пользовались такими критериями: оригинальность;инновации;влияние на индустрию;актуальность предмету;техника исполнения. В этот раз длинный список состоял из 142 претендентов. Сократить такое...

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

Ранее мы уже публиковали подборки с шаблонами для создания портфолио. Например:

Clean

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

Gorgo Portfolio

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

Lithium

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

Brandy

Еще один чрезвычайно качественный шаблон для создания личного портфолио . Он имеет множество плюшек, которые все так любят: Parallax эффекты, эффект появления блоков при скроллинге, плавная прокрутка, различные счетчики и, конечно же, блок самого портфолио.
Шаблон абсолютно бесплатен и подойдет для фрилансеров любой IT профессии.

Kong

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

MyFolio

Отличный адаптивный одностраничник-портфолио в зеленых тонах. Подойдет как фрилансеру-одиночке, так и команде разработчиков. Шаблон выполнен качественно и заслуживает внимания.

Basic

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

Small

Небольшой одностраничный html шаблон в плоском стиле . Он разделен на три экрана с высотой 100%. Первый экран - фотография и краткая информация о фрилансере.
Второй экран - портфолио. Выводятся последние 8 работ из Вашего портфолио на dribbble . То есть все, что нужно сделать, это настроить интеграцию с и на этом все. Изображения будут обновляться сами, синхронно с вашими действиями на Dribbble.
Третий экран - Контактная информация.

Kelvin

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

Portio

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

Port

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

Hexa

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

Freelancer

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

Dribbble Portfolio

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

Geek

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

Dribbble Folio V2

Бесплатный шаблон с автонаполняемым портфолио . Работы импортируются с сайта Dribbble . Перед использованием данного решения, не забудьте настроить интеграцию с вашим профилем на Dribbble.
К сожалению, демо нет.

Harbour

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

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

1.

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

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


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


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

2.

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


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


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


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


3.

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


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

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

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

4.

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


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


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

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


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

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

5.

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


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

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


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


6.

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


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


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

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


7.

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

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

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


8.

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


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


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

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

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


Выводы

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

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