Портфолио по разработке сайтов на wordpress
Портфолио по разработке сайтов на wordpress — примеры выполненных работ- По типам
- По индустриям
- По годам
- По платформам
- Интернет-магазины
- Интернет-магазины ювелирных украшений
- Интернет-магазины одежды
- Интернет-магазины мебели
- Интернет-магазины строительных материалов
- Интернет-магазины аксессуаров
- Интернет-магазины бытовой техники
- Интернет-магазины детских товаров
- Интернет-магазины запчастей
- Интернет-магазины косметики
- Интернет-магазины обуви
- Интернет-магазины продуктов
- Интернет-магазины товаров для дома
- Интернет-магазины украшений
- Интернет-магазины часов
- Интернет-магазины электроники
- Партнерские интернет-магазины
- Корпоративные сайты
- Лэндинги
- Сайты промышленных компаний
- Медицина, фармацевтика и здоровье
- Больницы
- Стоматологии
- Автомобильные сайты
- Автосалоны
- 2010
- 2011
- 2012
- 2013
- 2014
- 2016
- 2017
- 2018
- 2019
- 2020
- MAGENTO
- MODX
- UMI-CMS
- WORDPRESS
- Битрикс24
- Государственные сайты
- Интернет-магазины на основе готового дизайна
- Интернет-магазины с индивидуальным дизайном
- Мобильные версии сайтов
- Образовательные учреждения
- Вузы
- Школы
- Отели
- Поддержка сайта / точечная модернизация веб-сайта
- Порталы
- Промо-сайты
- Сайты грузоперевозок
- Сайты для строительных компаний
- Сайты агентств недвижимости
- Сайты застройщиков (девелоперы)
- Сайты по ремонту
- Сайты для финансовых компаний
- Сайты банков
- Сайты управляющих компаний
- Сайты заводов
- Сайты предприятий
- Сайты типографий
- Сайты художников
- Салоны красоты
- СМИ
- Журналы
- Издательства
- Новостные
- Спортивные сайты
- Такси
- Торговые центры
- Транспортные компании
- Туристические агентства и туроператоры
- Учреждения культуры
- Театры
- Фирменный стиль
- Брендбук
- Логотип
- Нейминг
- Юридические сайты
- Все разделы
wapstart.
ru
seo-dream
freelogistics.ru
vagonchik.ru
11 примеров классных сайтов на WordPress — WordPressify
от Миша Рудрастых
У меня на блоге уже есть подборка интернет-магазинов на WordPress / WooCommerce, но периодически мне встречаются интересные сайты, которые не интернет-магазины и тоже хочется ими поделиться.
Проверить сайт вы можете заглянув в исходный код (классы тега <body>, ресурсы в /wp-content), либо через инструмент whatcms.org.
Нужна помощь с разработкой сайта на WordPress? Пишите – будем рады вам помочь!
Причём в этой подборке я не стал учитывать именно блоги, являющиеся дополнением к основному сайту (тогда это было бы слишком легко), например:
blog.
mozilla.org
blog.ted.com
beauty.vogue.it
blog.playstation.com
news.microsoft.com
blogs.microsoft.com
about.fb.com (Facebook)
blog.etsy.com
blog.flickr.net
www.starwars.com/news
blog.cpanel.com
evernote.com/blog
editorial.superrare.co
www.tripadvisor.com/blog
newsroom.spotify.com
Конечно же, периодически буду докидывать сюда новые сайты.
1. Сайт «Белого Дома»
Открывая подборку этим сайтом, мы сразу говорим «shut up» всем ребятам, которые что-то там болтают про плохую безопасность WordPress.
www.whitehouse.gov
2. Snoop Dogg
Snoop Dogg решил сделать себе сайт на WordPress и плагине Elementor. Кстати вот сайт самого плагина Elementor, который тоже сделан на WordPress.
snoopdogg.com
3. Walt Disney
Весь сайт компании Walt Disney сделан на WordPress.
thewaltdisneycompany.com
4. Сайт основателя WordPress
Да, знаю, банально, но не мог не добавить сюда сайт Мэтта Мулленвега, который использует стандартную тему Twenty Twenty для своего сайта, при этом он выглядит очень классно.
Кстати говоря, на этой же стандартной теме есть ещё один классный сайт диджитал-агентства PotatoDie.
ma.tt
5. Craftwork
Магазин иллюстраций с возможностью доступа по подписке. Работает не на WooCommerce, а на плагине Easy Digital Downloads (кстати, сайт EDD тоже на WP, не буду отдельно добавлять его в подборку).
craftwork.design
Ну что, убедил я вас, что на WordPress можно сделать супер-сайт? 🙂 Если что, мы можем помочь вам с разработкой.
6. TechCrunch
Я бы сказал, что этот сайт заслуживает отдельного внимания, потому что это Headless WordPress (посмотрите, как быстро открываются его страницы).
techcrunch.com
7. Сайт Финляндии
Красивый мультиязычный блог про Финляндию.
finland.fi
8. Сайт Швеции
Мультиязычный блог Швеции с AJAX-фильтрами и бесконечной загрузкой постов.
sweden.se
9. Studio Ouam
Диджитал-агентсво из Парижа. Можете перейти на сайт, чтобы насладиться его анимациями.
studioouam.com
10. No Man’s Sky
Понравился этот сайт компьютерной игры. На сайте вообще нет никаких анимаций, но визуально он очень привлекает.
www.nomanssky.com
11. Кафе Мечтатели в СПб
Не знаю, по какой основной причине добавляю этот сайт в подборку – потому что мне понравилась именно сайт или их завтраки и кофе 😁
Во время локдауна у них также был и интернет-магазин на WooCommerce с доставкой еды!
thedreamerscafe.ru
Как видите, WordPress используется везде и всюду. Если вы до сих пор не уверены, на какой платформе хотите создать (или чтобы вам создали) сайт, то ответ – WordPress.
Источник: Блог Миши Рудрастых
Понравилось это:
Нравится Загрузка…
Миша Рудрастых
Путешествует по миру и рассказывает всем о WordPress лично, у себя в блогах и на курсах в Санкт-Петербурге. Умеет просто объяснять сложные вещи, делает это красиво. Организовывает неплохие WordCamp’s, но совсем не умеет слушать чужие доклады.
11 потрясающих примеров веб-сайтов WordPress для вдохновения веб-дизайна
Ищете вдохновение для своего следующего проекта веб-дизайна WordPress? Вот 11 потрясающих примеров веб-сайтов, в которых наилучшим образом используются последние тенденции в макетах. Поскольку эти примеры охватывают как малый бизнес, так и крупный бизнес, а также широкий спектр отраслей, они не ранжируются в каком-либо определенном порядке.
Приготовьтесь вдохновляться и дайте нам знать, какие веб-сайты вам нравятся больше всего в комментариях ниже!
1. Arca Interactive
Изобретайте, вдохновляйте и зажигайте. Являясь профессиональным агентством веб-дизайна и маркетинга, первоклассный веб-сайт просто необходим. Традиционное настольное меню дополнено стильным гамбургер-меню. Комбинация синего и малинового цветов создает смелую и современную атмосферу. Перекрывающиеся столбцы, липкий элемент, анимация прокрутки и тонкие тени блоков демонстрируют обязательные элементы набора инструментов веб-дизайнера.
Закрепленный значок контакта в правом нижнем углу — умный способ увеличить конверсию.
Посетите веб-сайт »
2. Джорджина Бексон
Современный веб-дизайн. Этот веб-сайт — настоящее произведение искусства. Минималистичное (но все же заметное) гамбургер-меню позволяет сиять области героя. При прокрутке повернутый логотип прилипает к левой стороне, что на удивление хорошо работает в этом контексте. Редкое количество текста помещает изображения в центр. Плавная анимация прокрутки оживляет сайт. Арти, но не пердун.
Посетить сайт »
3. Fine Face Co
Отличный сайт. Этот минималистичный веб-сайт полностью посвящен лицу и тонким линиям — в двойном смысле. Горизонтальные и вертикальные линии добавляют необходимое пустое пространство вокруг больших фотографий. Вертикальные заголовки придают макету стильный вид. А как насчет социальных сетей, которые так важны в индустрии красоты? В нижнем колонтитуле мы найдем встроенную ленту Instagram и чат Facebook, а также ссылки на Facebook, Instagram и Pinterest.
И, конечно же, вы можете записаться на прием онлайн.
Посетите веб-сайт »
4. Зеленый горошек на завтрак
Ретро сочетается с современным веб-дизайном. Этот веб-сайт выглядит чистым и минималистичным, хотя на нем много всего происходит. Ностальгическое оформление и мягкая цветовая палитра создают хороший баланс вместе с современной анимацией и эффектами наведения. Такие детали, как настраиваемый значок указателя мыши и подчеркнутый текст, улучшают впечатление. Мне особенно нравится тонкая анимация прокрутки, которая оживляет изображения портфолио. Этот сайт соответствует своему слогану: Подача чего-то другого.
Посетите веб-сайт »
5. «Солнечные наслаждения»
Насыщенный вкус. Свежая цветовая гамма в сочетании с большим количеством пробелов заставляет меня жаждать экзотических закусок. Смелые разделители секций привносят в дизайн игривое и свежее ощущение. Обязательно ознакомьтесь с игривыми переключателями и аннотациями на странице О нас .
Это прекрасный пример того, как веб-дизайн отражает бренд продукта: Взрыв вкуса .
Посетите веб-сайт »
6. Лагерь клиентов
Прокрутите, чтобы подняться. Вы заставили меня увидеть эмодзи с зацикливающимся сердцем! При прокрутке вниз от красивой двойной навигации и оживленной области героев анимация прокрутки заставляет меня чувствовать себя невесомым. Будьте осторожны с анимацией, говорят они. Ну, это как раз на правой стороне забора, чтобы создать бодрый, но сбалансированный опыт. Желтый маркер — это умный способ внести ясность в многолюдный макет. Этот дизайн достаточно игривый, чтобы очаровать миллениалов, и достаточно чистый, чтобы удовлетворить сварливого бумера (и да, это комплимент).
Посетите веб-сайт »
7. Colorstone
Rock’n’color. Захватывающее полноэкранное видео задает тон: это все о рок-н-ролле старой школы. Соответствуя названию группы Colorstone, этот веб-сайт наполнен яркими цветами.
Участники группы представлены в больших секциях полной ширины. Вы можете транслировать запоминающиеся песни прямо на странице Музыка или перейти на Spotify для полного опыта. Есть также несколько музыкальных клипов, встроенных с YouTube на 9.0045 Видео стр. Бис!
Посетите веб-сайт »
8. Настраиваемые
Динамическая электронная коммерция для творческих людей. Мы можем спорить, действительно ли носки с напечатанным на них лицом являются «идеальным подарком» (моя жена только что пригрозила развестись со мной, если я их закажу), но это забавный и креативный веб-сайт электронной коммерции, который актуален в эпоху селфи. Просто загрузите свои фотографии и создайте свои собственные маски для лица, подушки, чехлы для телефонов или… что угодно! Забавная концепция и приятное исполнение с поддержкой Google Pay. Будьте не просто потребителем, будьте сотворцом!
Посетите веб-сайт »
9. Пиццерия Erikslust
Кусочек вкусного веб-дизайна.
Несмотря на то, что этот веб-сайт написан на непонятном шведском языке, пицца — это международный язык любви. Эта одностраничная страница, разработанная Duse Media, имеет прозрачный заголовок с аккуратной ссылкой «нажми и позвони» . Обширное меню пиццы легко фильтровать с помощью изящных переключателей. Есть четкий призыв к действию для заказа онлайн или по телефону. Упрощенный дизайн часов работы заставляет меня петь Мама Миа!
Посетите веб-сайт »
10. Кассандра Уорти
Нарушение «Изменений как обычно». Хороший оратор должен вдохновлять и создавать энтузиазм, и этот веб-сайт также делает это. Креативная типографика с приятным сочетанием шрифтов и цветов оживляет пользовательский опыт. Сильные контрастные цвета уравновешиваются строгим черно-белым фоном. Анимации захватывающие, но не чрезмерные. Календарь бронирования также является приятной функцией.
Посетите веб-сайт »
11.
The Huntington YЧем лучше веб-сайт, тем лучше мы. Не только использование красного, оранжевого и желтого цветов придает этому сайту теплую атмосферу. Закругленные углы (или радиус границы, говоря css) в изображениях, значках и кнопках вместе со скругленными шрифтами создают приятную атмосферу для всех. Каркас дизайна почти во всю ширину также является приятной деталью, которая вдыхает воздух в макет.
Посетить сайт »
Ищете больше вдохновения?
Просмотрите более 1 500 профессиональных пакетов макетов для агентств, ресторанов, предприятий, электронной коммерции, некоммерческих организаций и многого другого. Эксклюзивные изображения и значки доступны для всех пакетов макетов. И самое главное: вы можете импортировать все эти макеты на свой сайт WordPress одним щелчком мыши!
Просмотрите макеты WordPress из следующих категорий: Искусство и дизайн, Бизнес, Общественная и некоммерческая деятельность, Образование, События, Мода и красота, Еда и напитки, Здоровье и фитнес, Стиль жизни, Интернет-магазин, Услуги, Простота и Технологии.
Изучите макеты
Партнерская ссылка
881 346 клиентов уже раскрыли истинный потенциал WordPress. Загрузите Divi и начните создавать красивые веб-сайты уже сегодня.
ИССЛЕДУЙТЕ DIVI
Попробуйте сегодня и получите свои деньги обратно в течение 30 дней если вы не удовлетворены. 100% без риска.
Похожие сообщения
Виктор Дузе | 4 декабря 2022 г.
Корзина покупок в меню Divi по умолчанию состоит из значка корзины, количества товаров и текста «Товары». Давайте удалим текст «Items».
читать далее
Виктор Дузе | 29 ноября 2022 г.
Доступность — это фактор, который часто упускают из виду в веб-дизайне. Вот как получить идеальную оценку доступности 100/100 в Google PageSpeed Insights.
читать далее
Виктор Дузе | 24 ноября 2022 г.
Узнайте, как отобразить значок корзины и количество товаров в меню Divi при использовании WooCommerce.
читать дальше
Больше сообщений
Управление согласием
10 лучших примеров веб-сайтов WordPress в 2022 году
Быть сайтом на WordPress непросто… Все остальные сайты такие милые и содержательные, но, боюсь, мне нечего предложить посетителям. Они будут смотреть на меня менее пяти секунд, а потом просто… подпрыгивать! Даже не проверяя раздел моего блога и не просматривая страницу моего магазина. Что я могу сделать?
Список отличных веб-сайтов, созданных с помощью WordPress
Ну-ну, не расстраивайтесь. Не каждый веб-сайт должен содержать тонны медиа. А интеллектуальные плагины WordPress устраняют необходимость сотен часов ручного кодирования веб-разработчиками для создания визуально приятных функциональных веб-страниц.
Следующий список содержит десять примеров веб-сайтов с уникальным дизайном. Ознакомьтесь с инструментами, которые эти сайты используют для расширенной функциональности.
Посмотрите, соответствуют ли некоторые из этих примеров вашему видению будущего проекта, и используйте их в качестве общих рекомендаций по созданию красивых сайтов.
Escuela21
Escuela21 — это организация, выступающая за инновационный подход к образованию детей, обеспечивающий индивидуальное обучение для всех. В его состав входят инструкторы, эксперты и сотрудники из испаноязычных стран с опытом работы в сфере образования. Организация сотрудничает со школами, фондами и правительствами и демонстрирует истории успеха на своем веб-сайте.
Навигация проста, так как на сайте всего шесть страниц. Каждая страница состоит из разделов постов, представленных в виде динамических сеток каменной кладки, наложенных на белый фон. Визуально сайт выглядит уравновешенным и спокойным. Многие сообщения содержат оригинальные изображения, которые поддерживают брендинг сайта. В этих изображениях используются современные техники, сочетающие серые и белые кадры с красочными аппликациями.
Особенность сайта заключается в интенсивном использовании эффектов прокрутки параллакса. Эти эффекты обеспечиваются плагином Crocoblock JetTricks и Elementor Pro. Когда пользователи прокручивают страницы вниз, элементы переднего плана становятся видимыми с помощью различных анимаций: они исчезают и исчезают из фокуса, перемещаются вверх по странице с разной скоростью, догоняя друг друга, масштабируются вверх и вниз или перемещаются в середину страницы. боком.
Изменяя способ отображения вещей на странице, разработчикам удается привлечь пользователей к каждому движущемуся объекту. Такие простые инструменты делают прокрутку интересной даже для посетителей сайта, не интересующихся какой-либо тематикой, охватываемой веб-сайтом.
Тема и шаблон : Hello Elementor.
Lion Tree
Следующий веб-сайт создан отмеченным наградами агентством, которое создает сайты и целевые страницы для всех видов бизнеса. Действительно, на сайте представлены сотни сайтов, созданных Lion Tree Group.
Первое, что посетители видят на главной странице, — это полноэкранное изображение головы льва и слово «рев» на заднем плане. Для меня это означает, что разработчики готовы взяться за работу с энергией и напористостью молодого дикого животного. Когда посетители наводят курсор мыши на голову льва, она наклоняется в разные стороны, создавая фантастический 3D-эффект. Это изображение и почти любой другой элемент на странице основаны на эффекте списка макета параллакса.
Все веб-страницы яркие и динамичные, с множеством эффектов прокрутки и файлов Lottie, поддерживаемых подключаемым модулем JetElements. Несмотря на то, что на веб-сайте представлено множество изображений и богатого динамического контента, страницы загружаются мгновенно из-за функции отложенной загрузки.
Тема и шаблон : Юпитер.
Очки
На этом веб-сайте продаются сотни предметов коллекционирования NFT, вдохновленных сказками, фэнтезийным миром и мрачной эстетикой.
Изображения NFT — легендарные яблоки, отсылающие к широко известным детским сказкам.
Дизайн сайта вызывает у посетителей ностальгию и восторг детства, так как страницы изобилуют воображаемыми существами и заголовками в стиле Гарри Поттера. Выравнивание текста по центру напоминает повествование в сказке.
Почти все элементы домашней страницы используют анимационные эффекты и реагируют на курсор мыши. Динамический листинг JetEngine и инструменты скользящей сетки JetElement дополняют списки продуктов NFT. Все это движение на сайте и красивые художественные иллюстрации объединяют мир «Волшебной истории про глазки».
Тема и шаблон : Hello Elementor.
Студия свадебных фильмов Mimoments
Студия Mimoments предлагает услуги свадебной видеосъемки и фотосъемки. Естественно, веб-страницы содержат очень мало текста, но много полноэкранных фотографий и фоновых видеороликов, сделанных некоторыми высококлассными свадебными профессионалами.
Целевая страница открывается циклически воспроизводимым свадебным видео, за которым следуют кадры свадебных церемоний и торжеств на весь экран.
Все текстовые элементы над изображениями белые и отлично читаются. Ссылки устанавливаются с помощью инструментов JetEngine. Они не отвлекают посетителей от наслаждения моментами священного брака, но видны тем, кто хочет найти имена авторов.
Mimoments — это пример веб-сайта WordPress, который почти полностью состоит из высококачественного медиаконтента и работает без сбоев благодаря динамическим и кэширующим плагинам.
Тема и шаблон : Привет Elementor.
Barrel Marketing
Это агентство по маркетингу в социальных сетях, веб-разработке и производству видео, помогающее компаниям рассказывать свои истории, создавая аутентичный контент. Большая часть их домашней страницы посвящена темам с участием таких громких имен, как Eco Canada.
Сайт выполнен в минималистичном стиле с преднамеренным использованием пустого пространства. Черно-белые изображения, объединенные с цветными геометрическими фигурами (поддерживаемые функцией Inline SVG), придают веб-страницам современный вид.
В то время как примеры видеопродуктов Barrel Marketing, привлекательные изображения и простота просмотра доказывают профессиональные качества команды, смелые, резкие линии показывают, что за каждым проектом стоят дружелюбные и веселые люди.
Хаим Банисти
Хаим Банисти — специалист по брендингу и разработке веб-сайтов, основатель Artline Studio. Для создания своего промо-сайта он использует множество визуальных эффектов, демонстрирующих возможности платформы WordPress.
Каждую страницу приятно прокручивать, демонстрируя эффекты параллакса, движущиеся фоновые изображения и видео, необычные эффекты наведения (например, кнопки, принимающие странные формы, когда на них фокусируется курсор мыши) и другие.
Хаим Банисти также отличный рассказчик. На странице «О нас» он заставляет посетителей путешествовать по критическим этапам своей жизни, переходя с одной страницы на другую, в какой-то момент даже просматривая снайперский прицел.
Доверься мне; Когда вы попадете в раздел «Проекты» на этом веб-сайте, вам захочется увидеть каждый сайт, созданный Хаимом Банистри, чтобы найти вдохновение для работы с WordPress и креативными плагинами.
Чуть не забыл упомянуть: сообщество Crocoblock в Facebook проголосовало за то, чтобы этот сайт стал лучшим сайтом, созданным с помощью плагинов Crocoblock в 2021 году!
General Condition
General Condition — это бутик-студия, специализирующаяся на создании визуальных решений и творческих концепций, основанных на обучении и исследованиях. Дизайн их официального сайта представляет собой уникальную смесь классической европейской живописи с компьютерной графикой, склеенной воедино с широким набором визуальных эффектов.
Веб-страницы имеют черный фон с розовыми деталями, идеальную основу для медиаконтента. Эффект вертикального параллакса назначается элементам, включая изображения, значки и текст, создавая многомерный эффект. Текстовые разделы перекрывают разделы с изображениями (этот эффект достигается с помощью функции JetTricks Satellite).
General Condition Разработчики часто используют инструменты WordPress странным образом, доказывая, что дизайнеры могут использовать классические наборы инструментов для создания уникального и аутентичного контента.
Их официальный сайт получил множество наград, в том числе «Сайт года Elementor» в 2021 году и «Сайт месяца Crocoblock» в августе 2021 года.
Тема и шаблон : Kava.
Mindcube
Иногда использование меньшего количества плагинов дает более впечатляющий эффект и создает уникальный опыт просмотра.
Этот веб-сайт является электронной визитной карточкой Морди Леви, внештатного веб-разработчика. Он говорит, что использование сильного бренда, обогащенного уникальными иллюстрациями и объединенного с хорошо отлаженным веб-сайтом, может изменить бизнес-курс крошечных стартапов и известных компаний.
Его веб-сайт выполнен в стиле минимализма. Все проекты Морди выглядят как простые геометрические формы, плавающие на черном фоне. Эффект наклона движения Elementor создает ощущение космического пространства, когда объекты свободно летают. Кстати, инструмент наклона создает лучший 3D-эффект для простых геометрических форм, чем для фотографий.
На этом сайте используются только инструменты Elementor, JetElements и плагин MouseWheel Smooth Scroll, и это все, что необходимо для передачи четких вдохновляющих сообщений автора.
Этот простой веб-сайт предлагает уникальный UX на мобильных и настольных устройствах.
Ahmed Ali Dewan & Co.
Это веб-сайт юридической фирмы, специализирующейся во многих областях юридического портфолио. Посетителям нужно всего несколько секунд, чтобы увидеть, чем занимается эта компания, поскольку на главной странице представлены тематические исследования, фотографии членов команды и информация об их партнерах.
Сайт предлагает массу информации, но целевая страница не слишком сложна. Панель навигации, прикрепленная к верхней части страницы, имеет огромное выпадающее меню с двумя уровнями подменю, которые направляют посетителей непосредственно к искомому контенту. Он также содержит кнопку CTA « Get Quote », чтобы посетители могли проверить свои сборы, когда это возможно.
Фирма подчеркивает свой опыт и достижения, представляя некоторые данные в виде диаграмм с горизонтальными полосами, построенных с помощью виджетов JetElements.
Дизайн сайта дает понять, что фирма имеет многолетний опыт оказания юридических услуг.
Зеленый
Этот веб-сайт WordPress содержит информацию и обзоры роскошной мебели и аксессуаров, которые посетители могут купить в Интернете или в одном из обычных магазинов, принадлежащих компании GREEN.
Веб-сайт имеет удобную навигацию и мегаменю, содержащее динамический мультимедийный контент, например товары со скидками и последние поступления в коллекцию. Инструмент поиска, основанный на плагинах JetSmartFilters и JetSearch от Crocoblock, предлагает несколько фильтров, которые позволяют выбирать релевантные продукты из тысяч товаров на веб-сайте.
Дизайн Green лаконичный и минималистичный, поэтому посетители останавливают внимание на качественных фотографиях мебели.
Резюме
Всем известно, что платформа WordPress в сочетании с высококачественными плагинами, созданными сторонними разработчиками, может создать любой тип веб-сайта для стартапов или известных компаний.