Обсудить проект

Разработка технического задания для сайта сети детских бассейнов

NDA

Федеральная компания, управляющая сетью детских бассейнов, в том числе работающих по франшизе.

Герб Smirnoff

Задача

Компания решила обновить корпоративный сайт, сделав его удобнее для управления контентом, безопаснее и проще в дальнейшей поддержке.

Решение

Написание технического задания на разработку нового корпоративного сайта на базе Laravel и упрощённого прототипа административной части.

Что было на старте

  • Больше 20 городов присутствия
  • Развитая сеть франчайзи
  • Единый сайт для собственных центров и открытых по франшизе
  • Морально и технически устаревший сайт
  • Сложности в поддержке текущего сайта из-за серьёзного legacy-кода
  • Сложности в наполнении текущего сайта из-за отсутствия технической возможности у контент-менеджера редактирования многих элементов
  • Сложности в добавлении новых городов и центров на сайт из-за отсутствия возможности у контент-менеджера сделать это через административную часть
  • Единая ERP-система, интегрированная с сайтом

Брифинг

С заказчиком была проведена встреча, на которой обсуждались проблемы текущего сайта и ожидания от нового — в результате было сформировано функциональное задание (список требований, в общих чертах описывающих возможности системы) и определена методология разработки (традиционная последовательная, Waterfall).

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

Планирование

Сайт имеет простую структуру и 5-7 типовых страниц, но требует интеграцию с внешней системой. Поэтому работа разбивалась на условные вехи для контроля прогресса:

  1. Дизайн административной части сайта
  2. Проектирование архитектуры веб-приложения и базы данных
  3. Вёрстка страниц
  4. Интеграция вёрстки
  5. Интеграция с ERP-системой
  6. Перенос контента со старого сайта

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

Прототипирование административной части

После завершения работ по написанию технического задания и его согласования, мы приступили к разработке быстрого прототипа (wireframes) административной части будущего сайта с помощью Figma. Прототип включал в себя основные и типовые страницы и состояния без проектирования логики переходов между ними.

Некоторые возможности системы

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

  1. Собственная система управления контентом, основанная на фреймворке Laravel
  2. Управление информационными страницами и любым содержанием на страницах
  3. Управление основными справочниками: услуги, центры, районы, города
  4. Отправка заявок с сайта в ERP-систему
  5. Автоматическая выгрузка части данных из ERP-системы на сайт

Результат кейса

Было написано техническое задание, описывающее все возможности сайта и интеграции, сформирована черновая дорожная карта и план-график работ. Разработан интерактивный прототип административной части сайта, демонстрирующий логику переходов.

4 дня

ушло на разработку технического задания и прототипа

Стек технологий и инструменты

  • Языки программирования: PHP и JavaScript
  • Фреймворки и библиотеки: Laravel
  • Базы данных: MySQL
  • Проектирование UX, прототипирование: Figma

обсудить проект