Верстка адаптивной лендинг-страницы

Необходимо разработать бизнес-сайт на несколько страниц (штук 5 типовых). Главная страница будет иметь около 11 блоков. Ниша "Модульные дома". Что входит в работу: подобрать шаблон развернуть и настроить скорректировать по необходимым блокам и страницам (в настоящее время есть приблизительная структура) внести весь необходимый контент учесть рекомендации от сеошника и контекстолога Результат должен быть в виде готового к запуску в рекламу сайта. По сути, это работа веб-разработчика + контентщика. Исполнитель должен быть достаточно инициативным, технически подкованным, быть не только руками, но и головой на проекте – предлагать лучшие решения по ходу, мыслить категориями результата для бизнеса, а не просто работы, что скажут. Задача не сложная и особых требований к дизайну нет. В целом должен получиться довольно простой, но стильный сайт. Отдельно нужен рейт за час работы с контентом, потому что дальше будем наполнять страницы услуг и добавлять статьи в блог. Нужен исполнитель, который сможет выполнять подобные проекты на потоке. Обычно такие задачи приходят в формулировке типа "мне нужен небольшой, недорогой сайт на шаблоне" - думаю, все встречали таких заказчиков: владелец бизнеса не сильно разбирается в сайтах и ему нужно предложить оптимальное решение.

Необходимо реализовать небольшой проект для продажи цифровых и физических продуктов. Что необходимо сделать: Разработать простой современный лендинг для продажи 3 продуктов: PDF-версия; физический комплект; платная Telegram-подписка. Подключить оплату через WayForPay. Интегрировать заказы с KeyCRM: передача данных о покупателях; создание заказов в KeyCRM; возможность дальнейшей автоматизации. Разработать Telegram-бота для управления подписками: автоматическая выдача доступа после оплаты; проверка активности подписки; продление подписки; автоматическое удаление доступа после завершения оплаты; администрирование пользователей через простую панель или команды бота. Будет плюсом: опыт работы с WayForPay; опыт интеграции с KeyCRM; опыт создания Telegram-ботов и платных подписок. Прошу сразу указывать: точную стоимость; сроки реализации; примеры похожих проектов.

