Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Wordpress

50+ лучших дизайнов сайтов на WordPress

6 Май 2016 Нет комментариев

Может вы уже слышали? WordPress – отличный инструмент для создания сайта на CMS. Многие считают его движком для блогов, любительским средством построения простенького веб-ресурса и ассоциируют Вордпресс с хобби энтузиастов ведущих интернет-дневники. Парадокс в том, что мнение укрепляют множество «блогов про вордпресс» со все новыми wp-рецептами для построения и настройки под себя личного проекта. Однако, ВП не только бесплатная блогоплатформа. WordPress подойдет профессиональным дизайнерам, агентству или под качественный корпоративный сайт и весь бизнес сегмент (миллионы wp-примеров) и даже для сложной системы, включая e-commerce.

Сайты на WordPress: лучшие дизайны на 2016 год

Помимо гибкости, возможностей кастомизации с простотой в эксплуатации, важно отметить полноценность этой open source системы, которая способна потянуть достаточно сложный функционал. От всех средств веб-разработки и движков, wp-платформу отличает максимальная обеспеченность свежими шаблонами, плагинами, скриптами, сниппетами и изобилие полезных ресурсов / материалов. Так, популярность приобрели WordPress SEO-плагины, решающие рутинные задачи оптимизации. С такой тенденцией вордпресс-сайт точно не отстанет в развитии.

Если вы не строите храм или коллайдер (что-то специализированное) и желаете творить, разумнее всего обратиться к WP

Веский довод в поддержку платформы – открытый для любого эксперимента код.

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

Сайты сервисов и агентств на WP

Travel Portland

Красивый адаптивный веб-ресурс туристической тематики создан с помощью WordPress темы, основанной на популярном фреймворке – ZURB Foundation. Сайт также использует API третьей стороны, включая: Storify, MapBox, Weather Underground и ChooseCulture. Чистый дизайн каждой страницы. Благодаря решению с API MaxMind реализована геолокация посетителей. Это дает возможность кастомизировать контент, обрабатывая пользовательские данные в зависимости от местоположения, сопоставляя с поэтапным планированием туров клиентами.

Адаптивный туристической сайт на основе WordPress темы и фреймворка ZURB Foundation

Rodesk

Сайт интерактивного агентства из Роттердама. Этот красивый HTML5 / CSS3 дизайн из одной страницы – с шероховатыми текстурами и разделяющими блоки швейными строчками, выполнен в инфографическом стиле.

Одностраничный сайт голландской студии на WordPress, HTML5 CSS3, с красивыми текстурами

All In One House of Beauty

У премиум салона красоты – привлекательный одностраничный сайт на WordPress. Очень современный адаптивный HTML5 / CSS3 дизайн.

Красивый и современный одностраничный сайт выполнен на WordPress HTML5 CSS3

BBF Soft

BBF GmbH небольшая немецкая компания занимающаяся программным обеспечением. Их сайт с чистым дизайном и параллакс склоггингом использует HTML5, jQuery на WP платформе.

Лучшие дизайны мира - сайт на вордпрессе небольшой софт-компании из Германии

Wanda Print

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

лучшие дизайны сайтов

Cubicle Ninjas

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

лучшие web дизайны сайтов мира

Entyce

Частное дизайн-акентство специализирующееся на web разработках, SEO, контенте и видеомаркетинге. Команда агентства о WP: нам нравится универсальность WordPress, концепция открытого кода с возможностью легко содавать стиль. С WP легко и просто превращать проекты в то что нам нужно. Хотя есть несколько изъянов, доводы «ЗА» перевешивают.

Work by Simon

Work by Simon занимается разработками в т.ч. под мобильные устройства. Сайт студии это портфолио плюс блог на HTML5/CSS3 и WordPress. Особенность дизайна: 1). крупные элементы навигации и управления 2). по полной использован потенциал CSS3 технологий.

«Перед созданием CSS 3 анимаций для раздела labs, ввел себе лимит на применяемый эффект: анимация только средствами CSS» – шутит Симон. Как видите, результат того стоил. «Мы ценим WordPress за возможность легко переносить дизайны на кастомизированный шаблон – объясняет Симон, – Другой плюс, это гибкость в размещении контента для портфолио / блога с помощью произвольных полей».

Современный дизайн сайта на вордпрессе и HTML5 с крутой CSS3 анимацией

Креативные, творческие, дизайнерские сайты

 Jess Marks Photography

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

WordPress дизайн в современном ретро-стиле

Team Les Chameaux

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

лучшие дизайны сайтов на WordPress

