WEB / BUSINESS LANDING / ПРОЕКТ
TAPCARD / NFC
Одностраничный сайт для представления NFC-карточек с переходом к заказу через WhatsApp.
Обсудить похожий проект ↗Исходный код в приватном репозитории
Что реализовано
- Выбор варианта: 2ГИС или Instagram
- Визуальная анимация бесконтактного касания
- Каталог дизайнов, тарифы, блок вопросов и ответов
- Подготовка сообщения заказа в WhatsApp
Статус и ограничения
Демонстрация использует название TAPCARD. Сайт представляет карточки и подготавливает обращение в WhatsApp; запись NFC-меток и серверная обработка заказов в него не входят.
Мой вклад
- Определял функциональность и сценарии знакомства с карточкой и перехода к обсуждению заказа.
- Ставил задачи ИИ-агентам, оценивал предлагаемые решения, проверял результат и дорабатывал отдельные компоненты.
Основной программный код создавался ИИ-агентами. Мой вклад — требования, выбор решений, практическая интеграция и проверка.
Техническое устройство
- Одна страница
- Разметка, стили и JavaScript размещены в одном HTML-файле. Оформление использует Tailwind CSS через CDN и шрифт из Google Fonts; для этих ресурсов нужен доступ к сети.
- Состояние демонстрации
- Переключение между 2ГИС и Instagram меняет оформление карточки, инструкцию и текст обращения. Каталог и тарифы помогают выбрать комплект.
- Переход к заказу
- JavaScript подготавливает сообщение и открывает WhatsApp. Пользователь отправляет сообщение самостоятельно; собственной серверной обработки заказа и записи NFC-меток на сайте нет.
Основной сценарий
Посетитель выбирает вариант карточки и тариф, смотрит анимацию касания и переходит к обсуждению заказа в WhatsApp.