EstiMate — сервис оценки проектов

Я часто оцениваю проекты для клиентов. Надо прописывать список тех вещей, которые надо сделать в проекте. По каджой задаче надо написать срок и стоимость.

Задачи, которые возникают перед фрилансером

  1. Удобно заполнять задачи и прописывать цену
  2. Автоматическая калькуляция всех работ: почасовых и фиксированных
  3. Автоматическа калькуляция всех сроков: дней и часов
  4. Легкое формирование сообщение с ценами для клиентов

Мой опыт

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

Я пользовался Notion для заметок и увидел там функционал таблиц, где можно считать значения разных строк. Я оценил там больше 100 проектов с помощью функционала таблиц.

Ниже пример с фейковыми данными.

EstiMate — сервис оценки проектов 1

Детальная страница выглядела из заметки и таблицы. Там я выстроил такую структуру:

  • наименование
  • количество часов
  • сумма
  • количество дней (расчитывается автоматически)
EstiMate — сервис оценки проектов 2

Проблемы таблиц в Notion

  • Неудобно считать «доходы-расходы=прибыль». Надо было делать отдельную и потом руками высчитывать.
  • Коряво добавлялись бы модификаторы: срочность, НДА, маркетинг.
  • Нельзя было одним кликом скопировать сообщение с работами, сроками, часами, днями и всеми надбавками.

Разработка своего сервиса

Если бы не нейронка — я никогда бы не начал делать такого монстра, потому что навыки программирования не такие хорошие. С нейронками все стало проще.

Я не видел такого сервиса раньше, поэтому решил делать сервис для себя. Студия Signal37 как-то сказала: «Надо делать сервисы для себя, он получится первоклассным, потому что ты сам будешь его пользователем и будешь знать, что туда стоит добавлять, а что нет».

Я решил сделать такой сервис. Мне важно было иметь пространство, где хранились бы все оценки моих проектов.

Чтобы я мог:

  • быстро добавлять работы и расходы
  • добавлять модификаторы
  • копировать сообщение одним кликом

Первая версия получилось такой.

EstiMate — сервис оценки проектов 3

После добавилась боковая панель. Заполненным проект стал выглядеть так

EstiMate — сервис оценки проектов 4

Снизу были кнопки экспорта расчета и управление данными

EstiMate — сервис оценки проектов 5

После я решил галочки модификаторов и почасовую ставку вынести в настройки проекта. Управление данными положил в кнопку в правом нижнем углу. Список работ в правой колонке свернул по-умолчанию, потому что они и так есть слева.

EstiMate — сервис оценки проектов 6

Окно настроек проектв выглядит так. Это логично, потому что мы один раз устанавливаем все эти данные, а потом можем работать с работами, расходами.

EstiMate — сервис оценки проектов 7

Добавил поле для количества часов

Было бы классно, чтобы исходя из количества часов в проекте мы сразу считали дни. Добавил поле рабочих часов в день.

EstiMate — сервис оценки проектов 8

В итоговом расчете он показывает количество часов и срок работы. В данным случае он посчитал 33 часа в 4 дня, по 8 часов в день.

EstiMate — сервис оценки проектов 9

При формировании сообщения пишет и количество часов и срок работы.

EstiMate — сервис оценки проектов 10

Упростил взаимодействие со списком работ

EstiMate — сервис оценки проектов 11

До — работа скрывалась, в раскрытом состоянии появлялся выбор типа оценки и 2 поля. Для раскрытия надо было кликать один раз, для переименования два раза.

EstiMate — сервис оценки проектов 12

После — все настройки работы открыты. Клик по названию включает режим переименования работы. Да, стало занимать больше пространства, но зато стало меньше кликов и переименование стало проще.

Добавил сортировку по цене и поиск проектов и работ в левую панель

Когда отправляешь 10 пунктов оценки, клиенту бывает важно понять, что получилось самое дорогое, поэтому тут поможет сортировка. Сортировка меняет положение работ, выстраивая их по стоимости. Эта сортировка будет влиять на сообщение: в нем работы тоже будут отсортированы.

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

Добавил авторизацию

Теперь можно авторизоваться через Google-аккаунт и все данные хранить там.

EstiMate — сервис оценки проектов 13

Готовое решение Remake для Getcourse

В июне 2021 заканчивая очередной проект по оформлению Getcourse, я понял, что по факту мы делаем одно и тоже. Клиенты тратят от 200 000 рублей и от 2 месяцев работы, чтобы оформить геткурс. Надо было упростить жизнь всем. Клиентам меньше платить и быстрее получать результат, нам меньше кодить и дизайнить.

