Веб-сайты Elementor за июль 2021 г.

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

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

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

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

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

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

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

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

Чтобы еще больше подчеркнуть их веселый характер, можно посмотреть их домашнюю страницу и страницы философии. Нижняя часть главной страницы работает как стопка карточек, складывающихся при прокрутке вниз. Почти все напоминает игровой мир с намеком на реальный мир. На их странице «Философия» шрифт сильно отличается от того, что отображается на сайте, и показывает что-то очень человеческое. Кроме того, сам текст полон юмора, который может быть связан с ним.

В целом сайт Graphity написан очень профессионально. Это очень точно и очень подробно (вплоть до распорядка дня стажеров).

Дизайн и разработка: Кендзи Мацуо

Тема: Привет

Плагины: Happy Elementor Addons, Premium Addons для Elementor, Sticky Header для Elementor

Brand Label — компания по производству этикеток, базирующаяся в Бухаресте, Румыния. Уже более 15 лет он специализируется на предоставлении широкого ассортимента высококачественных этикеток для одежды. Их чувство стиля и стремление создавать качественные этикетки хорошо видны в их галерее, а ассортимент продукции (и материалов), которые они предлагают, и их веб-сайт только усиливают это чувство.

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

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

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

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

Дизайн и разработка: Евгений Мишиу

Тема: Привет

Плагины: WooCommerce, переводчик WordPress

У нас есть Brand Baker из Германии — агентство цифрового маркетинга, ориентированное на Facebook, которое предоставляет услуги цифрового маркетинга, планирование цифровой стратегии, дизайн и разработку и многое другое. По их словам, «мы сталкиваемся с нашим постоянно меняющимся миром с необходимой гибкостью, ценим индивидуальные особенности нашей команды и разделяем непрекращающееся стремление к совершенству».

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

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

Дизайн и разработка: Бренд Бейкер

Тема: Привет

Плагины: Element Pack, Rank Math SEO PRO, классический редактор

SFG Tirol — австрийская галерея камня и плитки. Их услуги включают создание индивидуальных концепций (предоставление консультаций по выбору плитки) и реализацию этих концепций с помощью штатных плиточников. Хотя это деловой веб-сайт, он сохраняет творческие элементы и нежные тона.

Мотив плитки распространен по всему сайту в виде геометрических фигур (преимущественно квадратов). Отличный пример этого можно увидеть на странице «О нас» и на странице «Вдохновение». На странице «О нас» используется мозаика из изображений и текста, специально размещенная таким образом, чтобы создать иллюзию мозаики. Страница «Вдохновение», с другой стороны, использует галерею Elementor с анимационным эффектом для демонстрации фотографий в почти идеальных квадратах, что опять же создает иллюзию размещения плиток прямо перед вами.

Цвета сайта нежно-зеленый и серый. Глядя на нее, можно почувствовать природу, и, возможно, это призвано помочь читателю создать ассоциацию с экологически чистой компанией.

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

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

Дизайн и разработка: Раум 15

Тема: Привет

Плагины: Autoptimize, Borlabs Cookie, верхний и нижний колонтитулы, перенаправление, WP Mail SMTP

Somos Avocado — это творческая студия, которой руководят две молодые женщины — Алазне и Крис. Основное внимание уделяется дизайну, а точнее — «хорошему дизайну». Их желание состоит в том, чтобы обеспечить вид дизайна, который общается и служит цели. Дизайн, основанный на слушании, общении и долгосрочных отношениях со своими клиентами. Их веб-сайт воплощает в себе этот нестандартный подход к дизайну.

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

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

По тексту повсюду разбросаны эмодзи, а зайдя на страницу «О программе», можно увидеть фигурки Лего в образе Алазне и Крис. Это наглядно показывает, что девушки хоть и профессионалы, но не лишены характера (веселого и игривого), которым, возможно, хотели бы привить ощущение фамильярности и уюта.

Дизайн и разработка: Сомос Авокадо

Тема: Привет

Плагины: CookieLawInfo, Sticky Header для Elementor

Key International — компания по инвестициям и развитию недвижимости, базирующаяся в Майами, США, с более чем 30-летним опытом. Основная цель веб-сайта — привлечь внимание к разнообразному портфолио компании, а также придать ощущение престижа и высокого класса.

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

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

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

Дизайн и разработка: дудл + код

Тема: Привет

Плагины: расширенные настраиваемые поля, настраиваемые типы сообщений, пользовательский скин Ele, элементы аддона Elementor, дополнительные функции для Elementor.

BVM Beratung — консалтинговая и сервисная компания, специализирующаяся на НКО, которая заняла лидирующие позиции в немецкоязычных странах, реализовав более 3000 проектов. Индустрия консультирования требует профессионального делового веб-сайта, но тот факт, что они работают с НКО, требует некоторого знакомства и комфорта, и эта двойственность проявляется в дизайне веб-сайта.

Индустрия консультирования требует профессионального, делового веб-сайта, но тот факт, что они работают с НКО, требует некоторого знакомства и комфорта, и эта двойственность проявляется в дизайне веб-сайта.

Эта двойственность проявляется с самого начала. С одной стороны, цветовая гамма и черно-белые изображения придают более деловой оттенок, но присутствуют элементы желтого цвета (для выделения важных моментов). Кроме того, чтобы еще больше доставить удовольствие, веб-сайт предлагает пользователю взаимодействовать с ним. Большая желтая стрелка указывает на слово Scroll, приглашая пользователя начать историю веб-сайта. Весь этот сайт посвящен прокрутке.

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

Язык веб-сайта очень последователен на протяжении всего веб-сайта. Производит впечатление цельности и профессионализма. Из повторяющегося мотива круга, дополняющей типографики и черного, белого, серого и желтого цветов.

Дизайн и разработка: Millefeuilles

Тема: Привет

Плагины: Elementor Block для Gutenberg, Accordion Blocks, Adminimize, Crocoblock JetEngine, Crocoblock JetSmartFilters, Dynamic Conditions, MouseWheel Smooth Scroll

Grupo Graphic — рекламное агентство из Испании, которое обслуживает все, от внешней рекламы (на рекламных щитах и ​​т. д.) до рекламы в СМИ, веб-разработки, графического дизайна и цифрового маркетинга. Цель их веб-сайта — четко продемонстрировать свою работу и творческий дух.

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

При прокрутке вниз основные элементы дизайна становятся более четкими. Шрифт полужирный без засечек. Больше, чем обычно ожидалось. Он поставляется вместе с гифками мемов (наш любимый — с французским мастером комедии — Луи де Фюнесом) и их работами. Все на этом веб-сайте большое, от текста до изображений и кнопок, и все находится внутри сетки.

Текущий текст разделяет разделы очень большими буквами (черного цвета), что вызывает воспоминания о бегущем тексте на новостных каналах, которые передают срочность и важность. На сайте постоянное движение, и при его посещении не бывает скучно.

Дизайн и разработка: Grupo Graphics

Тема: Привет

Плагины: плагины Jet от Crocoblock (движок, умные фильтры, элементы), кеш LiteSpeed, Yoast SEO, Permalinks Manager Pro