Веб-сайты Elementor за май 2022 г.
Опубликовано: 2022-06-13Пятая витрина этого года соблазнительно дразнит меняющиеся тенденции в дизайне, исследует новые повороты ретро-культурных икон и отмечает недооцененную силу тонких настроек. Веб-сайты Мэя включают в себя множество творческих студий и агентств, мощное технологическое предпринимательское предприятие, один из самых популярных летних музыкальных фестивалей в Океании, портфолио университетских цифровых выставок, чувственный греческий салон красоты, массовый проект по фигурному катанию и достойный улыбки веб-сайт Монтессори. .
Откройте для себя таинственную анимацию, которая показывает пустой контент веб-сайта только при наведении курсора мыши, сделайте заметки о том, как внедрить классический дизайн в современные макеты, узнайте, как объединить различные эффекты прокрутки и анимации, узнайте, как сохранить атмосферу таинственности, удерживая контент, и узнайте о власти цвета над эмоциями с помощью специальных внутренних страниц.
Вот ваш шанс вдохновиться достойными веб-сайтами мая!
Получите Elementor Pro сегодня
10
Фестиваль водопадов
Агентство Cruickshanks
Falls Music & Arts Festival — это многодневный австралийский музыкальный фестиваль, ежегодно проводимый в штатах Виктория, Тасмания, Новый Южный Уэльс и Западная Австралия в новогодний период. Это один из крупнейших музыкальных фестивалей в Океании, на который собираются одни из крупнейших исполнителей со всего мира. На фестивале проходят представления современной музыки, танца, комедии, театра, цирка, кабаре и других видов искусства. Исполнители, играющие на фестивале, включают рок, хип-хоп, инди-музыку, электронную музыку, блюз и корни.
Взяв за основу афиши музыкальных фестивалей, веб-сайт явно был разработан, чтобы находить отклик у более молодой аудитории. Внедрение ностальгической зернистой отделки в градиентный фон придает странице некоторую атмосферу пустыни.
Falls Festival использует крупный шрифт, минималистичный дизайн и гибкую мобильную схему, явно нацеленную на целевую аудиторию, ориентированную на мобильные устройства. Используя спектр цветов — розовый, оранжевый, желтый и синий — фестиваль вызывает чувство энергии и волнения в соответствии с его музыкальным каталогом.
Углубившись на его внутренние страницы, зрители смогут найти информацию о каждом из артистов-исполнителей, а также ссылки на каждую из их различных учетных записей в социальных сетях. Предлагая тизер звуков из сет-листа, зрители найдут встроенный настраиваемый плейлист Spotify, включая винтажный статический видеоэффект.
Фестиваль музыки и искусства Falls обращается к своей основной демографической группе, используя комбинацию современных методов, сохраняя при этом только основную часть контента. После двух лет молчания фестиваль Falls снова готов к работе.
Дизайн и разработка : Бретт Круикшенкс – Агентство Круикшенкс
Тема : Привет
Плагины : Elementor, Elementor Pro, Nitropack, Rank Math SEO, вставка верхних и нижних колонтитулов.
См. Живой веб-сайт
09
Ула
от BangLUXOR
Ulah — испанское креативное агентство, специализирующееся на бренд-консалтинге, создании цифровых интерфейсов и инструментах управления маркетингом для высокоэффективных проектов. Они работают по всему миру при поддержке клиентов в шести странах. Их видение направлено на изменение каждого проекта в результате успешной стратегии в соответствии с текущими тенденциями рынка. Их работа упрощает бизнес, вдохновляет на новое поведение и отвечает потребностям людей.
Первое, что бросается в глаза зрителю, это уникальный раздел героев, разбитый довольно нестандартно. Начиная с того, как он открывается своей резкой копией, делающей грандиозный вход, и заканчивая тем, как используются яркие красновато-оранжевые цвета, веб-сайт предлагает освежающий взгляд для творческих агентств, желающих выделиться.
Элементы ретро-компьютерных анимационных символов, таких как большой палец вверх, лицо с ударом кулака, наброски каракулей и анимация Лотти, объединяются, чтобы придать веб-сайту игривую атмосферу, смешанную с профессиональной полировкой текста без засечек, крупным шрифтом и плоским минимализмом. дизайн. Умный эффект меню гамбургера, напоминающий воспоминания, немного напоминает телешоу старой школы. Также заметно использование нескольких CTA, текстовых путей и логотипа, напоминающего улыбку, подчеркивающего беззаботный подход к этой профессиональной отрасли.
Обратите внимание на изменяющийся курсор мыши в разделе услуг, который меняется на оранжевый, а также на продуманный трехстраничный веб-дизайн, брендинг и цифровой маркетинг. Веб-сайт имеет общий интерактивный и плавный внешний вид, хорошее использование масок на внутренних страницах и уникальный подход к мотиву слева направо.
Ulah — это свежий подход к тому, чтобы выделиться в конкурентной среде креативных агентств. Сочетая профессиональную отделку с игривыми изысками, агентство показывает свою мастерскую руку, чтобы вдохновлять, радовать и доставлять.
Дизайн и разработка : Андрес Флоридо Дельгадо – BangLUXOR
Тема : Привет
Плагины : Elementor Pro, Dynamicooo, неограниченное количество дополнений, WProcket
См. Живой веб-сайт
08
Дисрапторы
от Амазуал Медиа
Disraptors — это группа людей с разным опытом — венчурные капиталисты, банки инвесторов, стартапы, неправительственные организации и космические агентства. Вместе они стоят, порознь иногда занимаются другими делами. Они производят разнообразный контент. Саммит Disraptors с финалом европейского чемпионата стартапов является нашим флагманом. Их подкасты, местные конкурсы стартапов, хакатоны и встречи без презентаций — другие их главные корабли.
Демонстрация лица одного из самых известных технических гуру в мире на вашем демонстрационном мероприятии — мастерский ход, который не нуждается в объяснении. Знаменитое лицо Стива Возняка, наклеенное на героя рядом с его брендом и ключевыми фигурами, — это стратегический способ продемонстрировать самые продаваемые позиции группы, даже если зритель даже не прокручивает.
Использование шрифта без засечек «Chakra Petch» делает страницу похожей на строки кодирования старой школы, а режим 13h (VGA, 256 цветов) явно напоминает компьютерное программное обеспечение конца 80-х и начала-середины 90-х годов, которое используется на веб-сайте. целевая аудитория, несомненно, будет находиться под сильным влиянием. Также заметен эффект пиксельной компьютерной анимации на внутренних страницах.
Существует сильное ощущение прокрутки с помощью эффектов прокрутки и анимации, простого копирования, футуристической цветовой схемы и логотипа, вдохновленного велоцираптором. На самом деле, весь веб-сайт продуман до мелочей, чтобы предлагать посетителям сильное социальное доказательство через знаменитых отраслевых икон и известных партнеров.
В Disraptors используется множество анимаций, рассказывающих прокрутку, что очень соответствует определяющему эпоху золотому веку вычислений, теперь обновленному с учетом внешнего вида, подходящего для 21-го века.
Дизайн: Робин Стенцель
Разработка : Амазуал Медиа
Тема : Привет
Плагины : Премиум-аддоны, Elementor PRO, ACF
См. Живой веб-сайт
07
КОМКС
Джордан Дженкинс и Сэм Кэрриер
COMX — это невероятная выставка цифровых проектов, охватывающих видеоигры, интерактивные технологии, анимацию и искусство, созданных талантливыми студентами Школы игровых технологий Университета Глостершира. Каждый год студенты объединяются и проверяют свои навыки, создавая свои собственные оригинальные проекты, в результате чего COMX становится уникальным выражением творческих, технических и совместных талантов британского университета.
Цвет разбрызгивается по всему веб-сайту, от тонких градиентов до ярких полноразмерных холстов, обозначающих разделы. Посетители также будут привлечены эстетичной структурой сетки блоков с закругленными углами, соответствующей общему гладкому внешнему виду страницы. Сайт яркий, веселый, живой и вызывает какое-то детское удивление.
Каждый из героев соответствующих страниц окрашен в определенный цвет; Страница «Награды» выполнена в малиново-оранжевом градиенте, страница «Команды» — в синевато-лазурном оттенке, страница «Студенты» — в цвете бирюзово-зеленого гибрида, страница COMX Live — в цвете от голубоватого до пурпурно-лавандового, «Галерея» — в цвете «королевская фуксия». и микс розы, а страница входа в сплав лосося и атомарного мандарина. Каждая из этих страниц вносит свою индивидуальность и излучает собственную энергию.
На нескольких страницах используется анимация постепенного появления текста, которая плавно перемещается при прокрутке, особенно на странице наград. Каждой из команд дается своя цветовая схема и место, где можно подробно описать свои уникальные черты и качества. Плоский дизайн веб-сайта каким-то образом работает, чтобы держать под контролем всю систему дизайна.
COMX — это хрестоматийный пример того, как великолепные цвета могут оживить веб-сайт, не перегружая зрителя, поскольку он умело сочетает элементы минимализма, плоского дизайна и градиентов. COMX здесь, чтобы играть!
Дизайн и разработка : Джордан Дженкинс и Сэм Кэрриер
Тема : Привет
Плагины : Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, интерфейс ACF, динамические условия, пользовательский интерфейс пользовательского типа публикации, расширенные настраиваемые поля, LoftLoader
См. Живой веб-сайт
06
БЕСПОРЯДОК
Орландо Маркони
MESSS — бразильское креативное агентство и студия, состоящая из команды неутомимых профессионалов, готовых максимально оригинально переосмыслить коммуникацию бренда своих клиентов. От стратегии до исполнения, включения, выключения и даже за пределами атмосферы: они обещают полную самоотдачу, чтобы голоса их клиентов эхом отдавались повсюду. Они думают о будущем, но понимают, что нужно бренду из вчерашнего дня. Своим очень внимательным и уникальным взглядом они доказывают, что можно удивить даже в деталях.
MESSS представляет два аспекта: Агентство + Студии, каждый из которых имеет целевую аудиторию. Агентство обслуживает средние и крупные бренды, которые хотят использовать «цифровых лидеров мнений» для повышения эффективности своих кампаний и продаж, в то время как Studio ориентирована на агентства, которым нужны компании по производству видео и фото для завершения своей кампании.
Внушая доверие творчеством, веб-сайт использует минималистский макет с богатыми яркими медиа. Веб-сайт агентства демонстрирует свою творческую сторону с помощью полноформатного фонового видео, а его студийный аналог демонстрирует богатое портфолио. На всем веб-сайте виден доминирующий неоново-розовый цвет, используемый на различных элементах, на которые повлиял логотип.
Внутри тематических исследований есть хорошая иерархия, которая выглядит почти как в блоге. Прокрутив вниз до нижнего колонтитула, зрители заметят приятную пользовательскую анимацию Lottie, линии рисования в произвольном стиле, светящиеся розовые тени над коробками при наведении курсора и само слово «беспорядок».
MESSS — это веб-сайт, который внушает доверие, но в то же время является творческим и гибким в творческом беспорядке, который идеально подходит к месту.
Дизайн и разработка : Орландо Маркони
Тема : Привет
Плагины : Elementor Pro, Crocoblock JetEngine, DynamicTags
См. Живой веб-сайт
05
Салон красоты Тея
по OFFSCALE
Thea представляет собой теплое, гостеприимное, наполненное положительной энергией пространство, где в портовом городе Салоники предоставляются услуги салона красоты и продукция высокого стандарта. Греческое учреждение в первую очередь заботится об удовлетворении и обслуживании своих клиентов и усердно работает, чтобы предоставлять лучшие услуги и продукты.
Греция — это слово на этом великолепном веб-сайте, которого поцеловал океан. Сайт оформлен в уникальной цветовой гамме, напоминающей о каменистых холмах и бирюзовых водах Салоников. Внеся множество элементов из богатого культурного наследия Греции, салон использует их в качестве мотивов на всем веб-сайте.
Ясно видна классическая греческая эстетика, такая как скульптуры, значки, кнопки и иллюстрации, значки, кнопки, иллюстрации, изображения и формы масок, вдохновленные как старым, так и новым. Успокаивающий океанский шрифт также используется для передачи сообщения, искусно воспевающего женскую красоту.
Нет ни точек, ни граней, все рафинировано. Использование скульптурных женских голов, туловища и рук — прекрасный способ подчеркнуть процедуры для лица, тела и маникюра, предлагаемые салоном. Салон явно хочет, чтобы его клиенты чувствовали себя такими же щедрыми, как мифическая богиня.
Единый язык дизайна Thea успокаивает, как волны Средиземного моря. Вплетая древнее наследие в косметические процедуры современного мира, веб-сайт является праздником настоящего, поскольку он является данью уважения своему знаменитому древнему прошлому.
Дизайн и разработка : Мариос Натсос – OFFSCALE
Тема : Привет
Плагины : Elementor Pro, WP mail SMTP
См. Живой веб-сайт
04
Водо
Шьям Сингх
WODO — это команда увлеченных, творчески мыслящих людей, опытных предпринимателей и высококвалифицированных руководителей, помогающих развитию бизнеса. Базируясь в Индии и работая с клиентами по всему миру, они придерживаются основ творческого веб-дизайна и цифровых кампаний с высокой рентабельностью инвестиций. Проще говоря, они знают, как запустить онлайн-бизнес и довести его до прибыльности. Соединяя нужные точки для бизнеса своих клиентов, они создают компетентные цифровые решения, которые являются эффективными.
Дизайн веб-сайта вдохновлен современными рекомендациями по дизайну, тонкой анимацией, микровзаимодействиями и подходом, ориентированным на мобильные устройства. Каждый используемый элемент был создан с учетом единой идентичности бренда. Возьмем, к примеру, анимированную сферу, в которой используются числовые выделения с эффектом карусели.
Когда зритель прокрутит вниз, он увидит интерактивную эмблему с вращающимися словами. Прямо над ним находится уникальное меню в виде треугольника-гамбургера, при наведении которого ссылки быстрого доступа меняются на черные. Также стоит обратить внимание на линии сетки на фоне, которые добавляют немного стабильности и порядка странице.
Весь веб-сайт демонстрирует, что может предложить высококлассное креативное агентство. Использование анимации Lottie и SVG для логотипа и значков, а также роскошного черного цвета, смешанного с игривой желтой цветовой гаммой, прекрасно контрастирует со смесью хаоса и порядка на веб-сайте. В соответствующих случаях внутренние страницы также демонстрируют работу с мобильными устройствами без необходимости покидать веб-сайт. Кроме того, результаты тематических исследований на странице — приятный штрих.
WODO великолепно передает видение и идею своего бренда в каждом проекте с подробными внутренними страницами и тщательно отполированными главными страницами, примером которых является использование последних достижений современного дизайна.
Дизайн: Аравинд Сударсанан
Разработка : Шьям Сингх
Тема : Привет
Плагины : Elementor Pro, Jet Engine, стероиды для Elementor
См. Живой веб-сайт
03
Айурри Монтессори
от Humanos Unidos
В испанском Aiurri Montessori созданы пространства, которые дети могут почувствовать своими. Пространства, которые учитывают их потребности, чтобы строить себя, и где они могут свободно следовать своим естественным тенденциям и, таким образом, развивать весь свой потенциал, следуя своему внутреннему учителю. Педагогика Монтессори фокусируется на целостном развитии человека с рождения, полностью доверяя его потенциалу и предлагая заботливую и основанную на реальности среду, чтобы каждый ребенок стал лучшим человеком, которым он может быть.
Воплощая свободу Монтессори-педагогики, веб-сайт изящно представляет плавный момент на полноэкранном изображении в герое страницы. В окружении желтых пастельных тонов царит очень спокойная и приятная атмосфера, созданная дизайном. Изображения в высоком разрешении увлеченных детей, наслаждающихся разнообразными учебными занятиями, а также улыбающихся учителей вызывают чувство тепла и безопасности, с которым сразу же могут связаться родители.
Крупная типографика, личные цитаты и минималистичные изменения цвета — все вместе создает ощущение заботы и уюта, как и счастливые, улыбающиеся дети. Использование пробелов,
Большой шрифт и личные цитаты Марии Монтессори помогают проиллюстрировать ориентированный на ребенка подход этого метода обучения.
Каждая из внутренних страниц имеет немного другой пастельный цвет, который выделяет разные области веб-сайта, включая оттенки желтого, зеленого и розового. Обратите внимание на логотип сайта, который выглядит как буквы, нарисованные цветным карандашом, что снова воспевает невинность детства.
Aiurri Montessori предлагает своей целевой аудитории приветственное и заботливое ощущение своего революционного метода, улавливая сущность свободного характера ориентированных на детей, управляемых детьми классов и занятий Марии Монтессори.
Дизайн: Бенат Элизальде
Разработка : Мигель Анхель Эррера — Humanos Unidos
Тема : Генерация прессы
Плагины : Elementor Pro, надстройки премиум-класса, WPML, основные надстройки
См. Живой веб-сайт
02
Скейтбординг Траунштайн
Бене Хофер
Skateboarding Traunstein — это недавно основанный клуб, который очень заинтересован в том, чтобы возродить скейт-сцену в немецком городе и его окрестностях. Его миссия — создать место и сообщество, где каждый может чувствовать себя комфортно. Это большое сообщество, которое хочет изменить Траунштайн к лучшему.
Оставаясь верным своим корням, веб-сайт смело использует видео с портативной камеры в качестве своего полноэкранного героя. Это делает его доступным для местной молодежи. Использование асимметричной сетки также придает веб-сайту современный вид.
Когда посетители наводят курсор на логотип, он начинает вращаться на долю секунды, что при нажатии возвращает нас наверх страницы. Также нетрадиционным является список предстоящих событий, который только при наведении показывает изображения того, что впереди.
Одной из ключевых особенностей страницы является ее влияние на скейтинг. От бруталистской типографики до логотипа рампы для скейтборда и множества изображений и видео, размещенных повсюду на сайте. Цвет действительно исходит от мультимедийных материалов, поскольку тонкое ртутное полотно выдвигает на первый план содержание.
Скейтбординг Traunstein точно отражает свои основополагающие принципы получения поддержки для более крупного скейт-парка, организации соревнований по скейтбордингу и предоставления возможности новичкам получить доступ к урокам скейтбординга с минималистским подходом, который уверенно выдвигает скейтбординг на передний план.
Дизайн и разработка : Бене Хофер
Тема : Привет
Плагины : Elementor Pro, Qi Addons, пользовательские курсоры WP.
См. Живой веб-сайт
01
ЗУРУ Эдж
Марк Дэй
ZURU Edge — это создание прорывных брендов нового поколения в крупных категориях товаров народного потребления. Их команда стремится создавать целевые бренды, актуальные для потребителей Millennial и Gen Z. Это бренды, которые востребованы ее клиентами: бренды с сердцем, целью и ценностью. Со штаб-квартирой в Окленде, Новая Зеландия, в ZURU Edge, они создают бренды завтрашнего дня, а мы представляем их миру уже сегодня.
Видео-герой полноразмерного портфолио представляет собой ослепительную гармонию цвета и демонстрирует широкий круг клиентов агентства. В видео высокой четкости есть некая грандиозность, которая придает невероятный вид их возможностям брендинга. Тем не менее, есть также ощущение доступности, поскольку элементы простоты, такие как нижний колонтитул, страница контактов и доминирующий минималистский подход, дополняют более громкие функции веб-сайта.
Плоский, минималистский дизайн использует крупный шрифт и большие изображения, которые размещены на черном холсте, в сочетании, чтобы придать ему современный вид и ощущение. Кроме того, дизайн подчеркивает изображения и видео, которые придают странице ее цвет, большинство из которых окрашены в неоновый фильтр. Также приятно использовать тонкие эффекты прокрутки, привлекающие внимание к сопроводительному тексту.
Ощущение таинственности окружает сайт из-за намеренно ограниченной галереи и минималистического макета. Например, при наведении курсора на пустые поля в разделе «Бренды» отображаются соответствующие изображения. Точно так же страница веб-сайта «Наши бренды» также предлагает дразнящий тизер своего портфолио, привлекая зрителя к клику. Подробные внутренние страницы предлагают более глубокий взгляд на каждую кампанию, которая снова следует той же формуле дизайна.
Создавая бренды завтрашнего дня, ZURU Edge движется с энергией, направлением и темпом сегодняшнего мира; разрушая устаревшие категории и выводя их в 21 век с помощью брендов, движимых целью, инновациями и данными.
Дизайн и разработка : Марк Дэй
Тема : Привет
Плагины : Elementor Pro, Yoast, WP Rocket
См. Живой веб-сайт