Веб-сайты Elementor за февраль 2022 г.
Опубликовано: 2022-03-17Вторая выставка этого года является свидетельством разнообразия того, что могут ожидать создатели веб-сайтов, поскольку каждый клиент приходит с уникальными потребностями. Веб-сайты этого месяца включают вдохновленные сказками NFT, передовую компанию по управлению цепочками поставок, множество творческих веб-агентств и студий, школу английского языка, художника-граффити, производителя вощеного хлопка и гордый общественный театр.
Делайте заметки о лучших практиках для эффектов мыши, наведения и прокрутки; изучите, как сочетания цветов можно использовать для текста и фона; понять, как микроанимация оживляет веб-сайт; увидеть, как размеры текста и стили макета влияют на атмосферу сервиса; и испытайте, как умный текст вдохнет жизнь в любую часть контента веб-сайта.
Посмотрите потрясающую февральскую витрину, посвященную оригинальности!
Получить Элементор Про
10
Алдам Стрит Арт
Джузеппе Канджано
Вдохновленный культурой хип-хопа, Алдам основал команду, укрепив свое желание посвятить себя художественно-музыкальному пути. Вооружившись аэрозольными баллончиками, микрофоном, словами и картинами, он превращает такие чувства, как гнев, разочарование и печаль, в творческие произведения искусства.
Веб-сайт, который позволяет вам играть с цветной аэрозольной краской при наведении курсора мыши? Что еще может быть более подходящим для сайта художника-граффити! Анимированные потоки аэрозольной краски также периодически вылетают из баллончика. Aldam Street Art — это веселый интерактивный веб-сайт, который создает живую юношескую атмосферу с динамичным оттенком.
В меню кнопок используются значки, соответствующие набору инструментов художников-граффити, с теми же четырьмя цветами, которые используются для выделения каждой категории, используемой на веб-сайте. На странице с дудлами также есть приятный липкий эффект, где каждый дудл аккуратно складывается под более новыми.
Существует разумное использование асимметрии при отображении второго раздела страницы рисования. Эффекты наведения используются на каждой из основных картин, которые открываются в определенном всплывающем окне. Также есть слайд, который перемещается по диагонали по странице.
Работе Алдама предоставлен подходящий веб-сайт, который отражает суть городского искусства и уличной культуры андеграунда.
Дизайн и разработка : Джузеппе Канджано
Тема : Привет
Плагины : Elementor Pro, dynamic.ooo
См. Живой веб-сайт
09
Перси и Йорк
Перси и Йорк
Percy & York — рекламное, креативное и цифровое агентство, которое гордится тем, что мыслит нестандартно. Они подходят к делу, когда речь заходит о таких темах, как коммуникация, кампании, корпоративный дизайн и бренды, потому что их страсть — каждый раз находить лучшую концепцию для своих клиентов.
Цветовая схема веб-сайта, возможно, вдохновлена немецкими корнями агентства, заимствуя черный, красный и желтый вместе с оттенком синего, и все это с небольшим оттенком. Современный цветовой оттенок в равной степени используется на больших текстах и фонах. Как и использование горизонтальной прокрутки, которая красиво демонстрирует их лучшую работу.
На боковой панели есть меню-гамбургер (интересной формы, напоминающее гамбургер) и ссылка на подкаст агентства Spotify, который редко можно увидеть. Также заметно, что есть некоторое редактирование фотографий с использованием цветовых схем на разных сотрудниках, включая служебную собаку Матильду.
Текст также пересекает цвета фона, но не влияет на качество чтения. Это связано с тщательной комбинацией цветов, которая работает и хорошо сочетается с каждым из цветов темы. Существует также хорошая пара шрифтов, состоящая из больших заглавных букв для заголовков и более мелких строчных букв для описаний.
Точно так же, как радость кукушки в нижнем колонтитуле главной страницы, Percy & York заставит потенциальных клиентов сказать: «Нам это нравится», прежде чем связаться с ними.
Дизайн и разработка : Перси и Йорк
Тема : Привет
Плагины : Elementor Pro, Borlabs Cookie — согласие на использование файлов cookie, фрагменты кода, основные дополнения для Elementor — Pro, разработчик Instagram Feed Pro, MailPoet 3 Premium (новый), стероиды OoohBoi для Elementor, WP Rocket, Rank Math SEO Pro
См. Живой веб-сайт
08
Хэлли Стивенсонс
Лиам Бонар
Halley Stevensons — ведущий мировой производитель и новатор в области вощеного хлопка и тканей, защищающих от непогоды. Как независимая фирма с более чем 150-летним опытом, организация накопила уникальные технические знания и производственный опыт.
Наследие компании вплетено в ткань веб-сайта, а фрагменты прошлого, настоящего и будущего видны на главной странице. Даже при использовании полноразмерного макета веб-сайт по-прежнему выглядит элегантно благодаря светлому фону пастельных тонов.
Нарисованные от руки изображения создают ощущение мастерской высококлассного дизайнера одежды, как и ее строгий, чистый, традиционный стиль. Монохроматическая цветовая схема также позволяет узорам говорить, поскольку дизайн не отвлекает от содержимого.
В мега-меню искусно используется вощеный хлопковый материал с каплями сверху, которые демонстрируют его погодоустойчивость. Это хороший способ подчеркнуть уникальность продукта.
С продукцией, экспортируемой по всему миру и демонстрируемой каждый сезон в Лондоне, Париже, Нью-Йорке, Мюнхене и Милане, Halley Stevensons по праву позволяет своим продуктам мирового класса выполнять всю тяжелую работу, используя простой интерфейс в дополнение к этому.
Дизайн и разработка : Лиам Бонар – lbd.studio
Тема : Привет
Плагины : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
См. Живой веб-сайт
07
Гриананский театр
Томми Каллаган / Manna Design
Театр Грианана выделяется среди региональных площадок своим успехом в качестве театрального продюсера, активно прославляющего свое богатое ирландское культурное наследие. За эти годы было поставлено множество полномасштабных постановок. На сегодняшний день его творческими партнерами являются Театральная компания «Тисовое дерево», Оперный театр Корка, Театр Павильон, Гражданский театр и The Lyric, Белфаст.
Отмечая местные, национальные и международные художественные и развлекательные мероприятия, театр также гордится тем, что поддерживает местных артистов, которые представлены на сайте. Веб-сайт, который был перестроен с использованием Elementor, минималистичный, приятный для глаз, удобный для навигации и напоминающий культурный журнал или блог.
Плоский, минималистичный, черно-белый дизайн гарантирует, что внимание будет сосредоточено исключительно на последних новостях и содержании, что добавляет красок и яркости странице. Используя тонкую газетную типографику, информационный подход веб-сайта облегчает его усвоение и, возможно, ориентирован на более старую аудиторию, которая может быть менее склонна к технологиям.
Это веб-сайт, который обслуживает аудиторию местного сообщества, контролируя элементы, не выходя за рамки. С гордостью демонстрируя свою широкую поддержку со стороны известных учреждений в своем нижнем колонтитуле, театр является центром художественной и культурной жизни своего сообщества.
An Grianan Theatre — флагманский веб-сайт флагманского зала на северо-западе Ирландии.
Дизайн и разработка : Томми Каллаган
Тема : Астра
Плагины : Elementor Pro, расширенные настраиваемые поля, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
См. Живой веб-сайт
06
Студия Грит
Крис Форсайт
Grit объединяет группу творческих специалистов; копирайтеры, иллюстраторы, видеопродюсеры, аниматоры, фотографы и специалисты по цифровым технологиям, которые тесно сотрудничают с клиентами для предоставления значимых и эффективных творческих решений.
Используя необычный цвет Rangoon Green для фона и уникальные шрифты, на веб-сайте есть анимация прокрутки и анимация наведения, которые удерживают внимание зрителей активным. Темный фон также придает веб-сайту первоклассный внешний вид, а приятное сочетание шрифтов с засечками и без засечек обеспечивает хорошую иерархию текста.
Использование эффектов прокрутки создает ощущение, что зритель отправляется в путешествие, похожее на выставку, где каждый проект действует как витрина, а не соответствует типичному симметричному дизайну. Сами интерактивные страницы проекта тщательно детализированы. Фактически, веб-сайт интересно упоминает свой последний большой проект, Momentum Podiatry, в самом герое.
Минималистский подход позволяет проектам говорить самим за себя, при этом более крупные проекты получают больше недвижимости, чем более мелкие. Посетители также имеют возможность просматривать все портфолио студии на главной странице, превращая свое полное портфолио в отдельную страницу.
Хотя Grit может считать себя небольшой студией, его веб-сайт подчеркивает большие возможности.
Дизайн и разработка : Крис Форсайт
Тема : Привет
Плагины : Elementor Pro, фрагменты кода, дополнительные функции для Elementor, пользовательский интерфейс пользовательского типа сообщений, надстройки Piotnet для Elementor Pro, простой порядок страниц, SVGator, Yoast SEO
См. Живой веб-сайт
05
Студия Даблпойнт
Николас Мейер
Студия DoublePoint работает с клиентами из всех слоев общества для пользователей по всему миру. Будь то оптимизация существующих веб-сайтов или создание нового веб-сайта, их веб-сервисы позволяют клиентам увеличить свою аудиторию и повысить уровень взаимодействия с клиентами.
Используя яркие цвета, эффекты прокрутки и GIF-файлы, студия в увлекательной игровой форме демонстрирует свои проекты. Ненавязчивое использование эффектов уменьшения изображения с увеличением изображения по мере прокрутки вниз — хороший способ привлечь внимание к историям успеха студии. Существует также приятный мягкий шрифт без засечек, который помогает подчеркнуть современный внешний вид веб-сайта.
Цвет фона меняется с бежевого на оранжевый, когда вы прокручиваете вниз, так же, как внимание привлекает вращающаяся эмблема. Оранжевый — это повторяющийся цвет для выделения ключевых областей. Существует также приятный эффект наведения на вращающийся контактный призыв к действию, а также на варианты контактов по электронной почте и телефону. Цвета страниц проектов также заимствуются у самих проектов.
В меню используется приятный современный стиль шрифта с полым обведенным текстом при наведении курсора, в то время как на странице студии используются неподвижные изображения лица дизайнеров графики и пользовательского интерфейса, которые меняются в зависимости от сопровождающего текста. Это также немного показывает его личность, делая веб-сайт более привлекательным.
Studio DoublePoint создает уникальные образы для проектов и заставляет их жить и расти в Интернете.
Дизайн и разработка : Николя Мейер
Тема : Привет
Плагины : Elementor Pro, JetEngine, Premium Addons, WP Rocket
См. Живой веб-сайт
04
Логико
Хаим Бенисти
Logico предоставляет бизнес-консультации на основе бизнес-аналитики. Они сочетают надежные и исчерпывающие данные с самыми передовыми в мире инструментами оптимизации и позволяют международным экспертам сопровождать процесс подачи заявки.
Созданный Хаимом Бенисти, веб-сайт портфолио которого был представлен на выставке в прошлом месяце, высокотехнологичный веб-сайт Logico задает тон с помощью высококачественного фонового видео, привлекая посетителей и подчеркивая свои передовые технологии. Использование синего цвета также передает сообщение о техническом и технологическом прогрессе и широко используется стартапами.
Использование эффектов прокрутки переносит нас в распределительный центр и офисы, выделяя несколько международных транспортных компаний, которые использует организация. Каждое помещение представлено в виде 3D-модели и демонстрирует свои услуги по управлению цепочкой поставок, подчеркивая его операционное превосходство.
Роботы транспортируют объекты, поскольку видео демонстрирует, как организация работает с самыми передовыми инструментами оптимизации. Использование прокрутки прекрасно применено и придает странице почти анимированный эффект фильма. Каждая из страниц открывается с помощью эффекта стирания, приглашая зрителя внутрь, в то время как буква «g» в «Logico» действует как постоянный эффект перехода.
Logico — компания с энергичным и молодым духом, которая привносит свежий подход в области операционного консалтинга, а ее веб-сайт мирового уровня эффективно демонстрирует ее сильные стороны.
Дизайн и разработка : Хаим Бенисти
Тема : Привет
Плагины : Elementor Pro
См. Живой веб-сайт
03
меловой разговор
от Addictive Design Creative Studio
ChalkTalk — это совместное предприятие двух давних коллег, вдохновленных многолетним опытом и успешной работой со студентами. У дуэта возникла идея создать среду, в которой студенты не только изучают язык, но и обмениваются своими идеями без страха и давления, а также обогащают свои знания о других людях и культурах.
Веб-сайт разумно использует четыре цвета на каждой странице. С Global Styling это можно легко обновлять и изменять. Используя комбинации Фарфорового, Неаполитанского желтого, Выцветшего зеленого, Высокопреосвященства (Пурпурного), каждый раздел фона веб-сайта меняется по мере прокрутки.
Точно так же эффекты наведения используются для привлечения внимания с помощью цветов и анимации. Есть плавные переходы от раздела к разделу с тонкими переходами, каракулями, а также кавычками, которые используются в качестве мотива. Также можно увидеть смайлики, которые указывают на более молодую целевую аудиторию веб-сайта.
При внимательном рассмотрении становится очевидным, что иллюстрации связаны с текстом, а копия носит более личный характер и используется для привлечения аудитории. Меню также напоминает классную доску старой школы, которая открывается микроанимацией.
ChalkTalk считает себя немного другой школой английского языка, и с веб-сайтом, который нарушает традиции, школа определенно выделяется как класс.
Дизайн и разработка : Марко и Мария Джурджевич
Тема : OceanWP
Плагины : Elementor Pro, Ocean Extra, Quiz And Survey Master, MouseWheel Smooth Scroll
См. Живой веб-сайт
02
Очки
от General Condition & Milkink Creative Studio
Eyepples — это коллекция из сотен уникальных предметов коллекционирования NFT, вдохновленных фэнтезийным миром, сказками, мрачной эстетикой, классическим искусством и фотографией. Это уникальный волшебный проект, построенный на блокчейне Ethereum, где цифровое искусство, фотография и иллюстрация сливаются воедино почти как алхимическое зелье.
Вы можете узнать уникальные отпечатки General Condition, нашего победителя конкурса End-of-Year Showcase 2021, на этом сказочном дизайне веб-сайта. Легендарные яблоки напоминают те, что часто можно увидеть в изображении Белоснежки, и вызывают чувство ностальгии по детству, как и выравнивание текста по центру, похожее на сборник рассказов.
Существует очень эффективное использование копии для продажи продукта. С ощущением волшебства и сказки, остроумными фразами и оттенком маркетингового ума, дизайн и текст прекрасно сочетаются, чтобы объединить уникальный мир, который выглядит как фильм Диснея.
Яблоки (или мы должны сказать Eyepples) распространены на всем веб-сайте, от использования эффектов наведения на герое до нижнего колонтитула. Хотя не все элементы веб-сайта, такие как магазин, еще не запущены, Eyepples Apples делает достаточно, чтобы вызвать большой энтузиазм и ожидание благодаря высококачественным иллюстрациям и повествованию.
Все, что осталось, это выбрать Eyepple и просто наслаждаться магией.
Дизайн и разработка : Йован Лакич и Стефан Кокович
Тема : Привет
Плагины : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons для Elementor Pro
См. Живой веб-сайт
01
Бочка Маркетинг
ООО «Баррел Маркетинг».
Barrel Marketing — это студия маркетинга, видеопроизводства и веб-разработки, помогающая компаниям расти, достоверно рассказывая свои истории и создавая уникальный и творческий опыт. Они превращают большие идеи в красивые вещи, которые связывают бренды и клиентов.
На самом деле это второй раз, когда веб-сайт представлен в нашей витрине после редизайна. Первый раз это было в сентябре 2019 года. Тогда сайт выглядел совсем по-другому, и новый дизайн также на должном уровне.
Использование резкого текста в сочетании с великолепным видео, покрытым масками, сразу же привлекает внимание. Минималистичный внешний вид веб-сайта, подчеркнутый использованием пустого пространства, придает ему современный вид. Страница знакомства с командой также показывает, что у компании веселая атмосфера, а также теплая и гостеприимная личность.
Композиция из реальных изображений в сочетании с цветами эффективно использует дизайн журнала, чтобы придать веб-сайту веселый, привлекательный и дружелюбный вид. Отображение именитых клиентов также является отличным способом добиться социального доказательства, особенно в верхней части страницы, что также повышает доверие.
На страницах проекта есть удобная система представления задачи и решения, которая помогает потенциальным клиентам понять процесс Barrel Marketing. Фоновые изображения и цвета также взяты из самих проектов, что указывает на уровень детализации веб-сайта. Точно так же страница контактов также создает отличный визуальный язык, такой как кошка, тянущаяся к телефону.
Barrel Marketing помогает компаниям расти, рассказывая свои истории с помощью творческих и стратегических решений, а с веб-сайтом, который в равной степени креативен, интересен и информативен, клиенты будут быстро нажимать «отправить».
Дизайн: Даниэль Фекса
Разработка : Шейн Плеса-Наден, Даниэль Фекса и Себастьян Рингетт
Тема : Привет
Плагины : JetEngine, JetSmartFilters
См. Живой веб-сайт