Мистрариум
2217 UAHТехническое Задание для разработчика
Проект: Lady Mystra (Mistrarium)
Задача: Реализовать интерактивную воронку на главной странице.
Шаг 1: Три Двери (Вход)
На первом экране три стильных элемента (двери):
- Бизнес и Удача
- Любовь и Семья
- Защита и Сила
Шаг 2: Интерактивный вопрос (Кнопки)
После выбора двери появляется вопрос и три варианта ответа:
Заголовок: «Чего тебе не хватает для счастья?»
- Вернуть любимого (По умолчанию синяя).
- Отомстить (Серая).
- Не знаю что для меня лучше (Серая).
Механика: При наведении курсора на любую серую кнопку (2 или 3), она должна становиться яркой/цветной, а синяя (1) в этот момент должна тускнеть.
Шаг 3: Сбор данных (Две позиции)
После клика на любую из кнопок открываются последовательно две формы:
- Позиция №1: «Введите данные для расчета карты». Поля: Имя, Дата рождения. Кнопка: «Рассчитать».
- Позиция №2: «Оставьте свои контакты для получения экспресс-нумерологической карты». Поля: E-mail, WhatsApp. Кнопка: «Получить карту».
Приложения 1
-
1 день4435 UAH
172 1 1 1 день4435 UAHДобрый день. Готов выполнить данный проект, имею большой опыт разработки приложений.
-
Победившая ставка3 дня2217 UAH
216 1 Победившая ставка3 дня2217 UAHЗдравствуйте! Я заинтересовался вашим заданием. У меня есть опыт работы с html, css, js, react, поэтому я смогу качественно выполнить ваш заказ. Надеюсь на сотрудничество.
-
2 дня6652 UAH
3952 44 3 2 дня6652 UAHЗдравствуйте! Я опытный веб-разработчик с 3-летним опытом работы в этой индустрии. Работаю с интернет-ресурсами любой сложности, начиная с сайта-визитки и заканчивая интернет-сервисом и порталом. За это время я успешно завершил множество проектов самых различных сфер бизнеса, что дает мне возможность с уверенностью сказать, что я готов взяться за ваш проект. Работаю в команде с сильным дизайнером и качественным копирайтером. Предлагаю свои услуги по реализации этого функционала с дверями, сделаю все, как вы описали, и с сохранением данных из форм. Мое портфолио можете посмотреть по ссылкам:
🇮🇱 idealceiling.co.il
🇺🇦 ldk-partner.com.ua
🇺🇦 zisuc.com.ua
🇨🇾 sciencehousecy.com
🇺🇦 tech-create.com
🇪🇺 www.mysatkit.com
🇦🇪 royaldream.ae
… 🇺🇦 kimnata316.site
🇺🇦 sky-energy-power.com
🇵🇱 kinesiohub.pl
🇺🇸 orange-toy.com
🇺🇦 karpatysteaks.com
🇺🇦 mindmeta.site
🇺🇦 chatbullet.com
🇺🇦 taxi993.com.ua
🇺🇦 up-capital.com.ua
🇺🇦 upcapital.academy
🇺🇦 poddubnaya-school.tilda.ws/tarot-for-astrologers
🇵🇱 zlotypatriota.pl
🇵🇱 autoperformance.pl
🇺🇦 seminar.ua-pk.com/pk-6
🇺🇦 gran-montana.dfd.house/3d
🇺🇦 svit-kvitiv.com.ua
🇩🇪 onlinewerbung.me
🇫🇷 myro.pro
🇺🇦 dfd.house
🇺🇦 legendau.com
🇦🇪 seminar.ua-pk.com/dubai-3
🇵🇱 pro100auto.pl
🇺🇦 poddubnaya-school.tilda.ws/money-in-astrology
🇺🇦 h96max.com.ua
🇺🇦 elata.com.ua
🇺🇦 intensiv.kiev.ua
🇪🇺 isim.ua/lt/kyivstar/ru
🇪🇺 lzeydan.com/mimicry
🇺🇦 kotel-prometey.com.ua
🇪🇺 selfstartglobal.com/page30710490.html
🇺🇦 residentia.com.ua
🇺🇦 goldworldgroup.com
🇺🇦 goldisplay.company
🇩🇪 kwelt24.de
🇰🇿 ruyuan.ru
🇮🇱 nettale.co.il
🇮🇱 new.duart.co.il
🇺🇦 help-ukraine.com.ua
🇺🇦 nxdigitalagency.com
🇩🇪 aluterrassenwelt24.de
🇩🇪 lc-ueberdachung.de
🇩🇪 clicknova.de
Пишите в личные сообщения, обсудим.
-
1 день2217 UAH
444 2 0 1 день2217 UAHготов помочь вам с этим
имею большой опыт работы в полном стекe
отправлю вам предыдущую работу, чтобы убедиться, что мы подходим друг другу
-
3 дня2217 UAH
5303 22 0 1 3 дня2217 UAHМеня зовут Юлия, я веб-дизайнер с 5-летним опытом в создании привлекательных и функциональных веб-сайтов, которые сочетают современный дизайн и удобство использования. Готова создать для вас веб-сайт, который превзойдет ваши ожидания. Свяжитесь со мной для детального обсуждения. Вот мое портфолио:
Behance
-
2 дня2173 UAH
166 2 дня2173 UAHДобрый день!
Я ознакомился с вашим ТЗ на создание интерактивной воронки. Задача мне полностью понятна, я уже неоднократно реализовывал похожую логику с динамическим изменением состояний элементов и многошаговыми формами.
Как я реализую ваш проект:
Интерактивность: Напишу чистый JavaScript для механики «дверей» и кнопок. Эффект затухания активной кнопки при наведении на другие будет плавным и интуитивно понятным.
Логика переходов: Настрою последовательное открытие форм сбора данных (Позиция №1 и Позиция №2) без перезагрузки страницы.
…
Валидация и сбор данных: Настрою проверку корректности ввода E-mail и формата WhatsApp, чтобы вы получали только валидные контакты.
Адаптивность: Воронка будет идеально работать как на десктопах, так и на мобильных устройствах.
Я ценю свое время и ваше качество, поэтому работаю за справедливую цену. Поскольку я нацелен на долгосрочное сотрудничество и положительный отзыв, вы получите максимальное внимание к деталям и чистый код, который легко будет поддерживать впоследствии.
Готов приступить к работе уже сегодня. Давайте обсудим детали в личных сообщениях!
-
4 дня2217 UAH
228 4 дня2217 UAHЗдравствуйте!
Ознакомился с ТЗ — задача понятна.
Могу реализовать интерактивную воронку полностью на HTML/CSS/JavaScript:
— стартовый экран с тремя вариантами выбора (двери)
— пошаговую логику переходов
— интерактивные кнопки с изменением состояний при наведении
— последовательное открытие двух форм
… — адаптацию под мобильные устройства
— аккуратную анимацию переходов (без перегрузки)
Хочу уточнить один момент:
правильно ли я понимаю, что расчёт нумерологической карты не требуется,
а на моей стороне только интерфейс и сбор данных?
Если расчёт не требуется — могу приступить сразу после подтверждения деталей.
-
5 дней7761 UAH
421 5 дней7761 UAHЗдравствуйте, основываясь на вашем описании работы, я могу подтвердить, что могу выполнить эту задачу с комфортом. Прежде чем мы продолжим, я хотел бы попросить вас уточнить следующее в моем почтовом ящике:
- Стилизация: У вас есть конкретная цветовая палитра, шрифт или визуальный стиль для дверей/кнопок, которые должны соответствовать существующему сайту?
- Обработка данных: Куда должны отправляться данные формы? (формы Tilda, электронная почта, Google Sheets, CRM и т.д.)
- Анимации: Должны ли переходы между шагами иметь конкретные стили анимации (затухание, слайд и т.д.)?
- Поведение после успешного выполнения: Что должно произойти после того, как пользователь нажмет «Получить карту»? (например, перенаправление на страницу благодарности, показ всплывающего окна, отправка электронной почты)
… - Отслеживание: Нужна ли вам интеграция с аналитикой (Google Analytics, Meta Pixel) для отслеживания шагов воронки?
-
удалено модератором -
удалено модератором -
Тель-Авив