Верстка лендинга и натяжка на WordPress
14 000 UAHТехническое задание (ТЗ)
1. Общие требования
Цель:
Сверстать макет главной страницы (и дополнительных информационных страниц) на WordPress, используя тему Avada и её визуальный билдер (Avada Builder).
Настроить глобальный Header и Footer, добавить модальное окно «Join our waitlist» для сбора email‑адресов с интеграцией в сервис рассылки.
Кроссбраузерность: Поддержка последних версий основных браузеров (Chrome, Firefox, Safari, Edge).
Адаптивность: Корректное отображение на всех популярных устройствах (десктоп, планшет, смартфон).
Интерфейс: Весь сайт (шапка, кнопки, тексты, подписи, сообщения, модальное окно) — только на английском языке, без русских или украинских слов.
Структура: Сверстать шапку (header) и подвал (footer) глобально (Avada > Layouts), а все блоки главной страницы – в Avada Builder.
Реюзабельность: Все секции/контейнеры, созданные для главной, должны быть «сохранены» (saved containers/sections) так, чтобы их можно было повторно использовать или редактировать.
Редактируемость: Все тексты, изображения, ссылки, а также содержимое модального окна должны редактироваться через Avada Builder.
2. Структура главной страницы
Ниже указаны блоки (разделы), которые нужно сверстать и расположить последовательно на главной странице. У каждой секции указано, какие элементы внутри должны быть изменяемыми.
2.1. Header (шапка сайта)
Логотип (иконка + текст «fantribe»):
Возможность заменить иконку и текст через настройки Avada/WordPress (логотип может храниться в Медиафайлах).
Главное меню:
Пункты: For Creators, For Fans, Monetization, Subscription, FAQ и т. д.
На мобильных устройствах – кнопка «бургер», при клике открывается выпадающее меню.
Кнопки: Log in / Sign up — стилизовать в соответствии с макетом (разные цвета).
Минимальная анимация:
Возможная лёгкая анимация при наведении на пункты меню (изменение цвета текста).
2.2. Hero Section (главный блок)
Фон: Градиентный фон, скруглённые углы (радиус 40px).
Заголовок: Большой текст (пример: «Fantribe is on a mission…»). Часть текста выделена градиентом (через CSS).
Блок с аватарами и кнопкой «join creators community»:
Одна картинка
Текст «join creators community» редактируется в билдере.
Макет телефона (Phone Mockup) со слайдером:
За «экраном» телефона находятся слайды (Swiper или Avada карусель), прокручиваются по горизонтали бесконечно (loop).
Активный слайд находится по центру и выделяется рамкой.
PNG-рамка телефона перекрывает слайды.
Подпись (напр.: «Natan Levy – Fantribe.com/natanlevy») изменяется в соответствии с активным слайдом.
2.3. Блок «Fan subscriptions»
Описание (текст) сверху.
Карточки (бесконечная карусель):
Возможность редактировать заголовки, описания, картинки).
2.4. Блок «Community Perks»
Левая колонка с заголовком «Community Perks» и 4 пунктами (Exclusive community access, Live events, Meet‑the‑creator sessions, Community challenges).
Правая колонка — скриншот или иллюстрация (заменяется через билдер).
2.5. Блок «Monetization Opportunities»
Заголовок.
Левая колонка (2 карточки: Exclusive discounts, Crowdfunding perks), вертикальная полоса посередине, правая колонка (2 карточки: Sponsorship opportunities, Launch discounts).
Карточка: иконка (эмоджи), заголовок, описание. Всё редактируемое.
2.6. Блок «Subscription Models»
Заголовок «Subscription Models».
Тоггл: «Billed Monthly / Billed Annually» – при переключении меняется активный класс. Опционально: смена цен (JS/Avada conditional logic).
Карточки (3 шт.: Basic, Premium, VIP) с редактируемыми заголовками, ценами, описаниями и кнопками «Get Started».
VIP‑карточка – тёмный градиент.
2.7. Блок «FAQ»
Заголовок «FAQ».
Вопросы (5 шт.):
Раскрытие/сворачивание при клике (JS или Avada toggle).
Возможность редактировать вопросы и ответы.
2.8. Footer (подвал)
Фон (градиент), скруглённые углы (40px).
Текст + кнопка Unlock (Seamlessly connect with your audience…).
Горизонтальная линия.
Нижняя полоса: логотип (с иконкой) слева, копирайт справа.
3. Дополнительные страницы
Privacy Policy (Политика конфиденциальности)
Terms of Use (Условия пользования)
Оформить как отдельные страницы, подключить к меню/футеру. Текст может быть заглушкой, всё — на английском языке.
4. Интеграция сервиса рассылки + модальное окно
Модальное окно «Join our waitlist»:
Кнопка закрытия (иконка «×») в углу.
Заголовок «Join our waitlist», логотип, текстовое описание, поле ввода email и кнопка «Join now →».
Фон окна (тёмный/полупрозрачный) + тёмная панель для контента.
Минимальная анимация появления окна (fade-in или scale-in).
Все надписи — только на английском.
Кнопка/ссылка, открывающая это окно (может располагаться в меню, в Hero‑блоке, либо в любом другом месте).
Сервис для сбора email:
Нужно настроить форму (Avada Forms или сторонний плагин) c полем email, интегрировать с выбранным сервисом (Mailchimp, Sendinblue, ActiveCampaign и т. д.).
При отправке email‑адрес добавляется в список рассылки.
Сообщение об успехе/ошибке (на английском).
5. Динамические блоки / Reusable Sections
Header и Footer – глобальные Layouts (Avada > Layouts).
Всплывающее окно («Join our waitlist») – можно оформить как отдельный Popup (Avada или плагин). Все тексты и картинки – через билдер/плагин.
Секции главной – сохранить как reusable containers (Avada Builder), чтобы можно было использовать на других страницах или клонировать.
6. Анимации
Hover-эффекты на карточках/кнопках (поднятие, тень, изменение цвета).
Fade-in или slide-in при прокрутке (опционально через Avada Animations).
Swiper – плавная прокрутка по горизонтали (бесконечная).
7. Функциональные требования
WordPress + Avada:
Установить тему Avada, создать глобальный Header/Footer, главную страницу, страницы «Privacy Policy» и «Terms of Use».
Вставить блоки главной (Hero, Fan subscriptions, Community Perks, Monetization, Subscription Models, FAQ) через Avada Builder.
Модальное окно:
Открывается по клику на кнопку (например, «Join our waitlist»).
Закрывается при нажатии на иконку «×» или на подложку (опционально).
Форма подписки отправляет email в выбранный сервис (Mailchimp/другой).
Swiper (в Hero Section):
Активный слайд всегда по центру, с рамкой.
Бесконечная прокрутка (loop).
Показ нескольких слайдов, возможность перелистывания влево/вправо.
8. Итог
Главная страница полностью свёрстана в Avada Builder на WordPress, весь интерфейс — на английском языке.
Модальное окно с формой «Join our waitlist», интегрированное с сервисом рассылки.
Доп. страницы: Privacy Policy и Terms of Use (заглушки, всё на английском).
Все блоки редактируются через Avada Builder, а Header/Footer вынесены в Layouts.
Приложения 2
Отзыв заказчика о сотрудничестве с Yurii K.
Верстка лендинга и натяжка на WordPressПроект завершен, рекомендую работать с Юрием!
Отзыв фрилансера о сотрудничестве с Стефаном Васильевым
Верстка лендинга и натяжка на WordPressСпасибо за сотрудничество! Был рад работать над вашей задачей) Оперативная обратная связь и дружелюбное взаимодействие сделали работу комфортной и продуктивной)
Если возникнут вопросы или потребуется помощь, обращайтесь, всегда на связи!
-
Привет.
С Avada работаю довольно часто, готов выполнить задание.
На старте могу начать все на своем хостинге (тема есть в наличии), сделать несколько блоков/элементов. Увидите, устроит ли результат. Если да - продолжим сотрудничество.
-
319 10 0 Привет, у меня большой опыт работы, портфолио по запросу вышлю в личные.
Буду рад сотрудничеству с Вами.
-
280 Привет, Стефан
Спасибо за детальное объяснение проекта.
1. У вас уже есть аккаунт Mailchimp (или другой почтовый сервис) для сбора электронной почты?
2. Вы хотите, чтобы я настроил хостинг, или ваш сайт WordPress уже работает и готов к установке темы?
-
326 1 0 Добрый день.
У меня есть опыт работы с WordPress 3+ года.
Готов к сотрудничеству по данному проекту.
Мои последние работы:
https://www.malynovskyi.agency/
https://kitsystyle.com.ua/
https://www.target.malynovskyi.agency/
-
290 1 0 Добрый день. Готов выполнить.
Имею большой опыт разработки сайтов на WP.
Мое портфолио:Freelancehunt
Сверстаю макет главной и информационных страниц. Реализую весь необходимый функционал. Оптимизирую под необходимые браузеры и платформы. Интерфейс будет на английском языке. Необходимые элементы и блоки будут расположены согласно описанной структуре. Все блоки будут редактируемые через Avada Builder.
Интегрирую сервис рассылки в модальное окно. Обеспечу максимальное быстродействие.
Пишите, обсудим детали и я приступлю к работе.
-
411 6 1 Готов к обсуждению проекта! Пожалуйста, пришлите дизайн и подробно опишите свои пожелания к лендингу.
-
6463 82 3 3 Добрый день!
Готов работать над вашим проектом.
Жду ответа.
С уважением, Иван
-
2276 37 0 Добрый день! Выполню качественную, адаптивную верстку.
Могу тему с 0 сделать и посадить на wp/acf, что бы все редактировалось с админки.
Опыт работы более 5-ти лет.
Обращайтесь, буду рад сотрудничеству!
-
619 7 0 Добрый день. Буду рад сотрудничеству.
Готов обсудить детали в личной переписке.
Большой опыт, ответственный и качественный подход.
С уважением Роман!
Пишите обсудим
-
2830 19 0 Здравствуйте, готов создать сайт на wp с указанной темой и учитывая все из ТЗ. Качество и оперативность работы гарантирую.
Пишите, буду рад сотрудничеству!
-
1405 10 0 Добрый день. Есть опыт в дизайне, верстке и WordPress. Все проекты здесь (https://github.com/divinebang). Мы можем обсудить все шаги. Готов начать работу, как только уладим детали.
-
753 11 2 Добрый день, Стефан! Я ознакомилась с требованиями и макетом и готова качественно сверстать вам лендинг на WordPress с использованием следующих технологий:
Hhtml5
Css3, SCSS
Flexbox, Grid Css
Js, jQuery
Wordpress, ACF
Валидный код (W3C), зеленая зона Page Speed, SEO оптимизированный код.
… Начать готова сразу после утверждения.
Обращайтесь, буду рада помочь!
-
224 1 0 Здравствуйте!
Хотим предложить свои услуги. У нас есть профессиональная команда разработчиков, состоящая из фронт, бэкенд специалистов, а также ТЛ. Мы более 4 лет работаем с различными нишами, гео и проектами, именно поэтому мы гибкие к условиям и разнообразию работы.
E-Commerce, SaaS, Маркетинговые агентства, Логистические и IT компании - это то, с чем мы работаем.
Мы уже долго работаем с похожими проектами, поэтому мы выполним Ваш проект качественно и быстро.
Давайте обсудим детали проекта.
-
5569 114 4 2 Добрый день. Верстаю кроссбраузерный, адаптивный, валидный и быстрый сайт с посадкой на WordPress, к выполнению готов приступить сразу после обсуждения деталей.
На связи 24/7
-
4833 19 0 Здравствуйте, Стефан!
Я ознакомился с задачей и готов приступить к качественному выполнению задания.
Предлагаю разработку на WordPress + ACF PRO
Срок: 5 дней
Портфолио: webisen.com
…
Чтобы вы были уверены, что при работе не возникнет проблем, можете ознакомиться с моей последней работой:
https://telya.ch/
Также привожу ссылки на другие проекты:
https://gvadiko2004.github.io/grill/
https://gvadiko2004.github.io/Anon-shop/
https://iliarchie.github.io/cates/
Если вас заинтересовал мой отзыв, свяжитесь со мной в личных сообщениях.
Заранее спасибо
Актуальные фриланс-проекты в категории HTML и CSS верстка
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 5 часов 50 минут назад ∙ 13 ставок |
Настройка интернет-магазина тканей на WordPress + WooCommerce по шаблону Astra
14 789 UAH
Необходимо настроить и подготовить к работе интернет-магазин мебельных тканей для рынка Норвегии. Домен, хостинг и WordPress уже установлены: eximtextilnordiq.com Сайт нужно сделать не с нуля и без индивидуального программирования, а на готовом бесплатном шаблоне Astra,… CMS, HTML и CSS верстка ∙ 10 часов 43 минуты назад ∙ 48 ставок |
Сайт реберня-піцеріяКлиентская часть — динамическое меню с Firebase, категории с вкладками, карточки блюд с фото и ценами, поддержка двух размеров (пицца 30/40 см), адаптивный мобильный дизайн, боковое меню с контактами и локацией. Админ-панель — авторизация, управление категориями и блюдами… HTML и CSS верстка ∙ 14 часов 34 минуты назад ∙ 75 ставок |
Необходимо сделать доработку на сайте Modx Evolution CMS 3.1.7
1000 UAH
Разрабатывается доработка дизайна и верстка сайта, нужно будет внедрить эти работы на сайт. Также внедрить некоторые доработки на сайте. HTML и CSS верстка, PHP ∙ 15 часов 15 минут назад ∙ 22 ставки |
Разработка карты семян Minecraft Java / просмотрщика семян для сайтаРазработка карты семян Minecraft Java / Seed Viewer для сайтаОписание проекта Необходимо разработать браузерный инструмент Minecraft Java Seed Map / Seed Viewer, который будет работать на нашем сайте и позволит пользователю ввести семя Minecraft Java Edition и просмотреть… C и C++, HTML и CSS верстка ∙ 1 день 7 часов назад ∙ 13 ставок |