1. Общие сведения о проекте Заказчик: семейный парк развлечений в Германии (полное название и домен раскрываются исполнителю после старта проекта) Тип проекта: полная редизайн и пересборка сайта с нуля Текущий сайт: WordPress/Elementor, устарел, требует полной замены Целевая аудитория: семьи с детьми 2 до 12 лет, регион Германии с несколькими крупными городами поблизости (15 до 20 минут на машине) Язык сайта: основной немецкий (DE), дополнительно английский (EN), отдельная языковая версия CMS: на усмотрение разработчика, WordPress с кастомной темой, Webflow, или headless CMS. Elementor не использовать. Домен: существующий, переносится без замены Срок сдачи: по согласованию с заказчиком 2. Цели и ключевые KPI Новый сайт должен выполнять три стратегические функции: Передавать атмосферу парка как иммерсивного приключения, не список услуг, а погружение в тематический мир. Максимизировать конверсию: посетитель сайта должен совершить бронирование менее чем в 3 клика от любой страницы. Обеспечить безупречный мобильный UX, более 60% трафика ожидается с мобильных устройств. KPI #1: время до первого клика "Забронировать" не более 10 секунд с момента загрузки главной страницы KPI #2: Page Speed Score (Google PageSpeed Insights) не менее 85 на мобильных, не менее 90 на десктопе KPI #3: показатель отказов (Bounce Rate) менее 45% KPI #4: корректное отображение во всех современных браузерах (Chrome, Firefox, Safari, Edge) и на iOS/Android 3. Состав работ 3.1 Страницы и разделы Минимальный набор страниц: Главная: Hero секция, анонс живого шоу по выходным, топ 5 аттракционов, отзывы Google, CTA блок Каталог аттракций с фильтром по возрасту (0 до 3 / 3 до 6 / 6 до 12 лет), карточки с фото и видео Пакеты дня рождения, описание плюс конфигуратор Текущие акции и сезонные события, каждое со своей визуальной карточкой Цены, таблица плюс виджет онлайн бронирования (интеграция с внешней системой бронирования) Ресторан, меню и атмосфера Фотогалерея плюс встроенный Instagram фид О парке, правила, FAQ (без дублирования правил) Контакты, карта Google Maps, контактная форма, часы работы, кликабельные телефон и email Зеркало всех страниц на английском языке 3.2 Что необходимо удалить с текущего сайта Все тексты об ограничениях COVID 19 (2021 до 2022), включая футер FAQ с вопросами о стоимости разработки веб сайтов (посторонний контент) Устаревший copyright год, заменить на актуальный Нерабочие Elementor popup кнопки Устаревшие уведомления об открытии после ограничений Дублирование правил парка в разделе FAQ 4. Функциональные требования P1 = критично для запуска, P2 = желательно в v1.0, P3 = возможные доработки позже 4.1 Hero секция (главная страница) P1, Fullscreen Video Hero: autoplay видео без звука (muted, loop), 100vw на 100vh. При клике включение звука. Поверх видео короткий слоган и кнопка CTA. P1, текстовый слой над видео: H1 заголовок, подзаголовок плюс кнопки "Забронировать" и "Узнать больше". Шрифт читаем на любом фоне. P1, Sticky Navigation: навигационная панель фиксируется вверху при скролле, фон меняется с прозрачного на тёмный при прокрутке. P1, Sticky CTA Button: кнопка "Забронировать" всегда видна, на десктопе в хедере, на мобильном фиксированная полоса внизу экрана. P2, Scroll анимации: элементы появляются с CSS анимацией (fade in плюс slide up) при прокрутке. Библиотека Intersection Observer или AOS.js. Без тяжёлых 3D библиотек. 4.2 Аттракции P1, карточки аттракций: фото/видео, название, краткое описание, значок возрастного ограничения, кнопка "Подробнее" P1, фильтр по возрасту: клиентский фильтр без перезагрузки страницы, реализация CSS классы плюс vanilla JS или Vue/React компонент P1, детальная страница аттракции: собственный URL, крупное фото/видео, полное описание, ограничения по росту/возрасту, кнопка бронирования P2, short form видео: 15 до 30 секунд ролик для каждой аттракции, autoplay при наведении на десктопе или tap на мобильном 4.3 Система бронирования P1, интеграция с внешней системой бронирования: виджет встроен inline (iframe или JS embed) на страницы цен и дня рождения, без открытия в новой вкладке P1, multi step booking flow: пошаговый мастер, тип визита, дата/время, количество гостей, подтверждение, обязателен progress bar P1, объяснение тайм слотов: инфо блок рядом с выбором времени P2, live доступность слотов: API запрос к системе бронирования, отображение занятых/свободных слотов в реальном времени 4.4 Конфигуратор дня рождения P1, multi step конфигуратор: возраст именинника, количество детей, выбор пакета, дополнительные опции, выбор даты, форма запроса или прямое бронирование P1, динамический расчёт цены: обновляется в реальном времени при изменении параметров, без перезагрузки P2, итоговое резюме: сводная карточка выбора на финальном шаге с кнопками "Запросить" и "Забронировать напрямую" 4.5 Доверие и социальное подтверждение P1, виджет Google Reviews: минимум 5 отзывов, средний рейтинг, звёзды, размещение на главной странице над CTA блоком бронирования P1, Instagram фид: встроенная лента последних 9 до 12 постов через официальный API или виджет, ссылка на аккаунт P2, счётчик посетителей: анимированный счётчик 4.6 Дополнительные функциональные блоки P1, live статус "сейчас открыто/закрыто": автоматическая отметка на основе часов работы P1, кликабельные контакты: телефон и email как активные ссылки, обязательно в хедере и на странице контактов P2, интерактивная карта парка: SVG или image map с кликабельными зонами аттракций P2, трекер загруженности: визуальный индикатор ожидаемой загруженности парка P2, обратный отсчёт до события: виджет countdown до ближайшего сезонного события P3, отдельный раздел вечерних мероприятий: страница или секция с собственным визуальным стилем и кнопкой бронирования 5. Нефункциональные требования 5.1 Производительность LCP не более 2,5 сек на мобильном (3G fast) CLS менее 0,1 FID/INP менее 100 мс Google PageSpeed Score не менее 85 mobile, не менее 90 desktop Изображения: формат WebP плюс fallback JPEG, lazy loading, srcset Видео: стриминг через CDN или YouTube/Vimeo embed, не хранить тяжёлые MP4 на хостинге 5.2 SEO Schema.org: LocalBusiness плюс OpeningHoursSpecification плюс Event Meta теги: уникальные title (не более 60 символов) и description (не более 155 символов) на каждой странице Hreflang для языкового переключателя Canonical URL на каждой странице Sitemap.xml автоматически генерируемый Настроенный robots.txt 5.3 Доступность WCAG 2.1, уровень AA как минимальный стандарт Alt атрибуты обязательны для всех изображений Контраст текст/фон не менее 4,5 к 1 Полная навигация с клавиатуры ARIA атрибуты на всех интерактивных элементах 5.4 Безопасность HTTPS обязателен, redirect с HTTP DSGVO/GDPR: cookie баннер (Consent Management), актуальная политика конфиденциальности CSRF защита, honeypot или reCAPTCHA v3 на всех формах Все зависимости актуальных версий, без известных уязвимостей 5.5 CMS и редактируемость Тексты, цены, часы работы, фотографии редактируемы через CMS без привлечения разработчика Создание/архивирование акций и событий через интерфейс CMS Обновление Instagram фида автоматическое через API Видеоинструкция (10 до 15 минут) по работе с CMS, обязательный deliverable 6. Дизайн система 6.1 Цветовая палитра: основной глубокий зелёный, вторичный средний лесной зелёный, акцентный красный для CTA, светло зелёный для фонов карточек, бежевый для текстурных акцентов, тёмный для основного текста, белый 6.2 Типографика: выразительный display шрифт для заголовков (в духе приключения), читаемый нейтральный sans serif для основного текста, минимальный размер 16px body, 14px caption, line height 1,5 до 1,7 6.3 Изображения и медиа: только реальные фотографии, стоковые фото не использовать, формат WebP, минимум 1920px для hero, 800px для карточек, видео hero не длиннее 30 до 60 секунд в loop версии, все изображения с правом публикации 6.4 Анимации: hover эффекты плавные (scale 1.03 на карточках), scroll анимации fade in плюс translateY, только transform и opacity для GPU ускорения 7. Ожидаемые результаты Дизайн макеты в Figma: десктоп плюс мобильный вид всех страниц (десктоп 1440px, мобильный 375px) Адаптивная вёрстка: брейкпоинты 375 / 768 / 1024 / 1440px, mobile first подход Готовый сайт на staging домене для приёмки, после одобрения деплой на боевой домен Настройка CMS: все редактируемые зоны настроены, тестово заполнены Видеоинструкция (10 до 15 минут) по управлению контентом Базовая настройка SEO: meta теги, Schema, Sitemap, подключение Google Search Console Установка Google Analytics 4 плюс Google Tag Manager, настройка событий (click CTA, form submit, page_view) Кросс браузерное и кросс девайсное тестирование, отчёт PageSpeed Insights до сдачи Передача исходного кода (Git репозиторий) заказчику после финальной оплаты 8. Критерии приёмки Все P1 требования реализованы и протестированы PageSpeed Score не менее 85 mobile, подтверждено скриншотом Корректное отображение на iPhone (Safari), Android (Chrome), iPad, MacBook, Windows (Chrome, Edge, Firefox) Форма бронирования успешно отправляет запрос и присылает подтверждение Google Reviews загружаются корректно Instagram фид обновляется автоматически Все ссылки работают, нет 404 ошибок Cookie баннер соответствует DSGVO, GDPR Контент в CMS редактируется без привлечения разработчика

