Опис

Це портфоліо виконаної роботи з веб-розробки та верстки інтерфейсу для онлайн-магазину преміальних годинників WatchCharm. Проєкт реалізовано в межах командної розробки, де особлива увага приділялася адаптивності та сучасному мінімалістичному UI/UX дизайну.

Що замовляв клієнт ?
У межах командного проєкту перед розробником стояло завдання створити функціональний та адаптивний інтерфейс інтернет-магазину. Зокрема, індивідуальна зона відповідальності включала:
- Розробку та верстку секції продажів (Sales Section) та каталогу товарів;
- Створення адаптивного макета для коректного відображення на мобільних пристроях, планшетах та десктопах;
- Інтеграцію розробленої секції в загальну структуру сайту та забезпечення її взаємодії з іншими блоками;
Налаштування інтерактивних елементів інтерфейсу за допомогою скриптів.

Які інструменти фрілансер використовував в роботі ?
- Мови розмітки та стилізації: HTML5 (семантична верстка), CSS3 (флексбокси, гнучкі сітки для адаптивності);
- Програмування: JavaScript (реалізація інтерактивних елементів та логіки поведінки інтерфейсу);
- Контроль версій та спільна робота: Git та сервіс GitHub (робота з гілками, злиття коду та публікація проєкту через GitHub Pages).

Що отримав клієнт у результаті ?
Завдяки злагодженій роботі команди та чіткому розподілу обов'язків було створено сучасний веб-ресурс. У межах реалізації секції продажів було досягнуто наступних результатів:
- Семантична HTML5-розмітка: Секцію каталогу та карток товарів реалізовано з дотриманням стандартів семантики, що спрощує зчитування структури пошуковими роботами та покращує базове SEO сайту.
- Адаптивна CSS-верстка: Налаштовано коректне масштабування блоків під різні роздільні здатності екранів. Картки товарів (із зображеннями моделей Garmin, Casio тощо, описом та цінами) зберігають читабельність та структуру як на великих моніторах, так і на смартфонах.
- Інтерактивність на JavaScript: Інтегровано логіку взаємодії користувача з елементами інтерфейсу, реалізовано зручні переходи до каталогу та взаємодію з кнопками дій.
- Контроль версій та командна інтеграція: Весь процес розробки супроводжувався роботою в системі Git. Це дозволило безконфліктно об'єднати написаний код із рештою частин проєкту та опублікувати робочу версію сайту.

-----
A website of online store with collection of premium watches. Responsive layout.

Tech: HTML5, CSS3, JavaScript, Git/GitHub

Role: Frontend Developer responsible for the Sales Section Team project

Навички

Односторінкові сайти та лендінги, Верстка сайтів та веб-сторінок, HTML і CSS верстка

Веб-адреса

https://buievska.github.io/project-DreamTeam13/

Тривалість

07-04-2025 ↔ 15-04-2025

Вкладення

Вкладення не знайдено