Разработка сайта и фирменного стиля для ТД ПАРТНЕР

ТД ПАРТНЕР - дочерняя компания логистической фирмы Major. Портфель услуг Партнера более прицельный и точечный. На данный момент это 3 направления: морские перевозки, таможенное оформление и торговое агентирование.

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

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

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

Прежде чем приступить к отрисовке концепций и всего дизайна мы разработали фирменный стиль и логотип. Для акцентных цветов мы выбрали яркий цвет - электрик. Также второстепенным цветом подобрали необычный серебряный градиент.

Бэкенд

Для реализации бекенд части сайта использовалась CMS 1С-Битрикс, а также php фреймворк Slim для создания rest api.

- Организовали вывод динамической информации на сайте с возможностью редактирования из админ панели.

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

- Настроили административную панель сайта для упрощения работы менеджеров клиента с сайтом.

- Создали rest api для обработки ajax запросов с фронта.

Фронтенд:

- для создания разметки страниц использовался шаблонизатор Pug. Он позволяет использовать синтаксис, похожий на HTML, но с дополнительными возможностями создавать более чистый и понятный код, а также он упрощает работу с компонентами.

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

- для анимации использовалась библиотека GSAP. Она позволяет создавать высокопроизводительные и контролируемые анимации.

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