Примеры сайтов, созданных в WordPress

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

При помощи CMS WordPress можно создавать как простенькие лендинги или сайты-визитки, так и полноценные интернет-магазины с поддержкой множества платежных систем и сложными поисковыми фильтрами. Давайте рассмотрим примеры сайтов на WordPress, построенных на столь популярном движке.

№1. Пример сайта агентства наружной рекламы «РекЛайм»

Реклайм

Reklimme.ru — яркий сайт городского рекламного агентства с продающей главной страницей. Шаблон очень круто адаптируется под экраны мобильных устройств: карточки с услугами сворачиваются в строки, а изображения масштабируются. В основном меню — ссылки на страницы с описанием услуг, раздел «О компании», галерею и контакты. Есть поиск по сайту: кнопка, при нажатии на которую появляется строка. Навигация полностью дублируется в футере. В правом углу закреплены кнопки онлайн-чата и заказа обратного звонка. В галерее реализована удобная фильтрация работ: можно посмотреть сразу все примеры или выбрать только те изображения, которые демонстрируют определённый вид рекламы.

Читайте также: обзор CMS WordPress.

№2. Разработка сметной документации от компании «Стоимостной инжиниринг»

Стоимостной инжиниринг

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

№3. Производственно-инжиниринговая компания «5Микрон Инжиниринг»

5Микрон Инжиниринг

5micron.ru — сайт производственно-инжирингового предприятия, занимающегося разработкой и изготовлением сложных приборов. В главном меню размещены ссылки на страницы, рассказывающие об основных направлениях деятельности. Для экономии места в некоторых разделах используется скрытие контента под катом. Над шаблоном явно работал профессиональный дизайнер или просто веб-мастер с хорошим художественным вкусом и пониманием особенностей CMS WordPress: цветовые схемы, шрифт — всё подобрано очень гармонично. У посетителей сайта есть возможность посмотреть завод с помощью фотографий, добавленных в тематические галереи: «Инфраструктура», «Лаборатория», «Производственный цех».

№4. Частная медицинская клиника «АртМедиЯ»

АртМедиЯ

Artmediaclinic.ru — сайт медицинской клиники со сложной структурой, которая является следствием большого количества страниц с описанием услуг. На главной размещён слайдер, в котором отображаются баннеры с акциями и описанием новых возможностей для клиентов. Сама страница сделана в формате лендинга со всеми типичными для одностраничника блоками. Для навигации по сайту используется сразу два меню. В первом — ссылки на раздел с информацией о клинике, отзывы, прайс, запись на приём, профили специалистов. Во втором — категории с выпадающим списком услуг. Это правильное решение, которое помогает посетителям не запутаться. При просмотре на мобильном устройстве обе строки объединяются в одно меню, в котором сначала идёт перечисление услуг, а затем — ссылки на другие разделы сайта.

№5. Портал советов и лайфхаков

Лайфхакер

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

№6. Сайт-визитка профессионального фотографа Никиты Широкина 

фотограф Никита Широкин

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

№7. Осьминожки – плавательный центр для детей

Осьминожки

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

Слабое место сайта – шрифты. Они жирноватые, размытые, местами мелкие и очень плохо читаются, особенно при сжатии макеты в более низкое разрешение. Контакты оформлены внятно, красиво, с картой и фирменным осьминожком. В отдельный раздел выведен блог с 2 публикациями, а также информация по франшизе плавательных центров «Осьминожка». Что-то вроде МакДональдса, но из другой ниши. То есть аудитория сайта – родители и потенциальные партнёры по бизнесу. В целом, хороший сайт с небольшими дизайнерскими ошибками из-за использования фонов-рисунков с контентом вместо контейнеров со стилями CSS и тегами шрифтов, таблиц и прочего.

№8. CRM-система для недвижимости

CRM-система для недвижимости

