ООО «Сталь-Про» — один из ведущих поставщиков металлопроката в России.
В активе компании собственные склады металлопроката и арматуры, цех металлообработки и изготовления металлоконструкций, широкий ассортимент товаров и услуг.
Сталь-Про неоднократно переделывали свой сайт.
В переделку входили полные и частичные редизайны, перестройка навигации и структуры, адаптация.
После сотрудничества с другой компанией, результаты работы которой не удовлетворили потребностям клиента, он обратился к нам.
- 01Редизайн сайта
- 02Адаптация сайта
- 03Внедрение удобной навигации
- 04Ускорение загрузки сайта
- 01Анализ сайта и его проблем
- 02Прототипирование
- 03Дизайн
- 04Адаптивная перевёрстка
- 05Программирование при необходимости
После интервью с клиентом, мы дополнительно проанализировали сайт визуально и по данным Яндекс.Метрики, выявили основные проблемы, просмотрели сайты конкурентов и составили портрет пользователя.
- Возраст и профессиональная деятельность
- Цели пользования сайтом
- Устройства, с которых просматривается сайт
- Проблемы пользования и навигации по сайту
- Устаревший и нагруженный дизайн
- Долгая загрузка сайта
- Сложная и раздробленная навигация
- Плохая адаптация
Для каждого уникального шаблона страницы
был разработан интерактивный прототип

После согласования прототипы были переданы дизайнеру.
Клиент предоставил нам брендбук с цветовой гаммой и список шрифтов.
Нам не нравилось цветовое разнообразие на старом сайте, поэтому мы оставили 3 акцидентных цвета, но уменьшили их присутствие на сайте.
Дополнительно использовали оттенок черного, чтобы добавить сайту солидности и в качестве отсылки к тематике сайта.
Всего было отрисовано 6 уникальных страниц.
Главная страница (было-стало)

Детальная металлопроката

Детальная товара

Процесс перевёрстки оказался довольно трудоемким по нескольким причинам:
- Большая часть каталога металлопроката, услуг и изделий являлись уникальными контентными страницами. Пришлось создавать новые шаблоны и переверстывать каждую страницу отдельно;
- Беспорядок в файловой системе и шаблонах, дубли страниц, папок, стилей, скриптов и шаблонов;
- Работа программиста по доработкам компонентов.

- Современный адаптивный сайт
- Улучшенная навигация
- Увеличенная скорость загрузки
- Новые шаблоны
В итоге мы справились со всеми поставленными задачами и добавили приятные мелочи.
Клиент остался доволен и пришел к нам на продвижение.