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

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

  1. Gisi Design

Gisi Design – немецкий бренд создания сайтов, созданный на наиболее популярной теме WordPress X Theme

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

  1. Who Is Leon?

Кто такой Леон? UI/UX разработчик Далласа, штат Техас, который, как и все хорошие дизайнеры/разработчики, использует свой собственный веб-сайт в качестве демонстрации своих способностей.

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

      1. Mercedes-Benz

Mercedes-Benz – один из крупнейших мировых брендов, чей международный сайт работает на WordPress.

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

        1. Katy Perry

Знаменитости также используют WordPress для своих веб-сайтов, и певица Кэти Перри одна из них.

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

        1. Fair Ivy

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

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

        1. Outward Bound Croatia

Outward Bound Croatia – открытая приключенческая организация, чей сайт построен на теме Integrity

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

        1. Happy in My Skin

Happy in My Skin является сайтом оздоровительной терапии, который использует тему Renew.

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

        1. Neopolitan Clothing

Neopolitan Clothing – компания одежды, которая использует сайт WooCommerce и специально разработанную тему WordPress.

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

        1. Flow Festival

Flow Festival – отлично выглядящий веб-сайт, в котором применяется параллакс для подчеркивания иллюстрированных паттернов.

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

        1. Brandice Daniel

Brandice Daniel имеет сайт бизнес-коучинга, созданный на теме Icon.

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

        1. Fineshmaker

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

        1. James Brandon Photography

Фото-сайт Джеймса Брэндона создан на теме Ethos.

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

        1. Facebook Newsroom

Самая большая в мире социальная сеть использует WordPress для ведения блога новостей.

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

        1. Blue Cadet

Blue Cadet – цифровое агентство, которое разрабатывает уникальный user experience, и Вы можете в этом убедиться на их собственном сайте.

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

        1. Wanda Print

Wanda Print – творческая производственная студия, сайт которой интригует прокрутить до конца.

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

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