We are CMYK

Необычный сайт в плоском стиле и оригинальной дизайнерской манере. Интересное доменное имя (нейминг связан с дизайном). В креативном агентстве Адама Шера (специалиста по UI/UX и моушн-графике) фокус сделан на разработку эстетической привлекательности, с учетом опыта взаимодействий. Идея, показать – тут не решают вопросы методом клише-решений. У этого сайта креативный контент и уникальное дизайнерское оформление разделов / секций. Интересные «фишки» в неизбитом web-дизайнерами виде: персонификация внешнего вида (см. AGENTS), рисованные объясняющие видео, многоцветные страницы с анимациями, графические ховер-эффекты с разбивкой на квадратики – пиксели.

Нестандартный дизайн сайта с оригинальными дизайнерскими решениями

Сайты с нестандартными дизайнерскими решениями

Trefecta Mobility

Для продаж инновационной продукции нужен запоминающийся сайт. Например, стильный как у этой e-bike компании (производитель электрических велогибридов). Применяемые техники: черно-белая палитра с добавлением коричневого цвета, утонченная типографика, изображения затененного / слабо освещенного в темноте продукта, красивая интерактивная скроллинг-анимация и нестандартный дизайн панелей дополнительной навигации.

как оформить сайт красиво на вордпрессе

Bonne Marque

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

Читайте также:  Примеры сайтов с фоновым видео

По комментариям экспертов: Bonne Marque после ребрендинга своими смелыми решениями в дизайне портфолио шагнул в новую эру креатив-индустрии веба.

современный сайт на WordPress с нестандартной навигацией

Worry Free Labs

Нью-Йоркское веб-агентство зарекомендовало себя на создании мобильного UX. Лучшая демонстрация навыков – собственный сайт. Компактный лаконичный дизайн реализован на WordPress и HTML5. Имеет нестандартные элементы навигации и управления. Основатель агентства: «Наш мобильный трафик существенно вырос благодаря адаптивному подходу. Современный веб-сайт следует развивать в этом направлении».

La Pierre Qui Tourne

Французский бренд печенья без глютена и свой сайт сделал со вкусом. Управление происходит так гладко, словно вы присутствуете на этом бисквитовом празднике: рассыпающееся печенье (прелоадер страниц), адаптивная разметка, полноэкранные слайдеры, параллакс с CSS анимацией, располагающие картинки… Рисованные элементы, забавные персонажи, привлекательные цвета и эффекты hover-подчркиваний от руки (под стиль сайта) – это то, что называют эмоциональным веб-дизайном.

Lollapalooza

Необычайно яркий и эксцентричный сайт, продающий постеры, билеты, электронные подарочные карты. Возможно, выбор wp-движка для такого причудливого дизайна покажется странным, но факт – это WordPress!

I shot Him

Гигантский размер шрифта и лаконичные описания на странице about. Креативный сайт студии запоминается фразой оригинального доменного названия и магической опцией перехода в IE Mode (кнопка в нижнем углу) с замечанием: Посмотри, что ты наделал! Мы все знаем в какую кучу Internet Explorer обращает сам Интернет. Избегай IE – используй санитарию как большой мальчик, т.е. браузер от Google.

Ну как еще объяснить пользователю, насколько ужасен «недобраузер» входящий в состав Windows. Проблемы для веб-разработчиков (без костылей не обойтись), уже и Microsoft не прочь откреститься…

Сайты персональные и популярных личностей

Who is Leon

Персональный сайт UI/UX разработчика  Кто есть Леон? Ответ – в крайне лаконичным дизайне со скролл-эффектом 3D трансформации первого экрана. Flip 3D effect (трехмерный флип-эффект) с иллюзией переворота куба, для отображения остальной части сайта. Весь дизайн – это шоукейс творческих способностей автора. Можно усомниться в уместности, но сочетанием эффекта с элегантным стилем Flat дизайнер демонстрирует высокую степень амбициозности, хоть и применяя изношенный аргумент: «Не могу поверить, что это WordPress!»

Derren Brown

Эксцентричный сайт фокусника Деррен Брауна построен при помощи WordPress, Photoshop CS6 и Illustrator CS6, с вкроплениями jQuery плагинов. Оборотень! По мнению некоторых – это все что нужно помнить, говоря о выдающемся английском иллюзионисте. Но люди хотят большего: посещаемость на сайте часто переваливает за два миллиона пользователей в месяц. Чтобы не наскучить, Браун развлекает их креативными изображениями жутковатого стиля, публикует концептуальные фото (свои и др. персон).

Katy Perry

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

