Была задача:
Сверстать страницу лендинга + лид-магнит как небольшой лендинг с мобильной версией,
есть макет в Figma
Сделать для wp или тильды.
Заказчику важно было легко и просто редактировать сайт.
Делал работу по предоставленному заказчиком макету Figma.
Ссылка на макетСсылки на работу:Ссылка на главную страницуСсылка на вторую страницуОписание работы:В итоге работа сделана на HTML, CSS, JS, Flexbox, Grid, библиотека FA-icons(добавлены иконки Fontavesome). Сделал несколько слайдеров Swiper, бегающий текст, Popup с ценой и кнопкой записи на курсы. Адаптив под мобильные устройства до 320px.
Далее я сделал посадку на CMS Word Press с использованием плагина Elementor. Использовал именно Elementor потому что с помощью него можно очень гибко и просто редактировать сайт. Сделал свои кастомные виджеты под сайт заказчика.
Проблемы:
Перед началом работы я подметил то что в макете с адаптивом размер шрифта доходит до 6 пикселей, а это крайне мало для читаемости текста! Я предложил сделать адаптив на своё усмотрение. В итоге заказчик сказал делать как в макете, а там посмотрим. Как оказалось текст был крайне маленьким и пришлось переделать адаптив на своё усмотрение.
В итоге работа понравилась и была отправлена заказчику.
