Адаптація Photoshop-макету на Weblium

---
Назва проєкту:
Адаптація Photoshop-макету на Weblium із усуненням критичних платформених обмежень
Опис:
Реалізовано повний цикл створення WEB-сторінки в середовищі Weblium на основі дизайнерського макету з Adobe Photoshop. У процесі реалізації виявлено низку проблем, пов’язаних з приховуванням частини контенту через обмеження платформи.
Виклики:
- Недоступність окремих DOM-елементів після публікації
- Неможливість прямого редагування CSS/JS-коду в Weblium
- Обмеження overflow та висоти блоків, що приховували контент
Рішення:
- Проведено повну інспекцію DOM та стилів
- Написано JavaScript-скрипт, який:
– Динамічно оновлює висоту блоків
– Робить приховані елементи видимими
– Працює автономно через функціональний блок Weblium
Формат:
Сторінка створена з фокусом на мобільні пристрої як ключову платформу взаємодії користувачів.
Адаптація для десктопних пристроїв можлива при розширенні проєкту.
Потенційне розширення — Countdown таймер:
Передбачалось реалізувати динамічний countdown таймер, який працює без перезавантаження сторінки та оновлює DOM у реальному часі.
На даний момент інтеграція призупинена за бажанням клієнта, проте технічне рішення повністю підготовлене до запуску.
Функції таймера включають:
– Зворотний відлік до події або дати
– Адаптивне оновлення DOM
– Стилізацію згідно з дизайном
– Оптимізацію під мобільні пристрої
Результат:
- Стабільна робота сторінки на всіх мобільних пристроях
- Повна відповідність візуальному макету
- Всі елементи доступні, контент не приховується
Моя роль:
Аналіз, програмування, тестування, інтеграція — повний цикл реалізації