Kylie

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

Brian Smith

Персональный сайт профессионального фотографа Brian Smith: темый стиль, красивые фото-снимки, уникальные дизайн и информационная архитектура. Этим WP-сайт фотографа бросает вызов устаревающим Flash-дизанам конкурентов.

Girl with a camera

Персональный блог фотографа Эшли Бакстер. Сначала ее творчество базировалось на Tumblr, но постоянные технические простои подтолкнули к поиску лучшей CMS. За простоту в кастомизации выбран WordPress. Теперь Эшли приходится фокусироваться только на своем Canon – остальное делает WP.

Shoshorov

Персональное портфолио болгарского веб-дизайнера и фронтенд разработчика – одностраничный сайт на WordPress с дизайном в стиле ретро.

Alexander Engzell

Сайт-потфолио Александра Энжела. Не будет преувеличением сказать: у этого дизайнерского сайта много общего как с одностраничником, так и с мультистраничным ресурсом. CSS3 анимации, изысканный стиль, редко встретишь персональное онлайн-портфолио настолько простое и такое элегантное.

Лучшие web дизайны популярных брендов

Gisi Design

Официальный сайт компании немецкого бренда разработан на основе популярной вордпресс-темы X Theme от ThemeForest. Акцент на графические элементы фронтэнда и центр достигается расположением элементов и изображений, при достаточности «белого» пространства. Трансформации при перемещении по страницам позволяют ощутить всю красоту transitions эффектов с анимацией – как на десктопе, так и с мобильного экрана.

Сайт на основе wordpress темы X Theme от themeforest с современным дизайном

Bloomberg Professional

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

Bata

Сайт известного производителя и продавца обуви с модными аксессуарами. Розничная сеть от бренда BATA охватывает более 70 стран мира. Новый тренд на белые заголовки над темными изображениями (также в прокручиваемом варианте) тут реализован удачно. ассиметричное расположение изображений и контент-блоков оживляет это дизайн.

Vogue India

Всемирно известный журнал мод с разделами: культура, фасоны, бренды, вечеринки, люди. Гигантский объем мульти-медиа контента. На веб-ресурс регулярно идет серьезный трафик – требуется надежная и безотказная система управления контентом. Сайты британского (vogue.co.uk), индийского журнала Vogue управляются Вордпрессом и движок справляется с нагрузкой.

Лучшие web дизайны высоконагруженных проектов на WordPress: сайты модного журнала

Остальные дизайны сайтов на WordPress

Great Lengths Hair

Роскошный темный сайт, пример гибкости и мощи WordPress. Полностью адаптивный дизайн с новыми HTML5 элементами. Для адаптации под мобильные и техник бесконечной загрузки задействованы JavaScript и фреймворки». С адаптивной навигацией и чистым дизайном легко перемещаться по страницам, которые быстро реагируют на ТАП.

Шикарный полностью адаптивный сайт с темным дизайном - лучшее на вордпрессе

Psfm Werkt

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

Platinum games

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

ESPN Sports Programming

ESPN на 80 процентов принадлежит ABC, компании дочерней Walt Disney. Каталог спортивного контента на поддомене сайта ESPN создан на самом обычном вордпрессе. Ghost-кнопки тут и вправду выглядят призрачными.

Сайт спортивных новостей на вордпрессе

Eginstill

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

Голландский сайт на wordpress посвящен дизайну английской кухнии

HelloGiggles

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

Веб-сайт имеет удачно оформленный элементами дизайн

Herald Sun

Новостной сайт, самый популярный в Австралийском штате Виктория. Образован слиянием двух крупных сайтов The Herald и The Sun News.

Лучшие дизайны мира на wordpress. Популярный австралийский новостной сайт

Заключение

Будучи простой и интуитивно понятной системой построения сайтов (часто от перешедших слышно: «Наконец-то!») WP пригоден для самых различных задач. Эволюционируя, Вордпресс расширяет возможности использования как back-end и становится все более привлекательной средой для разработок на базе CMS. Это значит, что у WordPress есть будущее. Есть много причин для выбора WP в качестве движка сайта. Основные из них, это многомиллионное сообщество и то, что платформа уже благополучно миновала стадию, на которой к ней предъявлялись основные упреки. Реализуя связку WP + другие продвинутые решения (современные технологии в помощь), можно построить очень красивый, эффектный и быстрый сайт. Факт в том, что все новые уникальные и интересные WordPress дизайны обновляют рейтинги лучших сайтов мира.

Читайте также:  50+ примеров оригинального дизайна WordPress сайтов