Тогда мы придумали Remake — готовое решение из 22 шаблонов страниц для геткурса. Оформление занимает 3 дня. Стоимость такого решения 12 900₽ в месяц

Мы заранее разработали весь дизайн, всё запрограммировали и настроили. Мой партнёр писал десятки файлов javascript и css-кода, чтобы всё работало корректно и решение можно было подключать на другие аккаунты.

Калькулятор себестоимости

Калькулятор позволяет рассчитать стоимость материалов. Спасибо, что используете его! Я рад, что он приносит вам пользу. Если вам нужен разработчик и дизайнер сайта, пишите в телеграм — @danya_postnov.

🔗 Ссылка на калькулятор

https://dev-postnov.ru/works/count-cost/

Последние изменения

Обновление. Январь 2025. Версия 3
  • Перегруппировал дизайн, сделал вспомогательные функции слева, материалы справа
  • Добавил выгрузку в текстовый файл
  • Добавил возможность отправить расчет в телеграм
  • Добавил предупреждение о том, что информация хранится в браузере
Обновление. Октябрь 2024. Версия 2

Я делал этот калькулятор в 2018 году. Прошло 6 лет. За это время я стал опытнее как дизайнер. Я заметил, что страницу калькулятора начали посещать гораздо чаще. За август 2024 страницу посетили 726 раз.

Я решил сделать его ещё удобнее. 2 октября 2024 обновил код и внес ряд обновлений:

  • При добавлении нового пункта сайт автоматически будет прокручивать к нему.
  • Обновил внешний вид, сейчас блоки с материалами выглядят опрятнее.
  • Раньше при первом посещении было пусто, надо было нажимать плюс. Теперь сразу по-умолчанию будет показываться первый блок материала.
  • Поменял слово «Пункты» на «Материалы».
  • Изменил тексты в полях, чтобы больше подходило под нишу бьюти.
  • Поменял «руб. на единицу» на «₽ на клиента».
  • Сделал сохранение в куки, если вы случайно закрыли вкладку — все сохранится.
  • Добавил кнопку «Добавить ещё», чтобы не надо было тянутся в правый верхний экран.
  • Сделал так, что при клике на поле, на мобильном будет включаться числовая клавиатура

Здесь описал подробнее: https://dev-postnov.ru/count-cost-update-2024/

Поддержать проект

Поблагодарить: https://t.me/daniilpostnov

Порекомендовать друзьям как дизайнера и разработчика.

Подписаться на личный канал или канал о фрилансе

Задонатить: 5536 9137 6097 0190

Как пользоваться?

  1. Нажмите на «+» или кнопку «Добавить ещё» для добавления нового материала
  2. Введите название материала
  3. Введите стоимость всей упаковки
  4. Введите обьем упаковки
  5. Введите количество, которое тратится на на одного клиента

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

Для удаления материала нажмите значек корзины.

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

Как разрабатывался

Моя девушка — мастер маникюра, педикюра и депиляции. Она постоянно покупает какие-то новые инструменты, расходники для своих клиентов, с каждым днем их становится все больше 🙂

Иногда появляется необходимость считать себестоимость оказания одной услуги в каждом из трех направлений.

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

Однажды программист во мне взял вверх и я решил немного автоматизировать это процесс.

В качестве практики я сделал для любимой мини-приложение для расчета себестоимости услуг, которым она конечно не пользуется.

Я тут понимаете ли стараюсь, а она до сих пор с листом и ручкой 🙂

Демо работы

Если вам нужен разработчик и дизайнер сайта, пишите в телеграм @danya_postnov

Исходный код

Старая версия

https://bitbucket.org/dev-postnov/calc-cost/src/master/

История изменений

2018

Калькулятор

2024

Калькулятор себестоимости 14

2025

Калькулятор себестоимости 15

Разработка проекта для «Додо Пицца»

Разработал проект для публикации додо-рифм.

Продумал структуру, задизайнил все экраны. Сделал вёрстку и сделал из неё SPA-приложение, которое работает безе перезагрузки.

Отзыв Федора Овчинникова

Федор рассказал о сайте на своей странице в Вконтакте.

Разработка проекта для «Додо Пицца» 16
Запись на стене Федора

Результат

1900+ пользователей и 324+ рифм за 9 дней.