---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2026-01-12
publishYear: 2025
name: От Винта 2025
title: Калькулятор расчета кровли для сайта строительного магазина
excerpt: Биржа профессионалов и личный кабинет строителя
context: |
«От Винта» — молодая компания, торгующая строительными и отделочными товарами в Орехово-Зуевском районе Московской области. Целевая аудитория — не только местные жители, но и проезжающие мимо дачники. Интернет‑магазин — важный канал работы с ними.
Отвинтастрой - молодая компания в Орехово-Зуево, торгующая строительными товарами. Строительные работы носят сезонный характер, что обуславливает выбор времени для реализации проекта и сроков его исполнения.
Компания работает на рынке с высокой конкуренцией. Конкуренты демпингуют цены, Отвинта стремится сделать удобный ресурс для своих пользователей, делая ставку на технологические решения и пользовательский опыт.
Целевая аудитория - от частников до крупных подрядчиков. Есть желание учесть интересы разных групп и отразить их в продукте.
70% трафика идёт с мобильной версии сайта, что следует учитывать при проведении аудита и выработке предложений.
isNew: true
logo:
src: ~/assets/images/portfolio/ot-vinta/logo.svg
alt: От Винта • Логотип
link: https://отвинтастрой.рф/
image: ~/assets/images/portfolio/otvinta-2025/main.png
imageAlt: Собака Павлова • От Винта • Калькулятор расчета кровли
thumbnail:
src: ~/assets/images/portfolio/cards/otvinta3.svg
alt: Собака Павлова • От Винта • Калькулятор расчета кровли
tags:
- ec
- new-features
- ux-outsource
- mass
- otvinta
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн](/ux-design) и [продуктовые исследования](/ux-researches), независимо или [на аутсорсе](/ux-outstaff).
collection: services
page: ux-outsource
- collection: services
page: ux-design
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
- collection: promo
page: uc
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: anggell
- collection: portfolio
page: compel
- collection: portfolio
page: hyperus
- collection: portfolio
page: elma
- collection: portfolio
page: edms
- collection: portfolio
page: amber
result:
- src: ~/assets/images/portfolio/figma.svg
text: Макеты интерфейса
link: ""
budget: "380 000 ₽"
time: "2 месяца"
director: |
Очередной эпизод нашего сотрудничества с «От Винта», столь же успешный и взаимовыгодный, что и предыдущие.
review:
text: |
Хотим поблагодарить за проделанную работу.
Обратились с тем, чтобы переработать сайт в лучшую сторону, найти все возможные проблемы элементов интерфейса, из-за которых клиент мог заблудиться на сайте и покинуть его.
На протяжении месяцев совместной работы «Собака Павлова» только удивляла, каждое предложенное решение удовлетворяло на все 100%.
Вся работа выполнялась в срок и без задержек. Команда профессионалов, работа с ними обязательно продолжится в новых проектах. Впечатления остались крайне положительные.
person: Илья Новиков,
position: генеральный директор «От Винта!»
photo: ~/assets/images/portfolio/ot-vinta/person.png
outcome:
title: "Некоторые цифры"
text1: Через 8 месяцев после начала сотрудничества
numbers:
- title: Количество заказов выросло
number: "на 52%"
- title: Средний чек увеличился
number: "на 42%"
- title: Новых посетителей стало больше
number: "на 7%"
- title: Повторно покупающих клиентов — больше
number: "на 59%"
metadata:
canonical: https://sobakapav.ru/portfolio/otvinta-2025
title: Калькулятор расчета кровли для сайта строительного магазина
description: "Новые разделы и новая функциональность для сайта строительного магазина"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/otvinta-2025/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
import PhoneMockup from '~/components/widgets/PhoneMockup.astro';
import ImageSlider from '~/components/common/ImageSlider.astro';
import UniversalSlider from '~/components/common/UniversalSlider.astro'
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Нюансы и особенности](#anchor4) • [Отзыв, цены, сроки](#anchor5)
</TOC>
## <a name="anchor1" />Бизнес-задача
Повысить удобство и привлекательность сайта, чтобы удержать лидирующие позиции на рынке интернет-торговли строительными товарами Московской области.
<a href="/images/portfolio/otvinta-2025/1.png" target="_blank"></a>
<em></em>
## <a name="anchor2" />Дизайн-задачи
Проектирование калькулятора расчета стоимости кровли.
<a href="/images/portfolio/otvinta-2025/2.png" target="_blank"></a>
<em></em>
## <a name="anchor3" />Результат
<a href="/images/portfolio/otvinta-2025/5.png" target="_blank"></a>
<em></em>
>Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть [модуль дизайн-задачника «Сценарии взаимодействия»](https://www.eduhund.ru/program/usecases/?utm_source=sobakapav&utm_medium=site&utm_campaign=page) для тех, кто хочет научиться их использовать в дизайне интерфейсов.
<a href="/images/portfolio/otvinta-2025/6.png" target="_blank"></a>
<em></em>
## <a name="anchor4" /> Нюансы и особенности процесса
Мы сотрудничаем с «От Винта» как [UX-отдел на аутсорсе](/services/ux-outsource). Это означает, что заказчик может в любой момент придти с новой задачей: с нашей стороны ее подхватит команда, хорошо знакомая с интернет-магазином.
Этот кейс — яркий пример того, как [аутсорсинг дизайн-команды](/services/ux-outsource) может быть выгоднее, гибче и проще в управлении, чем содержание собственного отдела. Вместо формирования штатной команды дизайнеров заказчик несколько лет сотрудничает с нами.
<a href="/images/portfolio/otvinta-2025/7.png" target="_blank"></a>
<em></em>
## <a name="anchor5" />
<a href="/images/portfolio/otvinta-2025/8.png" target="_blank"></a>
<em></em>
<a href="/images/portfolio/otvinta-2025/9.png" target="_blank"></a>
<em></em>
<a href="/images/portfolio/otvinta-2025/10.png" target="_blank"></a>
<em></em>
<a href="/images/portfolio/otvinta-2025/11.png" target="_blank"></a>
<em></em>
МИО
Сценарии
Анализ референсов заказчика
Заказчику не пришлось заниматься наймом или онбордингом — мы подключили дизайнеров сразу. Оплата шла только за выполненные задачи, а наш менеджер сам распределял нагрузку. Это позволило заказчику сосредоточиться на бизнесе, а не на управлении дизайнерами.
Без расходов на содержание in-house дизайнеров. Без паузы на поиск. С полным контролем и прозрачностью.
### Давайте посчитаем
Затраты на одного штатного дизайнера в год:
- Зарплата: 120 000 руб./мес. × 12 = 1 440 000 руб.
- Налоги и сборы: ~60 000 руб./мес. × 12 = 720 000 руб.
- Отпуск (оплачиваемый, но без работы): 120 000 руб.
- Больничные: ~60 000 руб.
- Поиск и отбор: 100 000 руб.
Итого на одного дизайнера: ~2 440 000 рублей. Для менеджера цифры будут примерно такими же.
Для команды из двух дизайнеров и менеджера — примерно 7,3 миллиона рублей в год, чуть больше 600 тысяч в месяц. Это без учета затрат на замену, ДМС, технику и рабочее место.
Затраты на аутсорсинг: два месяца работы над калькулятором крыш обошлись заказчику в 380 000 рублей. Второе меньше, чем ушло бы на штатную команду.
> При этом на таком проекте, как «От Винта», действительно работать UX-дизайнеры будут только часть года. Строительные работы сезонны, и летом, на пике продаж, совсем не время заниматься улучшайзингом сайта. Так что штатный дизайнер будет простаивать как минимум четверть года (а зарплату получать — круглый год).