Проєкт реалізовано повністю з нуля на основі макета з PDF-файлу. Сайт було розроблено як односторінковий застосунок (SPA) із використанням сучасного фронтенд-стека. Основна увага приділялась структурі, адаптивності, плавній навігації та ефектам появи контенту.
Ключові етапи виконаної роботи:
- Верстка всіх блоків і сторінок за оригінальним дизайном з PDF
- Побудова внутрішньої навігації через Vue Router
- Створення адаптивного інтерфейсу під усі типи екранів (десктоп, планшет, мобільний)
- Реалізація анімацій ефекту "fade-up" при скролі за допомогою бібліотеки AOS
- Налаштування кастомного Webpack-збірника з підтримкою .vue, WebP-зображень, стилів та SVG
- Імпорт і конфігурація Font Awesome для використання іконок у будь-якій частині застосунку
- Плавний скролінг та збереження позиції прокрутки між сторінками
- Акуратна робота зі шрифтами, колірною палітрою та базовою SEO-структурою
Використані технології :
- Vue 3, Vue Router
- CSS3, Flexbox, Media Queries
- AOS.js - анімації при скролі
- Webpack - кастомна конфігурація
- Font Awesome, Google Fonts
- WebP-зображення
- Компонентна структура + lazy loading