Первый экран сайта татуировки, пирсинга и обучения с четырьмя направлениями.

Кратко о проекте

Для проекта Анастасии Шумаковой я собрал сайт с четырьмя направлениями: офлайн-обучение, онлайн-уроки, пирсинг и татуировки. Посетитель знакомится с работами, выбирает услугу и переходит к записи.

Отдельной задачей стала оплата бронирования: нужно связать платёж с заявкой, чтобы владелец видел, кто оплатил и за какую услугу. Подключение ЮKassa реализовано напрямую, без WooCommerce.

Задача

Нужно было:

  • собрать одностраничный сайт в светлой минималистичной стилистике;
  • показать четыре направления: офлайн-обучение пирсингу, онлайн-уроки, пирсинг и татуировки;
  • сделать mobile-first адаптив;
  • добавить реальные фотографии и галереи;
  • подготовить контакты, реквизиты и юридические разделы;
  • реализовать форму бронирования офлайн-обучения;
  • собирать имя, телефон, email и необязательный Telegram клиента;
  • подключить оплату через ЮKassa без WooCommerce;
  • связать платёж с конкретной заявкой;
  • передавать данные для кассового чека;
  • принимать webhook ЮKassa и проверять успешность платежа;
  • после подтверждённой оплаты отправлять владельцу уведомление в Telegram.

Результат

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

После webhook выполняется дополнительная серверная проверка платежа. После подтверждённой оплаты обновляется статус заявки и владельцу отправляется уведомление в Telegram. Также реализована передача данных для кассового чека.

В выполненный проект вошли:

  • адаптивный лендинг;
  • четыре самостоятельных направления;
  • галереи работ;
  • контакты, реквизиты и юридические разделы;
  • форма бронирования;
  • собственная база заявок;
  • прямая интеграция с ЮKassa;
  • передача данных для кассового чека;
  • webhook с дополнительной серверной проверкой платежа;
  • автоматические статусы заявок;
  • уведомление владельцу в Telegram после успешной оплаты;
  • техническое SEO;
  • production-версия на piercing-tattoo-moscow.ru.