Необходимо разработать современный интернет-магазин электро-, бензо- и аккумуляторного инструмента с отдельной B2B-платформой для партнеров, дилеров и дропшипперов. На этом этапе хочу получить предварительную оценку стоимости, сроков разработки и рекомендации по технологиям. (потому что у меня сайт на платформе Horoshop)Основной сайт Необходимо предусмотреть: каталог товаров с категориями, брендами, фильтрами и поиском; страницы товаров с характеристиками, фото, описаниями, ценами и наличием; корзину и оформление заказа; личный кабинет покупателя; адаптивную версию для телефона, планшета и компьютера; SEO-настройки; возможность самостоятельно добавлять и редактировать товары, категории, страницы и баннеры; интеграции с платежными системами, службами доставки, CRM или учетной системой; импорт и автоматическое обновление товаров, цен и остатков.B2B-платформа После авторизации партнер должен иметь доступ к отдельному кабинету, где сможет: видеть индивидуальные или оптовые цены; просматривать актуальные остатки товаров; создавать и отслеживать заказы; просматривать историю заказов; видеть статусы заказов; просматривать свой баланс, задолженность, оплаты и взаиморасчеты; загружать счета, накладные и другие документы; подавать запросы на возврат, гарантию или сервис; получать уведомления о новинках, акциях и изменениях цен. Желательно предусмотреть разные типы партнеров с разными ценами, скидками, кредитными лимитами и условиями работы.Административная часть Администратор должен иметь возможность: управлять товарами, ценами и остатками; создавать партнеров и назначать им отдельные условия; устанавливать персональные скидки и лимиты; просматривать все заказы, оплаты и задолженности; формировать документы; просматривать статистику продаж; управлять заявками на сервис, возврат и гарантию; отправлять уведомления отдельным партнерам или всем пользователям B2B-платформы; распределять права доступа между сотрудниками.Важные требования Система должна быть быстрой, безопасной, удобной для пользователей и пригодной для дальнейшего расширения. Важно, чтобы большинство информации можно было изменять через админпанель без вмешательства программиста. В ответе прошу указать: ориентировочную стоимость разработки; примерные сроки; рекомендуемую технологию или CMS; что входит в стоимость; какие интеграции можно реализовать; предоставляете ли вы дальнейшую техническую поддержку; примеры похожих интернет-магазинов или B2B-систем, которые вы разрабатывали. Рассматриваю как полную разработку с нуля, так и реализацию на готовой CMS с последующей доработкой под необходимый функционал.

