Для создания html баннера подойдет программа adge animate.

Заходим в программу и нажимаем создать новый проект.

В первую очередь определимся с размером баннера.

Сделаем стандартный баннер размером 240 на 400 px.

Размер выставляем в левой части экрана у слоя stage.

Подготовим изображения для баннера.

Чтобы сделать gif баннер самому, нужно иметь на своем компьютере программу photoshop.

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

После того как мы сделали девять этапов создания landing page, посмотреть этапы можно тут.

Мы приступаем к созданию прототипа сайта в программе.

Удобно будет делать прототип онлайн в интернете, чтобы можно было поделиться ссылкой с другим человеком для уточнения и редактирования блоков, элементов, форм захвата, текста перед созданием дизайна в photoshop.

Сделаем дизайн шапки сайта landind page для юриста в программе photoshop.

Шапка у лендинга имеет большое значение, она должна зацепить посетителя и удержать на сайте.

Зацепить можно продающим заголовком уникальным торговым предложением.

Сделаем простой дизайн карточки товара в программе photoshop.

Подобную карточку товара можно вставить на landing page.

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

Для выравнивания блоков и текста можно использовать двенадцати колоночную сетку bootstrap.