На сайте Yucrm.ru можно подключить CRM-систему YUcrm, ориентированную на работу с рынком недвижимости. В фиксированной шапке сайта закреплено меню, номер телефона, кнопка входа/регистрации, ссылка на скачивание пробной версии и кнопка-бургер с дополнительными пунктами меню, формой заказа обратного звонка, ссылками соцсетей. На главной странице расположены блоки с достоинствами и выгодами использования CRM, тарифными планами, перечнем интеграций, форма обратной связи с УТП, новостная лента. Внизу страницы находится значок онлайн-чата. Сайт имеет стильный дизайн с динамическими и анимационными эффектами. Для оформления контента использованы слайдеры, раскрывающиеся списки, изображения с эффектом перекатывания, видео. Безупречный сайт с точки зрения оформления и функциональных возможностей.

№9. Обозреватель новинок

Обозреватель новинок

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

№10. Мужской журнал

Мужской журнал

Brodude.ru – сайт мужского интернет-журнала BroDude. По сути, он представляет собой блог, тематики которого можно найти в шапке. На сайте предусмотрена регистрация, которая дает возможность комментирования и добавления публикации в избранное. Кнопка входа/регистрации и строка поиска также находятся в хедере. Анонсы публикаций на главной странице выложены блокам, некоторые из которых имеют боковую панель, в которую выведены перечни популярных и тематических материалов. Непосредственно в разделах материалы выложены в виде галереи с фото и небольшим описанием. Среди них присутствуют партнерские материалы, размещенные на правах рекламы, но они соответствуют заявленной тематике и органично вписываются в общий дизайн. Под публикацией расположены ссылки Поделиться, блок со схожими статьями, комментарии и рекламный блок. В подвале – ссылки на служебные страницы, контакты и соцсети. Хорошее оформление, качественные изображения, интересные публикации и характерный для блога инструментарий.

№11. Сервис онлайн-записи и управления бизнесом

Сервис онлайн-записи и управления бизнесом

Gbooking.ru – онлайн-сервис, предоставляющий инструменты для записи и ведения учета клиентской базы, рассылки SMS-уведомлений. Сайт имеет три языковых локализации. Шапка представляет собой узкую строку с меню, формой обратной связи и кнопкой регистрации/входа. После регистрации на сайте пользователю доступен бесплатный 30-дневный тестовый период. Первый экран презентует сервис и содержит кнопку для отправки заявки. Ниже расположены блоки с описанием инструментов сервиса, преимуществами их использования, отзывами, стоимостью и описанием пакетов услуг. В подвале имеются ссылки на аккаунты в соцсетях, подробные контактные данные компании и интерактвная карта. Каждому бизнес-инструменту посвящена отдельная страница с описанием, в т.ч. в формате видео. Достойный сайт, не перегруженный лишними визуальными эффектами и функционалом. Но для увеличения конверсии стоило бы добавить онлайн-чат или другие инструменты для быстрой связи с менеджером.

№12. Юридические услуги по медицинскому, фармацевтическому и санитарному праву

Юридические услуги по медицинскому, фармацевтическому и санитарному праву

Сайт Orlaw.ru компании «Орленко и Партнёры» посвящён юридическим услугам в области медицинского и фармацевтического права. Дизайн сайта строгий и профессиональный, с акцентом на удобную навигацию и доступ к ключевой информации, такой как услуги, новости законодательства и образовательные материалы.

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

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

№13. Инновационные технологии связи

Юридические услуги по медицинскому, фармацевтическому и санитарному праву

Сайт innotechsvyaz.ru принадлежит ЗАО «Иннотехсвязь», занимающемся разработкой и производством электронных изделий. Он имеет минималистичный дизайн в черно-белой гамме и простую навигацию. Первый экран занимает тематическое видео. В зафиксированной шапке находится меню, контакты, ссылка на сертификаты и кнопка записи на экскурсию.

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

В целом, возможности WordPress на сайте реализованы в минимальном объеме.

Итоги

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

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

2024-10-10 Евгений Куликов Рейтинг: 5.0 10

ОБ АВТОРЕ

Задать вопрос

ЛУЧШИЕ СЕРВИСЫ