Сайт логистической компании SHERLOG


Краткое описание проекта

Разработать промо-сайт для одной из ведущих логистических компаний на рынке Sherlog.

Sherlog занимается грузоперевозками по всему миру, предоставляя простые логистические решения своим заказчикам и весь комплекс услуг, включая получение товаросопроводительных документов.

Ссылка на сайт: https://sher-log.ru/

Задача: что нужно сделать?

Игорь (руководитель компании) обратился к нам с целью полного ребрендинга своей компании в сети Интернет.

Одной из задач, поставленной перед моей командой, было создать и предоставить заказчику такое решение, которое отвечало бы современным требованиям и тенденциям. Данное решение должно выделить Sherlog среди конкурентов и отражать полный комплекс услуг, что они представляют на рынке.

Процесс и детали:

Этап 1 – создание логотипа

Так как компании Sherlog требовалась полная «перезагрузка» в сети, то, после обсуждения основных деталей и составления Технического задания, мы приступили к редизайну логотипа.

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

Именно поэтому, я и моя команда проанализировали конкурентов и создали предварительные эскизы на бумаге:

Наброски логотипов (лист 1)
Наброски логотипов (лист 1)
Наброски логотипов (лист 2)
Наброски логотипов (лист 2)
Наброски логотипов (лист 3)
Наброски логотипов (лист 3)

Чтобы потом, основываясь на эскизах, набросать в Иллюстраторе несколько вариантов логотипа:

Первые наброски логотипов
Первые наброски логотипов

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

Окончательный вариант логотипа компании Sherlog
Окончательный вариант логотипа компании Sherlog

Как вы видите, логотип создавался по принципу использования негативного пространства. Данный прием придает логотипу уникальность, передавая основную деятельность компании.

S

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

Н

Н – это надежная упаковка товара и погрузка его в транспортное средство. Так как в спектр услуг Sherlog входит в том числе осмотр и упаковка посылки, то мы добавили кран, поднимающий груз, как символ того, что товар будет доставлен клиенту в целости и сохранности.

E и R

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

Логотип компании Sherlog
Логотип компании Sherlog
Как смотрится разработанный логотип на доставляемом грузе
Как смотрится разработанный логотип на доставляемом грузе

ИТОГИ по ребрендингу логотипа компании Sherlog:

Логотип до редизайна
Логотип до редизайна
Логотип после редизайна
Логотип после редизайна

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

Исходя из опросов фокус-группы, по новому разработанному нами логотипу можно сразу определить деятельность компании, вектор ее деятельности. Новый логотип направлен именно на работу над узнаваемостью бренда Sherlog на рынке, тем самым может увеличивать конверсию продаж за счет заложенных в него смыслов:

1. Доверие клиентов

2. Бережная упаковка

3. Быстрая доставка

Этап 2 – создание логотипа

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

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

1. Надежность

2. Оперативность

3. Доверие к компании

Именно поэтому моей командой был проведен анализ конкурентов, чтобы подобрать и создать уникальную структуру для сайта компании Sherlog:

Предварительная структура сайта Sherlog

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

Я и моя команда привели разделы сайта в порядок. Определились со шрифтовыми парами, привлекли копирайтера для написания текстов, составили UI-kit (готовый набор элементов пользовательского интерфейса):

UI - kit (набор элементов пользовательского интерфейса)
UI - kit (набор элементов пользовательского интерфейса)

После того как был готов и согласован с заказчиком дизайн-макет Desktop-ной версии сайта (для компьютера), мы разработали дизайн-макет для планшетных и мобильных версий:

Дизайн компьютерных (Dekstop-ных), планшетных и мобильных версий сайта
Дизайн компьютерных (Dekstop-ных), планшетных и мобильных версий сайта

Этап 3 – Вёрстка

Следующим этапом была верстка сайта. В верстке мы использовали HTML, CSS, Sass, Javascript, PHP.

Верстка промо-сайта Sherlog
Верстка промо-сайта Sherlog

Далее мы настроили плагин PHP Mailer, который позволяет отправлять на почту сообщения о заявке.

Заполнение формы заявки
Секция о компании
Секция этапы работ

Я и моя команда провели полный ребрендинг в сети и создали представительский сайт, а также сделали редизайн логотипа, что позволило компании Sherlog увеличить конверсию продаж, а также закрепить свои финансовые показатели на рынке.

Количество клиентов у Sherlog увеличилось благодаря полному редизайну.

Спасибо за просмотр!

Ссылка на GitHub: https://github.com/krendell13/Sherlog

Ссылка на сайт компании: https://sher-log.ru/

Ссылка на статью telegra.ph:

По возникшим вопросам или предложениям обращайтесь в телеграмм: @krendell113

4 комментария