Ежемесячный набор шаблонов №2: Создайте красивый сайт о фитнесе
Опубликовано: 2019-09-03В прошлом месяце мы выпустили первую в нашей ежемесячной серии наборов шаблонов Elementor. Ответ нашего сообщества был потрясающим. Многие пользователи были в восторге от этого релиза и захотели большего:
В этом месяце мы решили привести себя в форму и выпустить целый комплект для сайта, посвященный профессиональному тренажерному залу. Возьмите протеиновый коктейль, согните бицепсы и накачивайте железо! Этот комплект наверняка вас отпугнет.
Этот комплект является 100% БЕСПЛАТНЫМ для всех пользователей Elementor Pro и включает:
- 7 Контентных страниц
- Шаблоны верхнего и нижнего колонтитулов
- Шаблон всплывающего окна
- Шаблон 404
- Единые и архивные шаблоны
- ~ 60 бесплатных изображений CC0
- 9 Оригинальные иконки
- 2 хорошо продуманные контактные формы
- Широкий спектр анимационных и анимационных эффектов.
Зачем использовать этот комплект
Как и в случае с нашим предыдущим набором, мы не срезали углы в процессе совершенствования этого набора шаблонов. Он создан не только для того, чтобы просто радовать глаз. Вот преимущества, которые выделяют наборы Elementor среди множества шаблонов:
- Профессиональный дизайн - каждая страница, раздел и виджет были использованы и отредактированы с учетом лучших практик.
- Богатый набор элементов - в комплект входит широкий спектр функций Elementor. К ним относятся всплывающие окна, режимы наложения, параллакс-прокрутка, навигатор и многое другое.
- Оптимизация изображения - Оптимизированы все размеры изображений.
- Именованные разделы - мы назвали каждый слой в навигаторе, чтобы вы могли легко определить и выделить каждый элемент на странице и знать, что и что делает.
- 100% адаптивность к мобильным устройствам - все ресурсы созданы с учетом адаптивности мобильных устройств.
Набор шаблонов тренажерного зала: смелый и яркий дизайн
С нашими ежемесячными наборами шаблонов мы хотим быть уверены, что предлагаем нашим пользователям широкий спектр дизайнов. Вот почему мы решили выпустить набор шаблонов тренажерного зала, который сильно отличается от предыдущего набора Digital Agency.
Предыдущий комплект был минималистичным и простым, тогда как этот смелый и включает яркие цвета и яркие элементы. Поскольку мы говорим о физических упражнениях и спорте, мы включили движение во многие элементы шаблонов. Мы также включили много изображений, так как спорт и отдых подпадают под категорию визуальных.
Яркие синие и желтые неоновые цвета дополняют смелый дизайн. Они также соответствуют цветам, которые спортсмены часто носят в спортзалах по всему миру.
Типографика также соответствует нашему дизайну и включает «Racing Sans One».
Смелый, яркий дизайн набора может затруднить его настройку для других областей. Тем не менее, он может отлично подойти для таких тем, как коучинг, йога и другие области, связанные с деятельностью.
Давайте рассмотрим активы и посмотрим, что они включают.
Шаблон домашней страницы спортзала: крутой эффект параллакса
Вы должны полюбить первый раздел о героях, который вы видите на главной странице. Образ без рубашки и отполированного энтузиаста упражнений нельзя игнорировать, и он сразу привлекает внимание посетителя. Обмен сообщениями соответствует той же идее, с такими мотивационными предложениями, как «Будьте как можно лучше».
При прокрутке изображение перемещается таким образом, что имитирует фактическое движение тренажера.
На остальной части страницы есть много примечательных элементов, таких как использование тонкой анимации, которая продолжает тему движения; изображения в виде карточек, расположенные одно перед другим, и разделительные линии, разделяющие различные области на странице.
О нас и страницы для тренеров: В центре внимания Gym Crew
Вы можете получить больше информации на странице о спортзале. На странице рассказывается история нашего тренажерного зала с использованием нескольких слов и большого количества изображений, разбросанных по виджетам и фонам.
Каждый настоящий спортзал должен выделять свое самое ценное достояние - тренера. В этом шаблоне мы выделили Марию Моралес, нашего тренера по TRX. На странице показаны навыки Марии с помощью индикатора выполнения, а внизу находится еще один альтернативный призыв к действию.
Страницы классов и фитнеса: творческие способы показать информацию
Вы культурист или больше любите кроссфит? На этой странице вы найдете красивый макет, который можно использовать для классов, списков или даже сообщений. Карусель с отзывами внизу служит социальным доказательством эффективности нашего тренажерного зала.
Несмотря на то, что эта страница предназначена для занятий фитнесом, она может служить отличным примером того, как создать страницу с богатым содержанием, которая будет легко усваиваемой и читаемой для посетителя. Четкое разделение каждого раздела с использованием разного цвета фона, а также умное использование списков значков, индикаторов выполнения, аккордеонов и колоночного содержимого помогают сделать эту страницу великолепной. Страница также включает липкую боковую панель, которая следует за посетителями по мере их прокрутки и побуждает их зарегистрироваться.
Страницы с ценами, новостями и контактами: заполнение страниц с описанием комплектов
На этой странице мы повторили совпадение между упражнением и эффектом прокрутки. Это помогает создать эффект подъема тяжестей. Для фанатиков спорта, которым необходимо получать ежедневную дозу обновлений в тренажерном зале, мы создали страницу новостей, на которой визуально отображаются последние статьи обо всем, что связано с фитнесом.
Ни один тренажерный зал не может выжить без постоянного притока новых подписчиков. Вот почему наша контактная страница включает часы работы, контактную форму, адрес и другие контактные данные.
Прежде чем заняться своим телом, позаботьтесь о том, что внутри (извините за плохой каламбур).
Страница 404: изображения служат "0"
Эта страница демонстрирует творческое использование нашей карусели изображений, которая была творчески размещена между цифрами «4» и «4», составляющими страницу 404.
Верхний и нижний колонтитулы: эти неоновые цвета нельзя пропустить
Заголовок тренажерного зала липкий и соответствует дизайну всего комплекта. Для нижнего колонтитула мы выбрали расширенный дизайн, который включает USP, контактную информацию, контактную форму и ссылки на социальные сети.
Всплывающее окно: крутые анимированные коробки
Если вы щелкните ссылку Присоединяйтесь к нам в заголовке, появится всплывающее окно. Для этого комплекта мы отказались от обычно упакованного всплывающего окна и создали более интересный макет для специальной летней распродажи спортзала.
Как получить комплект
Какие шаблоны вы бы хотели видеть дальше? Дайте нам знать в комментариях ниже.