Разработать конструктор-конфигуратор Пластиковых окон по образцу (с нуля - под ключ)

Задание закрыто
Стоимость:Договорная
Срок выполнения:17 дней
Варианты оплаты:По договоренности
Дата публикации:2026-03-04 11:47
Обновлено:2026-03-16 14:49
Был на сайте:2026-03-24 08:50

Разработать конструктор-конфигуратор Пластиковых окон по образцу (с нуля - под ключ)

 
Задача

Нужно разработать конструктор - конфигуратор Пластиковых окон для
сайта по образцу-примеру: https://www.ecookna.ru/

ОСНОВНЫЕ БЛОКИ (при изменении в которых должна меняться и картинка):
Выберите конструкцию
Укажите конфигурацию
Измените цвет стены
Выберите цвет профиля
Выберите цвет откосов
Выберите цвет подоконника
Глянцевый да/нет
Выберите петли и ручки
Скрытые петли да/нет

Во вложении на скриншоте ПРИМЕР калькулятор-конфигуратор с сайта: ecookna.ru
Калькулятор должен быть адаптивен для мобильных устройств и должна быть возможность встроить его на сайт на ТИЛЬДА.

Конфигуратор нужен "С НУЛЯ И ПОД КЛЮЧ". У нас нет изображений, у нас есть только пример)

ПИШИТЕ ВАШИ: ЦЕНУ, СРОКИ, ПРИМЕРЫ

Оставлять заявки могут только авторизованные пользователи.

Оптимизировано и агрегировано ИИ:

