Frontend и WebUI для интернет-магазина "Safari" из Figma (e-Commerce)

Интернет-магазины
2 просмотра
15.10.2024
1242×69876 КБ
Открыть в полном размере
smartmockups_m29cty7v.jpg
2942×2572454 КБ
Открыть в полном размере
maksymsurkov.github.io_Portfolio_safari_account-cart.html.png
2942×2786542 КБ
Открыть в полном размере
maksymsurkov.github.io_Portfolio_safari_account-orders.html.png
2942×3072630 КБ
Открыть в полном размере
maksymsurkov.github.io_Portfolio_safari_account-checkout.html_form%5B%5D=1&form%5B%5D=1.png
1029×28871 МБ
Открыть в полном размере
maksymsurkov.github.io_Portfolio_safari_index.html.png
1471×32842 МБ
Открыть в полном размере
maksymsurkov.github.io_Portfolio_safari_shoes.html.png

Задание было перенести макет интернет-магазина из Figma в жизнь, реализовать функционал корзины и личного кабинета, а также систему фильтрации товаров. Особое внимание уделить UX и кроссбраузерной совместимости. Как Frontend-разработчик, я выполнил проект от верстки до реализации всех функциональных элементов с методологией BEM для организации чистого и поддерживаемого кода. JavaScript использовался для интерактивности и реализации функционала, включая плавную прокрутку, анимации, кастамизированные элементы select и checkbox. Для сборки проекта и автоматизации задач использовал Webpack и Gulp. Для улучшения производительности и оптимизации изображений был применен функционал Lazy loading. Реализован функционал фильтрации товаров по категории, размеру и цене. Спойлеры для улучшения UX. Были созданы страницы личного кабинета и корзины с возможностью управления товарами.

Результаты: Создан удобный, отзывчивый интернет-магазин (e-Commerce) с чистым и структурированным кодом, который предоставляет пользователям интуитивный интерфейс для покупок и управления заказами, поддерживая современные стандарты веб-разработки.