Калькулятор металлопроката для WordPress
1. Общая задача
Необходимо разработать интерактивный калькулятор металлопроката для сайта на WordPress.
Калькулятор должен работать быстро, интуитивно и быть адаптирован под мобильные устройства.
Ориентир по UX:
https://www.metalika.ua/calculator-metalloprokata.html
Но нужен более современный дизайн и возможность масштабирования.
2. Функционал
2.1 Типы металла (левая панель или верхние кнопки)
- Балка (EN 10365: IPE, HEA, HEB)
- Швеллеры (UNP / UPN)
- Уголки
- Трубы
- Круг
- Квадрат
- Лист
2.2 Для каждого типа:
Балка:
- Выбор типа: IPE / HEA / HEB
- Выбор профиля (например: IPE 100, IPE 120…)
- Ввод длины (м)
Другие (обобщенно):
- Параметры в зависимости от типа (диаметр, толщина, размеры и т.д.)
- Длина / площадь / количество
2.3 Результат:
- Масса 1 м (кг/м)
- Общая масса (кг)
3. Визуализация профиля (ВАЖНО)
При выборе профиля должна отображаться схема (справа):
Для балок:
- h — высота
- b — ширина полки
- s — толщина стенки
- t — толщина полки
Требования:
- SVG (не картинка)
- пропорции изменяются в зависимости от профиля
- подписанные размеры
UX требования:
- минимум кликов
- динамическое изменение формы
- мгновенный пересчет (без кнопки "Рассчитать")
6. WordPress интеграция
- Вставка через shortcode
- Или как отдельный блок / виджет
- Должен работать без конфликтов с темой
7. Адаптивность
- Полная поддержка мобильных
- Удобный выбор профилей на телефоне
8. Дополнительно (опционально, отдельно оценить)
- Добавление цены (грн/кг)
- Расчет стоимости
- Кнопка “Получить коммерческое предложение”
- Интеграция с формой (email / CRM)
9. Технические требования
- Чистый JS (или легкий фреймворк, без перегрузки)
- Без тяжелых библиотек
- Быстрая загрузка
10. Что предоставить в результате
- Готовый код
- Инструкция по установке в WordPress
- Возможность редактирования данных
11. Важно
Нужен не просто калькулятор, а удобный инструмент для пользователя.
В приложенном файле +/- вид по дизайну
Приложения 1
-
Я реализую инженерный калькулятор на чистом JS с динамической SVG-манипуляцией, где контур профиля будет реально изменять свои физические пропорции в соответствии со стандартами EN 10365 при каждом выборе типоразмера.
Как вы планируете решать проблему визуальной достоверности, если при стандартном подходе «цифры поверх картинки» без динамического изменения геометрии SVG-узлов ваш калькулятор будет отображать тонкую балку IPE и массивную HEB абсолютно одинаково, что подорвет доверие профессионального заказчика к точности ваших расчетов?
Бюджет и сроки — в личной переписке. 🤝
-
Добрый вечер
готов обсудить детали в лс
----------------------------------
-
2163 14 0 1 Здравствуйте! Я Роман, индивидуальный разработчик с 4-летним опытом в Full-stack разработке, поэтому профессионально реализую интерактивный калькулятор металлопроката для вашего сайта на WordPress, создав быстрый инструмент на чистом JavaScript с динамическими SVG-схемами, которые мгновенно изменяют пропорции и подписи размеров в соответствии с выбранным профилем (IPE, HEA, HEB и т.д.); я обеспечу безупречную адаптивность, интеграцию через shortcode без конфликтов с темой и удобную админ-панель для редактирования справочных данных, а при необходимости — добавлю логику расчета стоимости и генерации коммерческих предложений, работая через ФОП и гарантируя высокую скорость загрузки (PageSpeed 95+), мои работы можно посмотреть здесь: https://3magency.co/, https://jk-solution.com.ua/, https://farfieworldwide.com/,
Behance.
-
4429 80 1 4 Доверьтесь профессионалу со стажем более 10 лет! Ставка и сроки актуальны!
Буду рад сотрудничеству!
Опыт коммерческой разработки интернет-магазинов на CMS, бизнес-порталов и корпоративных сайтов-11 лет!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Примеры работ ( с нуля под ключ):
https://quantplace.org/
https://amari.net.ua/
https://heypretty.gr/
… https://thaibalispa.pl/
https://wildandorganic.com/
https://cryptosignals.org/
https://ecnbot.com
https://locs-ua.com/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://v12coffee.com.ua/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/
-
3838 44 0 Здравствуйте, интересный проект могу создать четко по вашему ТЗ, предоставлю рекомендации по работе и покажу, как работать с ним.
-
362 1 0 Добрый день,
Я уверен, что мы можем помочь вам. Как раз в прошлом выполнили похожий проект, создали калькулятор лотков для кабелей и дополнительной продукции:
https://tray-calculator.uea.kiev.ua/
Вы можете ознакомиться с нашим портфолио на нашем сайте:
https://spacelabweb.com/ru/portfolio/
…
Для более детальной оценки проекта по цене и срокам разработки нужна более подробная информация. Поскольку, как я понимаю, вам необходимо будет создать дизайн также, могу вас предложить заполнить наш бриф для оценки. Также уточните, пожалуйста, ваши сроки и бюджет.
Надеемся на дальнейшее сотрудничество.
С уважением,
Команда СпейсЛаб
-
594 12 0 Добрый день! Сделаю быстрый и современный калькулятор металлопроката на JS. Динамические SVG-схемы, мгновенный расчет, адаптивность и легкая интеграция через шорткод. База профилей будет удобной для редактирования. Имею опыт с аналогичными техническими задачами.
-
6533 27 0 2 Здравствуйте. Ознакомился с вашим ТЗ на разработку калькулятора металлопроката. У меня есть опыт создания сложных интерактивных инструментов для WordPress и я понимаю, как реализовать такую задачу без перегрузки сайта лишними плагинами.
Я разработаю калькулятор на чистом JS (Vanilla JS) с использованием SVG для динамической визуализации. Это обеспечит мгновенную скорость работы и легкую интеграцию в любую тему через шорткод.
Мое предложение по реализации:
Интерактивность и UX
Реализую мгновенный пересчет при изменении любого поля. SVG-схема будет динамически изменять свои пропорции в зависимости от выбранного профиля (IPE, HEA и т.д.) и отображать актуальные размерные линии (h, b, s, t), что значительно повышает удобство для инженера или закупщика.
… Техническое выполнение
Использую легкую структуру данных (JSON) для хранения параметров профилей согласно EN 10365 и другим стандартам. Это позволит вам легко редактировать или добавлять новые позиции в будущем. Весь код будет оптимизирован для быстрого загрузки и корректной работы на мобильных устройствах.
WordPress интеграция
Калькулятор будет оформлен как отдельный скрипт, который подключается через функционал темы или плагин Code Snippets. Вы сможете вывести его в любом месте сайта с помощью простого шорткода.
Дополнительный функционал (отдельная оценка)
Готов реализовать расчет стоимости и форму «Получить предложение», которая будет отправлять данные расчета вместе с контактной формой (например, через Contact Form 7 или интеграцию с вашей CRM).
Я мыслю не просто как разработчик, а как пользователь, поэтому сделаю интерфейс максимально чистым, чтобы клиент мог сделать расчет в 2-3 клика.
Подскажите, есть ли у вас готовая база данных с характеристиками металла (вес за метр, размеры)?
-
976 4 0 Добрый день
Меня зовут Дмитрий, представляю King Kong Lab
Могу разработать для вас современный интерактивный калькулятор металлопроката под WordPress — с фокусом на UX, скорость и масштабируемость
Что сделаю
реализую все типы металла с динамической формой под каждый тип
мгновенный пересчет без кнопок
удобный интерфейс (минимум кликов, логичный flow)
адаптив под мобильные
Отдельно по важному
… сделаю SVG-визуализацию профиля (балки и другие)
с динамическими пропорциями и подписями (h, b, s, t)
без картинок — все живое и масштабируемое
Интеграция
через shortcode или отдельный блок
без конфликтов с темой
чистый JS без перегрузки
Опционально
добавление цены и расчет стоимости
кнопка “получить КП”
интеграция с формой / CRM
Результат
готовый код + инструкция
возможность редактирования данных без разработчика
По срокам
5–10 дней
Делаю не просто калькулятор, а удобный инструмент, который реально используют клиенты
Готов обсудить детали и дизайн
Буду рад сотрудничеству
-
411 6 1 Здравствуйте! Готов разработать калькулятор металопроката для WordPress с интуитивным UI, настройкой цен и экспортом PDF. Сроки и бюджет уточняем.
-
3071 11 0 1 Добрый день, Виталий!
Могу помочь создать калькулятор. У меня много опыта с WordPress, понимаю, как сделать быстрый продукт, адаптированный под мобильные устройства. Понимаю требования по UX и могу сделать классный дизайн.
Также, для ознакомления с моим опытом в разработке, отправляю кейсы:
1. Сайт жилого комплекса
https://freelancehunt.com/showcase/work/sayt-zhilogo-kompleksa/1865504.html
2. Многостраничный сайт услуг страхования
… https://freelancehunt.com/showcase/work/mnogostranichnyiy-sayt-uslug-strahovaniya/1865498.html
3. Сайт услуг продвижения на Google картах
https://freelancehunt.com/showcase/work/sayt-uslug-prodvizheniya-na-google-kartah/1865502.html
4. Сайт производителя защитных деталей для мотоциклов
https://freelancehunt.com/showcase/work/sayt-proizvoditelya-zaschitnyih-detaley-dlya-mototsiklov/1865501.html
Предлагаю обсудить детали проекта и скорее начать работу!
-
8495 38 0 1 Уже разрабатывал калькуляторы другого типа на ВП полная посадка и окр плагин на выходе
https://1-rk.com.ua/calc
-
471 1 0 Здравствуйте!
Демо-версия калькулятора уже готова: https://metal-insight-calculator.lovable.app/
При создании дизайна ориентировался на ваше приложение.
Ваше задание мне максимально понятно. Я специализируюсь на создании быстрых интерактивных инструментов, которые не просто считают, а помогают продавать. Ориентир на metalika.ua понятен, но я сделаю значительно более современный и "легкий" продукт.
Как я реализую ваш проект:
Технологичность: Использую чистый JavaScript (Vanilla JS). Это гарантирует мгновенную работу без нагрузки на WordPress и конфликтов с темой. Никаких тяжелых библиотек — только скорость.
… Динамичные SVG (Ваш приоритет): Я реализую схемы профилей через SVG-код, который будет физически изменять свои пропорции в зависимости от выбранного типа (IPE, HEA и т.д.) и подписывать размеры. Это будет выглядеть премиально и наглядно.
Идеальный UX: Мгновенный пересчет при каждом вводе символа (без кнопки "Рассчитать"). Минимум кликов, удобные выпадающие списки для мобильных устройств.
Интеграция с WordPress: Оформлю удобным Shortcode. Предоставлю понятную инструкцию, как самостоятельно редактировать данные (вес, размеры) в файле конфигурации.
Дополнительные опции: Готов отдельно реализовать расчет стоимости и форму "Получить КП" с отправкой на ваш Email или в Telegram/CRM.
Сделаю за 3 дня.
Готов обсудить детали. Жду вашего ответа!
-
7575 13 0 Здравствуйте, я старший Full-stack разработчик с большим опытом разработки для WordPress, например, я разработал 3D-калькулятор для бань, где пользователь мог изменять параметры в реальном времени непосредственно в WP.
Я понимаю, что для вас главное — точность данных и скорость UX, и я реализую вашу задачу.
Сделаю через шорткоды и с настройками, если нужно. Также могу добавить модуль расчета стоимости и генерацию PDF-файла с коммерческим предложением, которое клиент получит на почту сразу после расчета. Это значительно повышает конверсию.
-
289 Привет! Готова выполнить удобный инструмент.
Работы:
🔗 elenis.com.ua
🔗 kontur-sb.com.ua
🔗 www.dosvit.com.ua
🔗 berberis.agency
🔗 avic.ua
🔗 ald.com.ua
… 🔗 diy-ceiling.com.ua/
🔹 Дизайн сайтов с нуля/редизайн
🔹 Верстка: HTML, CSS, JS, SQL, Sass
🔹 Разработка мобильных приложений и Telegram-ботов
Работаю с:
🔹 WordPress — Elementor — WooCommerce
🔹 OpenCart
🔹 Shopify
🔹 Webflow
🔸 Laravel • React Native JS • Vue
-
3270 10 0 Разработка интерактивного калькулятора металлопроката для WordPress с адаптивным дизайном. Структурирую калькулятор с типами металла, возможностью ввода параметров и мгновенным подсчетом общей массы. Реализую SVG визуализацию профиля и интеграцию через shortcode без конфликтов с темой. Приглашаю к обсуждению деталей реализации.
Портфолио -Freelancehunt
На одном из сайтов делал калькулятор https://teplohub.online/pelety/
-
512 Добрый день!
У меня есть опыт разработки интерактивных калькуляторов металлопроката для WordPress. Ваша задача — полностью в моей компетенции.
Что предлагаю:
Технологии: чистый JS + SVG (без тяжелых библиотек). Быстро, адаптивно, минимум кликов.
Функционал: балки (IPE/HEA/HEB), швеллеры, уголки, трубы, круг, квадрат, лист. Выбор профиля, длина → мгновенный расчет массы.
…
Визуализация: SVG-схема профиля с подписанными размерами (h, b, s, t), пропорции изменяются динамически под выбранный типоразмер.
Интеграция с WordPress: shortcode или блок Gutenberg. Без конфликтов с темой.
Адаптивность: удобный выбор профилей на мобильных устройствах.
Опционально: + цена (грн/кг), расчет стоимости, кнопка "Получить КП" с интеграцией в форму/CRM.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML и CSS верстка, Веб-программирование ∙ 5 часов 17 минут назад ∙ 30 ставок |
SCSS HTML JS FIGMA Верстка
1000 UAH
Нужна верстка шаблона из Figma без dev mode. Хорошо структурированный SCSS, адаптив на ваше усмотрение, все по секциям. Если используете Claude code, это большой +. Нужно еще на вчера. Указывайте цену. Нужно начать сегодня и закончить как можно быстрее (желательно завтра в… HTML и CSS верстка ∙ 15 часов 32 минуты назад ∙ 72 ставки |
Интернет-магазин на WordPress
20 000 UAH
Нужен хороший сайт (на WordPress) интернет-магазина (продажа товаров CBD в США).Категория конкурентная, много фото/много товаров, нужно сделать оригинально. ТЗ какое-то есть. Потом нужно будет продвигать его в соц. сетях и Google.Не за все деньги мира полез, потому что реально… HTML и CSS верстка ∙ 16 часов 27 минут назад ∙ 56 ставок |
Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D BeyondЭто расширение Chrome Manifest V3, которое локализует сайт D&D Beyond на украинский язык. Проект написан на TypeScript + WXT. Расширение работает через контентный скрипт: находит английский текст на страницах D&D Beyond и заменяет его украинским переводом. Проблема возникла на… HTML и CSS верстка, Javascript и Typescript ∙ 1 день назад ∙ 36 ставок |
Ищу человека, который поможет наполнить сайт агентства по рекламе на ВордпрессеСоздав в кладе страницы и сейчас это все сделал на Вордпрессе. Ищу человека, который сможет помочь наполнить контентом сайт. Быстро и качественно, определенные фото, наверное, нужно будет сгенерировать в Джипити. Я постараюсь помочь. Страниц примерно 15 AI обработка текстов, HTML и CSS верстка ∙ 2 дня 12 часов назад ∙ 40 ставок |