Altris

Верстка та інтеграція лендінгу на 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/
Проект був виконаний у відповідності до всіх вимог замовника, з дотриманням термінів та високими стандартами якості.