Фриланс-проекты

Фриланс-проекты

Мистрариум

HTML и CSS верстка, Дизайн сайтов — неверно указаны категории?

2234 UAH

Техническое Задание для разработчика

Проект: Lady Mystra (Mistrarium)

Задача: Реализовать интерактивную воронку на главной странице.

Шаг 1: Три Двери (Вход)

На первом экране три стильных элемента (двери):

Бизнес и Удача
Любовь и Семья
Защита и Сила

Шаг 2: Интерактивный вопрос (Кнопки)

После выбора двери появляется вопрос и три варианта ответа:

Заголовок: «Чего тебе не хватает для счастья?»

Вернуть любимого (По умолчанию синяя).
Отомстить (Серая).
Не знаю что для меня лучше (Серая).

Механика: При наведении курсора на любую серую кнопку (2 или 3), она должна становиться яркой/цветной, а синяя (1) в этот момент должна тускнеть.

Шаг 3: Сбор данных (Две позиции)

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

Позиция №1: «Введите данные для расчета карты». Поля: Имя, Дата рождения. Кнопка: «Рассчитать».
Позиция №2: «Оставьте свои контакты для получения экспресс-нумерологической карты». Поля: E-mail, WhatsApp. Кнопка: «Получить карту».

Ставки 6 Отклоненные 4 Обсуждения 2

Dmytro Zmenkov

1 1

Проекты -
Оценка -
Рейтинг 121

Бюджет: 100 USD Срок: 1 день

Добрый день. Готов выполнить данный проект, имею большой опыт разработки приложений.

Андрій Матвійчук

Победившая ставка

0 0

Проекты -
Оценка -
Рейтинг 216

Бюджет: 50 USD Срок: 3 дня

Здравствуйте! Я заинтересовался вашим заданием. У меня есть опыт работы с html, css, js, react, поэтому я смогу качественно выполнить ваш заказ. Надеюсь на сотрудничество.

Роман Д.

44 3

Проекты 46
Оценка 5.0
Рейтинг 3 841

Бюджет: 150 USD Срок: 2 дня

Здравствуйте! Я опытный веб-разработчик с 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
Пишите в личные сообщения, обсудим.

Daniils Fjodorovs

2 0

Проекты -
Оценка -
Рейтинг 471

Бюджет: 50 USD Срок: 1 день

готов помочь вам с этим

имею большой опыт работы в полном стекe

отправлю вам предыдущую работу, чтобы убедиться, что мы подходим друг другу

Yuliia K.

25 0

Проекты 25
Оценка 5.0
Рейтинг 7 178

Бюджет: 50 USD Срок: 3 дня

Меня зовут Юлия, я веб-дизайнер с 5-летним опытом в создании привлекательных и функциональных веб-сайтов, которые сочетают современный дизайн и удобство использования. Готова создать для вас веб-сайт, который превзойдет ваши ожидания. Свяжитесь со мной для детального обсуждения. Вот мое портфолио: Behance

Євгеній Семироз

0 0

Проекты -
Оценка -
Рейтинг 217

Бюджет: 49 USD Срок: 2 дня

Добрый день!

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

Как я реализую ваш проект:

Интерактивность: Напишу чистый JavaScript для механики «дверей» и кнопок. Эффект затухания активной кнопки при наведении на другие будет плавным и интуитивно понятным.

Логика переходов: Настрою последовательное открытие форм сбора данных (Позиция №1 и Позиция №2) без перезагрузки страницы.

Валидация и сбор данных: Настрою проверку корректности ввода E-mail и формата WhatsApp, чтобы вы получали только валидные контакты.

Адаптивность: Воронка будет идеально работать как на десктопах, так и на мобильных устройствах.

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

Готов приступить к работе уже сегодня. Давайте обсудим детали в личных сообщениях!

Borys Presniak

0 0

Проекты -
Оценка -
Рейтинг 208

Бюджет: 50 USD Срок: 4 дня

Здравствуйте!

Ознакомился с ТЗ — задача понятна.
Могу реализовать интерактивную воронку полностью на HTML/CSS/JavaScript:

— стартовый экран с тремя вариантами выбора (двери)
— пошаговую логику переходов
— интерактивные кнопки с изменением состояний при наведении
— последовательное открытие двух форм
— адаптацию под мобильные устройства
— аккуратную анимацию переходов (без перегрузки)

Хочу уточнить один момент:
правильно ли я понимаю, что расчёт нумерологической карты не требуется,
а на моей стороне только интерфейс и сбор данных?

Если расчёт не требуется — могу приступить сразу после подтверждения деталей.

Joseph Collins Mahihu

0 0

Проекты -
Оценка -
Рейтинг 421

Бюджет: 175 USD Срок: 5 дней

Здравствуйте, основываясь на вашем описании работы, я могу подтвердить, что могу выполнить эту задачу с комфортом. Прежде чем мы продолжим, я хотел бы попросить вас уточнить следующее в моем почтовом ящике:
- Стилизация: У вас есть конкретная цветовая палитра, шрифт или визуальный стиль для дверей/кнопок, которые должны соответствовать существующему сайту?

- Обработка данных: Куда должны отправляться данные формы? (формы Tilda, электронная почта, Google Sheets, CRM и т.д.)

- Анимации: Должны ли переходы между шагами иметь конкретные стили анимации (затухание, слайд и т.д.)?

- Поведение после успешного выполнения: Что должно произойти после того, как пользователь нажмет «Получить карту»? (например, перенаправление на страницу благодарности, показ всплывающего окна, отправка электронной почты)

- Отслеживание: Нужна ли вам интеграция с аналитикой (Google Analytics, Meta Pixel) для отслеживания шагов воронки?