Задача

Группе компаний «Байкал» (далее просто Байкал) необходимо разработать новый корпоративный сайт, потому что существующий https://baikalvl.ru устарел визуально и не раскрывает полностью все направления деятельности логистической компании.

Новая дизайн-концепция должна быть сформирована на основе фирменного стиля компании https://yadi.sk/i/y5IBtTY5cbBtOA. Хотелось бы, чтобы сайт был не скучный, то есть как-то постараться придумать визуальные и интеррактивные штуки, чтобы клиентам было «залипнуть» на сайте и изучать контент.

Проект будет разрабатываться в несколько этапов

1. Разрабатываем и согласовываем прототип (хорошо, если сделаем в Axure и свяжем страницы, покажем переключения блоков где нужно итд.).

2. Разрабатываем дизайн десктопным макетов, согласовываем их с заказчиком. После адаптируем их под мобильные устройства. Достаточно отрисовать версии для десктопа (1170 — 1400px) и мобильных телефонов (360px).

3. Описываем дизайн для верстальщика, где рассказываем обо всех нюансах верстки, которые стоит учесть — поведение элементов, состояние форм, итд.

Структура

Новая структура разделов https://realtimeboard.com/app/board/o9J_kxiryYw=/

Контент для страниц от заказчика https://yadi.sk/d/LhzRfucHEAWD4Q

Список сайтов-конкурентов от заказчика с комментариями https://docs.google.com/spreadsheets/d/1Jkl5uAkX3M8TGCyItspAyC6GK3DOWXUuLdV2SwU_-Lw/edit#gid=0

Главная страница служит точкой входа на все внутреннии страницы, соответственно, во всех блоках необходимо предусмотреть ссылки на эти страницы.

В разделе «Специальные предложения» будут публиковаться разные коммерческие предложения, соответственно, нужно будет сделать дизайн всех возможных вариантов контента (галерея, текстовые блоки с заголовками, таблица, цитата, фактоид итд.).

Пожелания заказчика

• Нравится сайт https://partgruz.ru — анимации, проработка контента. Хотелось бы превзойти эти ожидания. Анимация должна быть приятной и ненавязчивой, уместной. На сайте Партия груза с анимацией немного переусердствовали.
• Не растягивать сильно страницы в длинные лендинги и, по возможности, прятать контент в динамические переключаемые блоки. Достаточно проработать 2-3 экрана для страниц услуг.
• Карты из документов контента следует перерисовать — сделать чище, чтобы выглядели прилично. От интеррактива на картах отказались в пользу простых изображений. Для карты логистических маршрутов https://take.ms/MeOjD можно сделать несколько разных изображений карт и переключать их табами (например).
• Тексты из документов с контентом для страниц https://yadi.sk/d/LhzRfucHEAWD4Q составлялись заказчиком. Их можно и нужно подвергать легкой редактуре, при этом важно не потерять смысл. По возможности придумать решения, где какой-то текст можно было прятать под спойлеры или подсказки, но не злоупотреблять этим.
• Файл https://yadi.sk/i/mJZEA_GNrYxNww содержит в себе примеры специальных предложений — шубы и запчасти. Это отдельные страницы.
• На всех страницах должна быть предусмотрена форма лидогенерации. Это может быть форма, в которой заголовок и описание под ним будут заменяться в зависимости от страницы, на которой она будет открываться. Кнопку вызова формы можно сделать где-нибудь в углу справа внизу. Она должна быть достаточно заметная. И как вариант, делать дополнительные кнопки вызова формы вдоль всех страниц, но при этом следить, чтобы это выглядело ненавязчиво.