Корпоративный сайт для «Энергосервис»
Разработали сайт промышленной компании: связали услуги, проекты, заказчиков и благодарственные письма, переработали портфолио и управление материалами.
Задача
Старый сайт «Энергосервиса» уже не соответствовал масштабу компании, уровню её проектов и кругу крупных заказчиков.
Он слабо представлял услуги и накопленный опыт: портфолио было неудобным, благодарственные письма — неструктурированными, переходы между связанными разделами почти отсутствовали, а часть визуального контента состояла из стоковых фотографий.
Новый сайт должен был стать полноценным корпоративным представительством компании: подтверждать компетенции, поддерживать имидж и помогать в тендерных и деловых коммуникациях.
Что сделали
- Аналитика и проектирование
- Структура и прототипирование
- Тексты
- Веб-дизайн
- Frontend
- Backend и CMS
- Наполнение
- Базовая SEO-оптимизация
- Инфраструктура и резервное копирование
Перелинковка как основа сайта
Основная аудитория сайта — заказчики, специалисты закупочных подразделений, участники тендеров, потенциальные партнёры и соискатели.
Пользователь чаще всего приходит с конкретной задачей: понять, выполняла ли компания похожие работы, с кем сотрудничала, какие направления закрывает и чем может подтвердить свой опыт.
Поэтому в основе структуры сайта — связность информации и быстрый переход от общего знакомства к конкретным подтверждениям компетенций.
Мы связали между собой четыре основные сущности:
клиентпроектуслугадокумент
Каждый раздел продолжает предыдущий: от клиента можно перейти к проектам, от проекта — к услуге и подтверждающим материалам.
Например, страница «Клиенты нашей компании» — не просто витрина логотипов. Пользователь может сразу увидеть, какие проекты были выполнены для конкретного заказчика и какие благодарственные письма с ним связаны.
То же работает и в обратную сторону. Из карточки проекта можно перейти к соответствующему направлению услуг, посмотреть другие проекты той же категории, открыть страницу заказчика и ознакомиться с его отзывом или благодарственным письмом.
В результате пользователь может начать знакомство практически с любой страницы и последовательно изучить связанный опыт компании, не возвращаясь каждый раз в главное меню.
На старом сайте все проекты были собраны в одном общем списке.
В новой версии портфолио переработали полностью: проекты можно сортировать по клиентам, категориям работ и годам.
Каждый проект получил отдельную страницу с основной информацией, связанными услугами, заказчиком и подтверждающими материалами.
Пользователь может быстро отфильтровать портфолио и перейти к работам, соответствующим интересующему направлению или типу задачи.
Техническая часть
Адаптивность. Сайт разработан для десктопов, планшетов и мобильных устройств с сохранением структуры и ключевых сценариев на разных разрешениях.
Инфраструктура. Данные размещены на инфраструктуре в России. Настроено ежедневное внешнее резервное копирование материалов сайта.
SEO-подготовка. Для страниц услуг собрана базовая семантика, настроены метаданные и описания изображений, подготовлена структура для дальнейшего продвижения.
Стек. React 18 + Vite 5, Tailwind CSS, React Router и Framer Motion. Для отдельных интерактивных элементов использовался Three.js.