Вёрстка маркетингового сайта для Platton — платформы поиска лучших тарифов на авиа- и морские грузоперевозки по всему миру

Описание

Platton — международная платформа, которая агрегирует предложения фрейт-форвардеров и позволяет получать мгновенные котировки на грузовую доставку. Клиенту требовался представительный маркетинговый сайт под целевую аудиторию уровня Apple, Amazon, FedEx, Microsoft — premium-позиционирование, доверие с первого экрана, чёткое ведение к регистрации.
Моя задача в проекте — выполнить pixel-perfect HTML/CSS-вёрстку по готовому дизайну и передать её следующему разработчику для интеграции в Angular-приложение.

Решение

Я сверстал статичные HTML/CSS-страницы по предоставленному дизайну. Реализовал все ключевые секции: тёмный hero-блок с крупной типографикой и анимированным глобусом, ленту логотипов партнёров, секцию с карточками преимуществ в двух визуальных состояниях (светлое и тёмное), навигацию и CTA-элементы. Соблюдал компонентную структуру вёрстки, чтобы разработчику было удобно переносить код в Angular.

Результат

Вёрстка была передана Angular-разработчику и интегрирована в итоговое приложение. Чистая структура кода и соблюдение дизайн-спецификаций позволили сделать передачу бесшовной и без правок на стыке.

Презентация проекта