Техническое задание на разработку официального вебсайта Общественная организация «Федерация сидячего волейбола Украины» 1. Общая информация Необходимо разработать современный, быстрый, безопасный и адаптивный официальный вебсайт Федерации сидячего волейбола Украины. Сайт должен корректно работать на: компьютерах; планшетах; смартфонах (Android и iPhone). Языки сайта: Украинский (основной) Английский 2. Дизайн Стиль: современный; спортивный; официальный; минималистичный. Основные цвета: синий; желтый; белый. Необходимо использовать: логотип Федерации; государственную символику Украины; фотографии спортсменов; фотографии ветеранов; фотографии национальной сборной. 3. Главная страница На главной странице должны быть: большой баннер; логотип Федерации; новости; последние события; календарь соревнований; кнопка “Стать членом Федерации”; кнопка “Поддержать Федерацию”; кнопка “Связаться с нами”. 4. Разделы сайта О Федерации история; миссия; цели; направления деятельности; Устав (PDF); официальные документы. Руководство Отдельная страница: Президент Вице-президент Правление Наблюдательный совет Контрольно-ревизионная комиссия Для каждой личности: фото; должность; короткая биография; контакты. Новости Возможность самостоятельно добавлять: новости; фотографии; документы; видео. Календарь Должен содержать: чемпионаты; Кубок Украины; международные турниры; учебно-тренировочные сборы; семинары. Соревнования Отдельный раздел: календарь; результаты; турнирные таблицы; фото; видео. Сборные Украины Раздел: мужская; женская; молодежная; ветераны. Региональные ячейки Интерактивная карта Украины. Для каждой области: контакты; руководитель; адрес; телефон. Галерея Отдельные альбомы: фото; видео; турниры; обучение; ветераны. Документы Возможность загрузки PDF: Устав; приказы; протоколы; положения; решения; заявления; бланки. Партнеры Логотипы: Министерство молодежи и спорта Украины; Национальный комитет спорта инвалидов Украины; международные федерации; спонсоры. Контакты Должны быть: адрес; телефон; электронная почта; карта Google Maps; форма обратной связи. 5. Личный кабинет После регистрации пользователь должен иметь возможность: изменять личные данные; оплачивать членские взносы (в будущем); подавать заявки на участие в соревнованиях; получать документы; просматривать историю заявок. 6. Административная панель Администратор должен иметь возможность: добавлять новости; редактировать страницы; загружать документы; создавать фотогалереи; управлять пользователями; создавать календарь мероприятий; публиковать результаты турниров. 7. Интеграции Необходимо подключить: Facebook Instagram YouTube Telegram TikTok Также: Google Maps Google Analytics Google Search Console 8. SEO Полная SEO-оптимизация: правильные URL; META Title; META Description; Open Graph; Sitemap; Robots.txt. 9. Безопасность Должно быть: SSL-сертификат; резервное копирование; защита от спама; защита административной панели; двухфакторная аутентификация (по возможности). 10. Скорость Оценка Google PageSpeed: Desktop — не менее 95 баллов. Mobile — не менее 90 баллов. 11. CMS Сайт должен быть разработан на современной CMS (WordPress или другой), чтобы сотрудники Федерации могли самостоятельно: редактировать текст; добавлять новости; загружать документы; добавлять фотографии; создавать страницы без помощи программиста. 12. Домен и хостинг Необходимо: подключить домен; настроить хостинг; корпоративную электронную почту; автоматическое резервное копирование. 13. Дополнительно Предусмотреть возможность дальнейшего расширения сайта: онлайн-регистрация спортсменов; онлайн-оплата членских взносов; база спортсменов; база тренеров; база судей; онлайн-трансляции; электронный документооборот; личный кабинет члена Федерации; мобильное приложение (в будущем). Ожидаемый результат Разработчик должен создать современный официальный вебсайт, который будет соответствовать европейским стандартам, иметь высокую скорость работы, адаптивный дизайн, удобную систему управления и быть готовым к дальнейшему развитию Федерации сидячего волейбола Украины на национальном и международном уровнях.