Кейс. Разработка корпоративного сайта по продаже листогибочных станков с сочным дизайном

Всем привет! Это Виталий Радченко - СЕО Web-do.ru и основатель таск-трекера для digital-агентств Otask.ru. Сегодня расскажу о том, как мы разрабатывали корпоративный сайт для компании, занимающейся продажей листогибочных станков.

У клиента уже был сайт, ниже скриншоты, но он был сделан на шаблонных решениях и не очень удобен в поиске интересующей клиентов информации. Также, была проблема неполной информации о станках, которые продает компания.

Обновить визуал уже существующего сайта компании + "освежить логотип". Из основных пожеланий, именно к сайту:

Мудборд мы собираем не в каждом проекте. Но так как в данном случае клиент пришел без фирменного стиля и хотел обновить логотип - мудборд был необходим

Выбрана более современная концепция и сохранен фирменный зеленый цвет. Для логотипа использован шрифт “Unbounded”, потому как изогнутые угловатые буквы данной гарнитуры смотрятся символично для компании предлагающей гибочные станки.

Дорожная карта (без учета разработки лого и админки) разработки сайта была объемной

Первое с чего начали конечно же структура, при создании которой было решено, что её нужно максимально упросить

Цветовая палитра построена с учетом фирменного зеленого цвета. Этот цвет - акцентный и использован с целью привлечения внимания пользователя к конкретным элементам. Так же палитра дополнена черным и разными оттенками серого, которые отлично контрастируют с фирменным зеленым

Так как линейка продуктов состоит буквально из 5 единиц и комплектующих для них, то решили на главной странице первым же блоком поставить блок Продукция с прямым переходом к каждой из единиц продукции

Видео главной страницы

Вторая по значимости страница, это страница самого станка, которая должна отражать:

Поэтому у нас получилась такая структура

Из интересных решений на странице станка это переключатели модификаций, которые были выполнены привычными для пользователей табами

А также, визуальные указатели на каждую модель, которые описывают основные узлы каждого станка

Также в рамках разработки дизайна были отрисованы и другие страницы, перечисленные в структуре:

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

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

На выходе получился современный корпоративный сайт с “сочным” дизайном, удобной и понятной структурой, ориентированной на целевые действия.

Две строчки в описании результата, а столько работы стоит за ними 💪🏼

💻 Заказать разработку сайта или приложения — Web Do

✅ Таск-трекер и учет финансов для digital-команд и не только — O!task

✈ Telegram канал про развитие агентства Web Do и продукта O!task — Подписывайся