Компания ДСТ — производство и строительство модульных и каркасных домов, бань, а также изготовление стропильных ферм. Полный цикл работ: от проектирования до сдачи объекта.
Задача
До нашего сотрудничества у ДСТ не было сайта вообще — всё держалось на рекомендациях и сарафанном радио.
Клиенту нужен был полноценный онлайн-инструмент, который:
Представит компанию в интернете;
Покажет примеры готовых работ;
Расскажет о типах проектов, которые компания может реализовать;
Соберёт заявки и обращения от потенциальных клиентов.
Что делали
Начали с интервью с заказчиком — обсуждали не только технические моменты, но и «душу» компании. Выяснили, какие ценности они хотят транслировать, какие материалы используют, какие проекты для них особенно важны. На основе этого сформировали стратегию сайта, продумали функционал и дизайн.
1. Бриф
Бриф
Изучили сайты прямых и косвенных конкурентов: посмотрели, что у них работает, а что — откровенно мешает пользователям. Это помогло выделить сильные стороны будущего сайта ДСТ и избежать чужих ошибок.
2. Анализ конкурентов
Сайт получился многостраничным и логично выстроенным:
Главная страница с ключевой информацией и квиз-формой для заказа проекта;
Страницы с примерами проектов: модульных домов, каркасных домов, бань;
Отдельная страница для заказов индивидуальных проектов;
Портфолио с фото и описанием построенных объектов;
О компании;
Материалы и технологии;
Блог/Статьи;
Контакты;
Позже добавили страницу об услуге изготовления стропильных ферм.
3. Структура сайта и прототип
Структура сайта. Прототип
Клиенту нравились сайты с тёмным фоном и благородной бежево-золотистой палитрой. Мы собрали референсы по сетке, шрифтам и анимации, оформили мудборд и согласовали стиль. Получилось современно и атмосферно.
4. Дизайн-концепция
Moodboard
На основе мудборда отрисовали макеты всех страниц. Выбрали шрифт Manrope — он читается легко и смотрится аккуратно. Кнопки и изображения сделали с закруглёнными краями — для ощущения уюта и мягкости.
5. Дизайн сайта в Figma
Макеты страниц в Figma
После утверждения макетов собрали сайт на Tilda с использованием Zero-блоков. Сделали адаптив для всех устройств.
Реализовали квиз, формы обратной связи, каталог, ссылки на мессенджеры и телефон. Для блога настроили стандартный блок «Потоки».
Добавили виджет обратной связи Битрикс.
7. Сборка сайта на Tilda
Сборка сайта на Tilda. Zero-блок. Адаптив
Перед запуском протестировали всё на разных устройствах.
Мобильная версия сайта
Результат
Компания получила современный и удобный сайт, который стал её лицом в интернете. Теперь потенциальные клиенты могут увидеть примеры работ, узнать об услугах и быстро отправить заявку.
Это не просто сайт — это ещё один канал продаж и инструмент для роста бизнеса ДСТ.