01
Задача
Бренд продавав переважно через Instagram і хотів власний інтернет-магазин. Старий сайт виглядав застаріло, повільно вантажився і на телефоні ним було майже неможливо користуватися — хоча понад 70% відвідувачів заходили саме з мобільних.
Цілі були зрозумілі: сучасний дизайн у стилі бренду, каталог, яким легко керувати, і оформлення замовлення, яке не втрачає покупців.
02
Рішення
Моя команда дизайнерів створила чистий інтерфейс у Figma, починаючи з мобільної версії. Після того як клієнт затвердив кожен екран, я зробив власну тему для WooCommerce з нуля — без важких конструкторів, — тож магазин швидкий і його легко оновлювати.
03
Що зроблено
- UI/UX-дизайн у FigmaMobile-first дизайн-система, 20+ екранів і клікабельний прототип.
- Магазин на WooCommerceФільтри товарів, таблиця розмірів, список бажань, швидкий перегляд і оформлення на одній сторінці.
- Власна темаПіксель-перфект адаптивний код з плавними анімаціями і ACF-блоками.
- Налаштування SEOМета-теги, мікророзмітка товарів, sitemap, Search Console і Analytics.
- Оптимізація швидкостіЗображення WebP, ліниве завантаження, кешування і мініфікація.
- Запуск і підтримкаХостинг, SSL, налаштування оплати і допомога після запуску.
04
Дизайн
Мінімалістичний макет, у якому головні — товари: великі фото, виразна типографіка і один акцентний колір для всіх кнопок.
05
Результати
0
Бал PageSpeed на мобільних
0с
Середній час завантаження
0
Тижнів від ідеї до запуску