Сайт Rollsberg'а

Осень — зима 2023

Компания из города Бремен продаёт запчасти для крупных морских и океанических судов. У компании был драфт фирменного стиля, поэтому мы решили делать сайт в рамках чего-то нейтрального, но с учётом имеющихся наработок, мягкости логотипа и цветовой палитры. В итоге был сформирован аккуратное решение для серьёзной компании, которая давно на «рынке» и имеет в бэкграунде множество проектов и больших контрактов.

Коллаж продукции магазина.
Пример хиро с основным предложением.
У компании отсутствуют константы фирстиля, поэтому внешний вид сайта составлялся в процессе разработки.
Базовые особенности компании.
Мы определили стили цвета, размеры и начертания шрифта, паттерны и иерархию элементов.
Информация о команде и клиентах.
Заказчик не определил каких клиентов разместит на этапе разработке, поэтому решено было придумать несуществующие логотипы организаций, чтобы заполнить макет.
Блок присутствия в странах.
Все блоки с адаптацией под мобильные экраны.
Для удобства разработки мы сформировали лёгкую дизайн-систему с компонентами и секциями блоков.
Блоки для драфта сайта.
Для удобства и систематизации процессов на старте работ мы собрали драфт на основе придуманных для этого типовых блоков.
Все макеты, созданные для сайта клиента.

Оцените этот проект

Объём работы

Аналитика и драфт сайта
Материалы и макеты, необходимые для создания будущего сайта.
8 десктопных макетов
Стартовая айдентика
Стили и графические инструменты для цельного внешнего вида сайта.
Множество макетов
Лёгкая дизайн-система
Серия элементов и зависимостей, позволяющих оптимизировать процесс разработки.
Множество макетов
Макеты страниц
Десктопные и мобильные версии страниц, на основе компонентов дизайн-системы.
45 макетов и адаптаций
8 десктопных макетов
Аналитика и драфт сайта
Материалы и макеты, необходимые для создания будущего сайта.
Множество макетов
Стартовая айдентика
Стили и графические инструменты для цельного внешнего вида сайта.
Множество макетов
Лёгкая дизайн-система
Серия элементов и зависимостей, позволяющих оптимизировать процесс разработки.
45 макетов и адаптаций
Макеты страниц
Десктопные и мобильные версии страниц, на основе компонентов дизайн-системы.

Процесс разработки

Итоги для бизнеса

1.
Обновлённый визуальный имидж
Создан привлекательный образ компании и продукта.
Выразительный логотип и графика запоминаются и создают ассоциации надёжности.
2.
Доступность, понятность, надёжность
Новые макеты и информационные материалы доступно информируют о деятельности компании.
Качественные материалы создали впечатление профессионализма и надёжности.
3.
Маркетинговая эффективность и дифференциация на рынке
Рост интереса к продуктам и услугам, так как уникальная система идентификации помогла выделиться на насыщенном рынке.
Визуальная привлекательность стиля и макетов повлияла на рост продаж.
Важные итоги
Разработка сайта и магазина оказала значительное влияние на бизнес и компанию. Были укреплены позиции на рынке и создана прочная основа для дальнейшего роста. Удалось сформировать стратегический актив, помогающий строить успешную деятельность.
1.
Обновлённый визуальный имидж
  • Создан привлекательный образ компании и продукта.
  • Выразительный логотип и графика запоминаются и создают ассоциации надёжности.
2.
Доступность, понятность, надёжность
  • Новые макеты и информационные материалы доступно информируют о деятельности компании.
  • Качественные материалы создали впечатление профессионализма и надёжности.
3.
Маркетинговая эффективность и дифференциация на рынке
  • Рост интереса к продуктам и услугам, так как уникальная система идентификации помогла выделиться на насыщенном рынке.
  • Визуальная привлекательность стиля и макетов повлияла на рост продаж.
4.
Важные итоги
Разработка сайта и магазина оказала значительное влияние на бизнес и компанию. Были укреплены позиции на рынке и создана прочная основа для дальнейшего роста. Удалось сформировать стратегический актив, помогающий строить успешную деятельность.

Кто работал над проектом

Дизайн

Артём Кокшаров
Создание и отрисовка решений, сборка прототипов и макетов, передача фронтенду.
Мария Сарычева
Сопровождение процесса, документация и менеджмент.
Мария Шилова
Визуализация решений, сборка кейса проекта.

Управление со стороны клиента

Елена Цих
Представитель заказчика, менеджер процесса, отбор материалов и решений.

Инструменты для проекта

Ведение проекта
Notion, Контур Диадок, Точка Банк, Точка Бухгалтерия
Проектирование и макеты
Figma
Стоки и искуственный интеллект
The Noun project
Аппаратура
iMac 2011, iMac 2012, MacBook Pro 2022, MacBook Pro 2025