Нам необходимо разработать с нуля интерактивный конструктор-конфигуратор пластиковых окон для сайта, аналогичный примеру на сайте ecookna.ru. Конфигуратор должен включать в себя возможность выбора конструкции, конфигурации, изменения цвета стены, профиля, откосов, подоконника, а также выбора глянцевого покрытия, петель и ручек, и скрытых петель. Изображение окна должно изменяться в реальном времени в зависимости от выбранных параметров. Конфигуратор должен быть адаптивным для мобильных устройств и интегрируемым на платформу Тильда. Мы ожидаем от вас предложение по цене, срокам выполнения и примеры ваших предыдущих работ. Для реализации этого задания могут потребоваться следующие навыки: веб-разработка (HTML, CSS, JavaScript), опыт работы с графическими библиотеками для динамического изменения изображений (например, Canvas или SVG), навыки адаптивного дизайна, опыт интеграции с платформами для создания сайтов (например, Тильда), а также базовые навыки работы с графическими редакторами для создания необходимых изображений.
Александр Совинов
Основная специализация: Веб-разработка и Продуктовый дизайн
    Добрый день. Готов сотрудничать. Работа по договору. Есть самозанятость. По реализации - можно делать как на примере - с подменой изображений для окрашеных . Либо можно сделать прокраску на лету - могу показать пример
    Здравствуйте.
    Напишу чистый код (JS/CSS/HTML) с логикой смены слоев (картинок) под все ваши параметры. Настрою удобный интерфейс для мобильных версий. Цену указал.

    Примеры моих работ

    Сервис накрутки лайков и подписчиков
    Сервис заказов вип питания
    Портфолио дизайнера
    Артур Мельников
    Основная специализация: Веб-разработка и Продуктовый дизайн
      Здравствуйте!

      Мой подход:
      — спроектировать структуру опций и всех возможных комбинаций визуальных блоков
      — собрать современный, адаптивный конфигуратор на чистом JS + HTML/CSS
      — сделать обновление визуального изображения в реальном времени при выборе опций
      — подготовить код так, чтобы его можно было встраивать на WordPress и на Tilda (через iframe или вставку скрипта)
      — провести полноценное тестирование на всех устройствах

      В итоге вы получите интерактивный конфигуратор, который усиливает вовлечение пользователя и повышает конверсию.

      Вопрос для уточнения: планируется ли автоматический расчёт стоимости каждого окна (и показывать цену прямо в конфигураторе), или это только визуальная часть + форма заявки?

      Примеры моих работ

      Лендинг для земельных участков в Подмосковье
      Лендинг для продажи модульных домов и бытовок из Китая
      Интернет-магазин промышленных масел
      Сергей Лифанов
      Основная специализация: Веб-разработка и Продуктовый дизайн
      Добрый день.
      Могу разработать такой конфигуратор.
      Герман Васильев
      Основная специализация: Обучение и Образование
        Можно сделать даже без саморекламы.
        Юрий Web
        Основная специализация: ИТ и Разработка
        Сделаю.
        Калькулятор/ конструктор Html5.
        Егор Слепцов
        Основная специализация: Веб-разработка и Продуктовый дизайн
          Готов выполнить проект.

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

          Все контакты для связи в профиле или на личном сайте - https://web-gb.ru/contacts
          S.   Shevtsov
          Основная специализация: ИТ и Разработка
          Приветствую!
          Могу реализовать ваш проект.
          РАБОТАЮ БЕЗ ПРЕДОПЛАТ!
          Ознакомился с заданием и готов сделать.
          Начать могу сразу как все моменты обсудим. Оплата за результат не на перед.

          Telegram – https://t.me/SSwwwtv

          Примеры моих работ

          Ios приложение
          Создание приложения
          Разработка игры
          Здравствуйте!

          Сделаю конфигуратор окон по образцу ecookna - выбор конструкции, цветов, фурнитуры с визуализацией в реальном времени. Адаптив под мобилки, встраивание в Тильду.

          Есть опыт с подобными интерактивными виджетами.

          Если удобно, можем обсудить детали в телеграме: @werdna_work
          Здравствуйте!
          Обращайтесь, сделаю
          Damir Trakpanov
          Основная специализация: Обучение и Образование
            Здравствуйте!

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

            В конфигураторе будут реализованы все необходимые блоки:
            • Выбор конструкции
            • Выбор конфигурации
            • Изменение цвета стены
            • Выбор цвета профиля
            • Выбор цвета откосов
            • Выбор цвета подоконника
            • Переключатель глянцевый (да/нет)
            • Выбор петель и ручек
            • Переключатель скрытых петель (да/нет)

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

            Работу выполню на высоком уровне: с аккуратным интерфейсом, плавной сменой изображений, оптимизированной скоростью загрузки и стабильной работой во всех современных браузерах.
            Здравствуйте.

            Готов разработать интерактивный конфигуратор пластиковых окон, аналогичный тому, что используется на сайте-примере, с возможностью встраивания на сайт на Tilda и корректной работой на мобильных устройствах.

            Как будет реализован конфигуратор

            Конфигуратор будет сделан как отдельный JS-модуль (виджет), который можно вставить на сайт через HTML-блок Tilda. Это позволит использовать его на любом сайте без привязки к платформе.

            Основной функционал

            1. Выбор конструкции

            одностворчатое окно

            двухстворчатое

            трёхстворчатое

            балконный блок

            другие варианты при необходимости

            При выборе меняется визуальная модель окна.

            2. Конфигурация створок

            глухая

            поворотная

            поворотно-откидная

            Изменение конфигурации меняет изображение окна.

            3. Цвет стены

            несколько вариантов фона

            моментальное обновление визуализации.

            4. Цвет профиля

            белый

            ламинация

            другие варианты

            Меняется цвет рам на изображении.

            5. Цвет откосов

            6. Цвет подоконника

            Эти элементы перекрашиваются в визуализации.

            7. Глянцевый профиль

            переключатель Да / Нет

            8. Петли и ручки

            несколько вариантов фурнитуры.

            9. Скрытые петли

            переключатель Да / Нет

            Дополнительно

            Также можно добавить:

            онлайн расчет стоимости

            кнопку “Получить расчет”

            отправку заявки в Telegram / почту / CRM

            сохранение выбранной конфигурации.

            Техническая реализация

            Frontend:

            HTML / CSS / JavaScript

            модульная структура

            адаптивная верстка

            Визуализация:

            SVG или Canvas

            динамическая смена элементов

            Интеграция:

            embed-код для вставки в Tilda

            Результат

            Вы получите:

            готовый конфигуратор окон

            адаптивную версию для мобильных

            код для вставки на Tilda

            возможность добавлять новые варианты окон и цветов
            Здравствуйте, Илья!

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

            Я уже подготовил для вас первичный интерактивный прототип по вашему референсу увидеть его вы сможете в личном чате

            В финальной версии я реализую:

            Полную интерактивность: Мгновенная смена типа конструкции, цвета профиля, откосов и подоконника.

            Адаптивность: Конфигуратор будет идеально работать на смартфонах и планшетах.

            Легкая интеграция: Подготовлю код для вставки в Zero Block или стандартный HTML-блок на Тильде (через блок T123).

            Чистый код: Реализация на HTML/CSS/JS обеспечит высокую скорость загрузки, что критично для конверсии лендинга.

            Готов обсудить детали по функционалу и приступить к работе. Качественный результат гарантирую!
            22:15 05.03.26
            сможем ли мы переговорить в личном чате и обсудить как улучшить сайт
            Добрый день. Готов предложить вам свою работу, портфолио имеется. От вас: что должен изменять конфигуратор если делать всё как в прикрепленном файле скажите мне об этом.
            Уточните платформу вашего сайта.


            P.S Извините но в отклик нельзя вставить примеры работ.
            Здравствуйте, Илья!

            Готов разработать интерактивный конфигуратор окон на JavaScript/React с встраиванием в Тильду.

            Мой стек: JavaScript, TypeScript, React, адаптивная вёрстка.

            План:
            1. Архитектура компонентов — 5ч
            2. UI-блоки (конструкция, конфигурация, цвета, петли, ручки) — 20ч
            3. SVG/Canvas рендеринг окна — 15ч
            4. Мобильная адаптация — 8ч
            5. Интеграция в Тильду — 5ч
            6. Тестирование — 5ч

            Итого: 58ч x 3000 ?/ч x 1.4 = 243 600 ?
            Срок: 10 рабочих дней.

            Готов обсудить детали.
            Oleg Melnik
            Основная специализация: ИТ и Разработка
            конструкторов и калькуляторов сделал много
            навыки: JavaScript, jQuery, Ajax, PHP, MySQL, HTML, CSS, WordPress.
            http://fr7913y2.bget.ru/ пример каталога с калькулятором на главной(мое портфолио)

            для связи:
            почта olegmelnik1971@gmail.com
            Telegram @Webmaster555
            Egor Rascheskov
            Основная специализация: Графический дизайн
              Могу выполнить за 2 дня и за символическую сумму сначала я показываю сайт с водяным знаком
              Потом если вам понравиться то вы оплачиваете чек кидаете и потом я вам выдаю сайт без водяного знака
              Даниил Паутов
              Основная специализация: Веб-разработка и Продуктовый дизайн
              Добрый день
              Есть несколько вариантов подключения - это необходимо уточнить с вами
              На счет цены за сам калькулятор - 800$ - 4 дня
              Здравствуйте, готов выполнить вашу задачу за 5 дней, в качеству примера прикреплю файлы с фотографиями почти готового конструктора по данным контактам

              тг: @xhugv_x
              Даниил Иванов
              Основная специализация: Веб-разработка и Продуктовый дизайн
              Приветствую, с радостью помогу вам, сделаю оптимизированный конструктор, который будет плавно работать даже на смартфонах

              TG: dimpact21
              Здравствуйте, если вам интересно мое предложение напишите мне в телеграмм, я отвечу: https://t.me/Tim_dead
              Илья Смирнов
              Основная специализация: Веб-разработка и Продуктовый дизайн
              Здравствуйте!

              Готов разработать конструктор-конфигуратор пластиковых окон “под ключ” по образцу сайта ecookna.ru. Подобные интерактивные конфигураторы я уже реализовывал, поэтому понимаю всю логику работы и UX.

              Что будет реализовано:

              • Выбор конструкции окна
              • Настройка конфигурации створок
              • Изменение цвета стены
              • Выбор цвета профиля
              • Выбор цвета откосов
              • Выбор цвета подоконника
              • Переключатель глянцевый / матовый
              • Выбор ручек и петель
              • Опция скрытых петель
              • Динамическое изменение изображения окна при выборе параметров

              Дополнительно:

              • Полностью адаптивная версия для мобильных устройств
              • Быстрая загрузка и оптимизация графики
              • Возможность встраивания в сайт на Tilda (через HTML-блок)
              • Чистый код (HTML / JS / CSS) без тяжелых зависимостей
              • Возможность дальнейшего расширения (добавление новых окон, цветов и опций)

              Результат:
              Вы получите готовый интерактивный конфигуратор, который можно сразу встроить на сайт и использовать для заявок клиентов.

              ? Стоимость: 30 000 – 45 000 ?
              ? Срок разработки: 5 – 10 дней

              Готов показать демо или примеры реализации.

              Если потребуется — могу также:
              • подключить отправку заявок
              • добавить расчет стоимости
              • сделать 3D-визуализацию окна.

              Буду рад сотрудничеству!
              Добрый день
              Я опытный Web full-stack разработчик с более чем 12-летним стажем работы в области разработки сайтов. Задача интересная, готов обсудить подробности\условия. Работаю сам, без посредников
              Здравствуйте!
              Меня зовут Андрей Мартынов, я представляю группу разработчиков – NC-1. Более пяти лет мы создаем веб-сайты, мобильные приложения, интернет-магазины, ERP/CRM системы и другие e-commerce продукты.
              Рекомендуем следующий стек технологий: JavaScript, HTML5 Canvas, CSS Flex/Grid
              Предлагаем нашу команду разработки под Ваш проект:
              - Frontend-разработчик
              - UX/UI дизайнер
              - 3D-визуализатор
              - Project менеджер
              Предварительный срок реализации проекта - 14 дней. Предварительная стоимость реализации проекта - 213 600р.
              Кейсы https://1drv.ms/b/c/b7a0d31a9dae1bc5/EeH6JPdpBbpKtrkA1zFQOIMBF4gS47GaZUsAfO3xcL3HKQ?e=e3Lryi
              Портфолио – ncomsoft.ru/
              Мой телеграм – @Ncomsoft1
              С уважением, Андрей М.

              Примеры моих работ

              B2B-система управления производством и продажами "FIORINO"
              Геймифицированное мобильное приложение для корпоративного обучения " PES ONLINE"
              ПРИЛОЖЕНИЕ "UBER ДЛЯ УСЛУГ"
              Здравствуйте!
              Посмотрела ваш проект, есть идеи, как можно сделать круто и с пользой для дела.
              **Коротко о моем подходе:**
              - Делаю сайты под ключ: от макета в Figma до готового проекта на хостинге
              - Продумываю структуру так, чтобы сайт реально приносил заявки, а не просто висел
              - Адаптив под все устройства + понятная админка — вы сами сможете менять контент
              - Современный дизайн, который выделяет среди конкурентов
              **Ваша выгода:**
              ? Экономите время — не нужно вникать в технические детали
              ? Получаете работающий инструмент продаж 24/7
              ? Фиксированная стоимость под ключ, без скрытых платежей
              **Срок:** от 7 до 14 дней
              **Чтобы вы сразу оценили уровень**, скидываю ссылку на мое портфолио с примерами работ ?
              https://codeartist.ru/
              Там и дизайн, и функционал, и живые проекты — всё наглядно.
              Если зайдет — обсудим детали, и я подготовлю индивидуальное предложение под вашу задачу.

              Что скажете?
              Здравствуйте!
              Видел ваш проект по конфигуратору пластиковых окон (по образцу ecookna.ru) — очень понятная и востребованная задача.
              Готов разработать полностью под ключ:

              Интерактивный конфигуратор с реал-тайм сменой изображения (все 9 параметров: конструкция, конфигурация/размеры, цвет стены, профиля, откосов, подоконника, глянец, петли/ручки, скрытые петли)
              Лёгкая визуализация на SVG-слоях
              Полностью адаптив (мобильная версия — приоритет, проверяю на iPhone/Android)
              Базовый расчёт цены (можно потом доработать под вашу формулу)

              Всё на чистом vanilla JS + Tailwind (никаких тяжёлых библиотек).
              Сроки: 7–9 рабочих дней (с промежуточными показами)
              Andrey Tsytsarkin
              Основная специализация: Веб-разработка и Продуктовый дизайн
              Здравствуйте! Есть несколько вариантов как эфективно и грамотно реализовать то что вы хотите.
              Этапы работ и оценка (Вариант А)
              1. Подготовка и ТЗ
              Детализация логики, утверждение списка опций, структура данных
              6–10 ч-7 200 – 12 000 ?
              2. Прототип UI-Макет интерфейса (Figma/код), утверждение расположения блоков-8–12 ч-
              9 600 – 14 400 ?
              3. Базовая логика-Настройка React + состояние, калькулятор цен, валидация размеров-
              18–25 ч-21 600 – 30 000 ?
              4. Визуализация (ядро)-Реализация послойного рендера, анимации переключений, кэширование-20–30 ч-24 000 – 36 000 ?
              5. Графические активы- Ключевой этап: отрисовка базовых слоёв окна (рама, створки, ручки, подоконник) в 3–5 цветовых вариантах каждый. Оптимизация под web (WebP, сжатие).-20–35 ч-24 000 – 42 000 ?
              6. Адаптив-Мобильная вёрстка, тесты на 320–768px, тач-интерфейс-10–15 ч-12 000 – 18 000 ?
              7. Интеграция с Tilda-Вставка через iframe, передача данных в форму (postMessage), тестирование-6–10 ч-7 200 – 12 000 ?
              8. Тестирование-Кроссбраузерность, производительность, проверка логики расчёта-
              8–12 ч-9 600 – 14 400 ?
              9. Сдача + документация-Инструкция по обновлению цен/изображений, передача исходников, 2 недели поддержки-5–8 ч-6 000 – 9 600 ?
              ? ИТОГО-~101–157 ч-~121 200 – 188 400 ?

              Альтернатива: поэтапная разработка
              Можно разбить на 2 очереди:
              Этап 1: MVP (минимальная версия) — ~85 000 ? / 3 недели
              Базовая конструкция (1–2 типа окон)
              2–3 цвета профиля
              Простая визуализация (упрощённые слои)
              Калькулятор + форма заявки
              Адаптив + встройка в Tilda
              Этап 2: Полная версия — +60–90 тыс. ? / 2–3 недели
              Все типы конструкций и открываний
              Расширенная палитра цветов/текстур
              Улучшенная визуализация (тени, блики, анимации)
              Расширенная документация и обучение
              Это снижает риски и позволяет запустить конфигуратор быстрее, а потом допилить по обратной связи.
              10:01 16.03.26
              Куда должны уходить данные из конфигуратора: в форму Тильды, на почту, в CRM? И на каком тарифе Тильды будет размещён сайт?
              Здравствуйте, если вас устроит моя кандидатура, обращайтесь. Для уточнения стоимости работ необходимы уточнения

              Оставлять заявки могут только авторизованные пользователи.

              Другие открытые задания:

              поиск заданий