Альтрис

Верстка и интеграция лендинга на WordPress

Этот проект заключался в разработке и верстке страницы сайта (лендинга) с адаптивным дизайном до 320px, а также последующей интеграцией на платформу WordPress. Заказчик предоставил техническое задание и дизайн макет на Figma, который включал как веб, так и мобильные версии страницы.

Задачи
Разработка шаблона: Создать шаблон страницы для веб и мобильных версий в соответствии с предоставленным дизайном на Figma.
Тестирование и передача: Провести тестирование готового продукта и передать его заказчику в готовом виде.

Процесс работы
Верстка страницы
Сначала была осуществлена верстка страницы в соответствии с предоставленным макетом на Figma.
Была обеспечена адаптивность страницы, которая корректно отображается на различных устройствах с минимальной шириной экрана до 320px.
В процессе верстки использовались современные технологии, такие как HTML5, CSS3 и JavaScript, что позволило создать стильный и функциональный дизайн.
Адаптивный дизайн

Были применены медиа-запросы (media queries) для обеспечения корректного отображения на мобильных устройствах.
Оптимизированы изображения и другие элементы страницы для быстрой загрузки и улучшения пользовательского опыта.
Интеграция на WordPress

Созданный HTML/CSS/JS код был интегрирован в WordPress как кастомный шаблон.
Были настроены все необходимые функции для обеспечения легкого управления контентом через административную панель WordPress и плагин ACF PRO.
Использованы возможности WordPress для создания динамического контента и удобной модификации страницы без необходимости вмешательства в код.

Тестирование
Проведено тщательное тестирование на различных устройствах и браузерах для проверки адаптивности и функциональности страницы.
Исправлены все выявленные ошибки и недочеты для обеспечения бесперебойной работы.

Результат
В результате работы был создан адаптивный шаблон страницы, который успешно интегрирован на WordPress. Страница корректно отображается на всех устройствах, удобна для управления и модификации контента.

Ссылки на ресурсы

Макет на Figma: https://www.figma.com/design/wFEFHDw9RY21LG77bTCSRN/Untitled?node-id=0-1&t=n0SpXHCu5tlP7tG7-1

Демонстрационная версия до интеграции на WordPress: https://maximusmixik.github.io/Landings/altris/index.html

Версия на сайте заказчика с добавленным обновленным контентом
https://www.altris.ai/landing/
Проект был выполнен в соответствии со всеми требованиями заказчика, с соблюдением сроков и высокими стандартами качества.