Копіювання та повна переробка мобільного лендингу на сучасний код

У межах проєкту я повністю пересобрав мобільний лендинг замовника, оскільки початкова версія сторінки була написана на заплутаному та нестабільному коді. Старий варіант не давав можливості швидко вносити правки, працював повільно й ускладнював подальшу підтримку.

Що було зроблено

• Повна реконструкція лендингу за готовим зразком, без макета — з ручним перенесенням усіх елементів інтерфейсу, зображень, іконок та візуальних ефектів.

• Верстка з нуля на чистому HTML, CSS та SCSS зі структурованою та логічною архітектурою коду.

• Оптимізація продуктивності: прибирання зайвих стилів, коректна робота адаптиву, пришвидшене завантаження сторінки.

• Налаштування модальних вікон, форм та інтерактивних елементів, щоб сторінка була повністю функціональною.

• Упорядкування верстки: акуратна файловa структура, зрозумілі класи, продумані стилі — код став зручним для подальших змін та масштабування.

Результат для замовника

Клієнт отримав той самий лендинг за дизайном, але на новому, чистому й підтримуваному коді:

• сторінка працює швидше;

• правки вносяться легко;

• структура стала зрозумілою та гнучкою.