archelon

На русском языке мало, но есть:
Ю. Гордон. Книга про буквы от Аа до Яя
А. Королькова. Живая типографика
А. Горбунов. Типографика и верстка https://bureau.ru/projects/book-typography/

Оба способа имеют право на существование.
В случае с Word нужно учесть возможную несовместимость с альтернативными редакторами (например, LibreOffice). Поэтому PDF надежнее.
В идеале 2 варианта: «парадный» в PDF, и упрощенный в DOCX.
В Word делал так: добавлял заранее подготовленные картинки в колонтитулы (верхний и нижний), + отдельные настройки колонтитулов для первой и остальных страниц. Сохранить лучше в DOTX (шаблон).

проф. съемка, затем ретушь в фотошопе

лебедев любит эпатировать публику, не воспринимайте слишком серьезно.

Субъективные причины — привычка, иногда банально лень.

Объективные причины — это старый привычный предсказуемый формат.

Вот работает дизайнер в фотошопе уже лет 10, знает все нюансы и тонкости. Набил руку, как говорится.
Новомодные же штуки появляются постоянно. Так, чтобы они стали практически стандартом в индустрии, как Figma, происходит редко (почти никогда). И опытный специалист не будет с горящими глазами бросаться на все новинки, сходу отказываясь от привычного надежного инструмента.

В конце-концов, главное — результат, а не то, какой инструмент использован.

1. CSS
Основной принцип такой: задать родительскому контейнеру

.wrapper {
display: flex;
flex-direction: column;
}

Для дочерних элементов установить соответствующее свойство order

.form-block {
order: 1;
}
.heading-block {
order: 2;
}

Разметку, конечно, нужно переделать соответственно.

2. JS
Переместить элемент. Например:
$( '#form' ).appendTo( '#block' );

Это же svg — векторный формат, можно увеличить без проблем.
Но вначале откройте файл в редакторе (illustrator, inkscape) и поправьте как надо (удалите лишнее пространство вокруг самого знака).

Дизайн это не о красоте, а о проектировании.
Вы сейчас выбираете не дизайн, а тему оформления.
В эстетическом плане предлагаемые варианты примерно равнозначны.
Обе темы нормальные, современные, минималистские, все ок.
Но нужно смотреть, насколько выбранная тема соответствует ТЗ.
Марктеплейс — непростая задача, там миллион нюансов, которые нужно решать, и которые совершенно точно не учтены ни в одном шаблоне с themeforest.

адрес у них идет как http а не https

причина именно в этом.

В любом проекте должен быть тот, кто принимает окончательное решение и берет на себя ответственность за возможный провал. Как правило, это руководитель / владелец бизнеса.
Задача дизайнера в этой ситуации максимально внятно аргументировать, почему этот, а не другой вариант дизайна лучше. И «лучше» не с позиции красивее/моднее/современнее/трендовее/...,а с позиции выгоды бизнеса. И окончательное решение все равно должно быть за директором: даже если он тысячу раз не прав, это его зона ответственности.

Для редизайна исходники старого дизайна не нужны.
Под редизайном обычно понимают одно из двух:
— внести коррективы в существующую верстку (там убрать, тут добавить, здесь перекрасить и т.п.);
— нарисовать новый дизайн и все переверстать.
Во втором случае процесс иногда равнозначен «сделать сайт заново с нуля», учитывая негативный и позитивный опыт предыдущего этапа.
И, если у вас доступ только к админке, вы без особых проблем можете забэкапить/скачать/мигрировать сайт, как выше уже подсказали.

Просто нарисуйте промежуточные варианты анимированных элементов.
Можно слепить из них гифку, это просто.
В некоторых случаях можно дать словесное объяснение ожидаемых эффектов, в т.ч. с референсами на другие сайты.
===
Это, если речь идет о технической реализации, а в видеоредакторы вы не умеете.
За идеями и вдохновением можно пойти сюда: https://www.awwwards.com/

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

https://whoision.com/

Поправьте знак примерно так

В остальном ок — на твердую тройку. деньги можно смело брать :-)
Больше усложнять не стоит. Лучше даже упростить.

тысячи их https://codepen.io/