Все проекты

02 · Веб-приложение · Собственный продукт

МойМастерОК

PWA-сервис для самозанятых мастеров

«МойМастерОК» — собственный веб-продукт для самозанятых специалистов и небольших сервисных бизнесов. Сервис помогает вести клиентов и заказы, создавать сметы и счета, отправлять документы по публичной ссылке, фиксировать оплаты и хранить историю работы с клиентом. Я отвечала за продукт от идеи до работающего приложения: пользовательские сценарии, структуру данных, UX/UI, frontend и backend, авторизацию, документы, клиентскую базу, инфраструктуру и deployment.

Роль
  • Product design
  • UX/UI
  • Frontend development
  • Backend development
  • Database architecture
  • Deployment
Стек
  • Vue 3
  • Pinia
  • PHP 8.2
  • MySQL
  • Docker
  • PWA
МойМастерОК на ноутбуке и смартфоне: отчёт по работам и список счетов

Задача

Самозанятым специалистам часто приходится вести клиентов, сметы, оплаты и документы в разных приложениях, таблицах и переписках.

Решение

  • 01 Один мобильный веб-сервис, в котором заказ проходит путь от клиента и сметы до оплаты и истории работ.
  • 02 Документы открываются клиентом по публичной ссылке — без регистрации и установки приложения.
  • 03 Mobile-first интерфейс: основные операции выполняются со смартфона прямо на объекте.
  • 04 Собственный backend, база данных и production-инфраструктура в Docker.
  1. 01

    Клиенты и заказы

    Карточки клиентов, история заказов, быстрое создание нового документа.

  2. 02

    Сметы и счета

    Создание смет и счетов, позиции работ и материалов, редактирование документов.

  3. 03

    Публичные документы

    Клиент открывает смету или счёт по ссылке без установки приложения.

  4. 04

    Оплаты

    Учёт полученных оплат, статусы документов и задолженность клиента.

  5. 05

    Заметки и напоминания

    Заметки по клиентам и заказам, напоминания о следующих шагах.

  6. 06

    Mobile-first PWA

    Интерфейс спроектирован в первую очередь для работы со смартфона.

  1. 01Клиент
  2. 02Смета
  3. 03Согласование
  4. 04Счёт
  5. 05Оплата
  6. 06История заказов

Создан для ежедневной работы

Работа с клиентами и документами прямо со смартфона — без отдельного приложения.

  • Список клиентов с телефонами, объектами и историей заказов
  • Сметы со статусами: отправлена, отклонена, согласована, черновик
  • Оплаченный счёт с отметкой о чеке и фото объекта
Frontend
  • Vue 3
  • Pinia
  • Vue Router
  • Vite
Backend
  • PHP 8.2
  • PDO
  • mPDF
  • PHPMailer
Database
  • MySQL 8.0
Infrastructure
  • Docker Compose
  • Caddy
  • HTTPS
PWA
  • Web App Manifest
  • Mobile-first UI
  • Docker-окружение с отдельными сервисами frontend и backend
  • База данных MySQL
  • HTTPS через Caddy
  • Конфигурация деплоя и переменных окружения
  • Резервные копии

Результат

Работающий продукт на собственном домене: мастер ведёт клиентов, сметы, счета и оплаты в одном месте — со смартфона.