Кейс «Лендинг + блог» для коллегии адвокатов

О проекте

Услуга:

Разработка лендинга
Срок реализации:

2,5 недели
Тип сайта:

Лендинг + Блог
Список технологий:

Figma, Html, Css (Scss), Js, WordPress
О заказчике:

Московская коллегия адвокатов «Крылов-Пардилов», занимающаяся различными юридическими практиками: от уголовного права до арбитражных споров

Детали

Задачи клиента

Дизайн в фирменном стиле, который подготовил графический дизайнер
Удобное управление контентом сайта
Удобная структура сайта и минималистичные анимации

Решение задач

Сделали дизайн согласно фирменному стилю компании
Посадили сайт на систему управления контентом WordPress + подготовили бесплатную инструкцию по админке
Создали продающую структуру с удобным окном для оставления заявок, плавные анимации появления блоков и пре-лоадер страницы

процесс работы

- 01

Получение ТЗ и фирменного стиля

Со своей стороны мы делали проект как субподрядчики, в силу чего получили уже готовое техническое задание на разработку лендинга под ключ.
Задача заключалась в создании сайта в формате «лендинг + блог». Такой формат позволяет сделать продающую структуру и получать органический трафик из поисковых запросов за счет статей блога.
Вместе с этим получили фирменный стиль компании от графического дизайнера, согласно которому мы должны были сделать дизайн.
- 02

Заключение договора

Заключили договор субподряда для честного и прозрачного сотрудничества
- 03

Создание дизайна

На основе фирменного стиля и готового ТЗ мы спроектировали дизайн главной страницы в формате лендинга и шаблонов для блога.
Всего было 3 итерации дизайна — клиент сам выбрал тот вариант, который ему понравился больше всех.
Особое внимание уделили чистой структуре, акцентным элементам и плавным анимациям, которые соответствуют деловому образу коллегии адвокатов.
- 04

Разработка

После утверждения дизайна мы приступили к верстке. Она была выполнена на чистом HTML, с использованием препроцессора SCSS и JavaScript для быстрой и оптимизированной работы.
Добавили плавные анимации появления блоков, предзагрузчик страницы и лоадеры (индикаторы загрузки) отправки форм для улучшения пользовательского опыта.
После завершения верстки создали адаптивную версию для корректного отображения на всех устройствах.
Затем приступили к этапу посадки лендинга и блога на систему управления контентом сайта WordPress, написали логику отправки заявок.
- 05

Базовое SEO и сопровождение

На финальном этапе выполнили базовую поисковую оптимизацию: настроили метатеги, заголовки, карту сайта и дружественные URL-адреса. Подключили Яндекс.Метрику для аналитики сайта.
Для удобства заказчика подготовили подробную инструкцию по управлению сайтом в админке WordPress.

Результат

- 01
Продающий лендинг с возможностью редактирования контента
- 02
Удобное написание статей для лучшей индексации (SEO) сайта, базовое SEO с использованием семантики
- 03
2,5 недели на дизайн-макеты и разработку лендинга
- 04
Адаптивный сайт под запуск рекламных кампаний и дальнейшей поисковой оптимизации