Інтернет-магазин FAHRENHEIT
FAHRENHEIT - український бренд функціонального одягу для туризму, риболовлі та мілітарі-сегменту: мембранні куртки та штани з утеплювачем PrimaLoft, фурнітурою YKK AquaGuard та тканинами Cordura і
Gelanots. Три аудиторії (чоловіки, жінки, діти), десятки моделей у кількох серіях, складна розмірна сітка з подвійною градацією та кольорові варіації. Бренду потрібен був повноцінний інтернет-магазин, який витримає
складність асортименту з варіативними розмірами і кольорами, забезпечить автоматичну синхронізацію товарів і замовлень з обліковою системою та дасть покупцю зручний шлях від пошуку до оплати - з порівнянням, обраним,
предзамовленнями і покупкою в один клік.
Завдання
Розробити інтернет-магазин FAHRENHEIT з повним циклом ecommerce: каталог з багаторівневою фільтрацією, варіаціями розмірів і кольорів, групуванням карток за кольорами, порівнянням товарів, обраним
та розділом знижок. Реалізувати двосторонню інтеграцію з обліковою системою (прийом товарів, оновлення залишків, передача замовлень), систему предзамовлень з email-сповіщеннями при зміні наявності, покупку в один клік,
вхід в особистий кабінет під час оформлення замовлення. Підключити Нову Пошту, LiqPay, колтрекінг. Провести первинну SEO-оптимізацію, оптимізацію швидкості завантаження. Забезпечити двомовний інтерфейс (UA/EN).
Що зроблено
- Розроблено бекенд на PHP-фреймворку з архітектурою варіативних товарів: кожна модель підтримує множинні розміри з подвійною градацією (розмір та зріст) та кольорові варіації з індивідуальними залишками та зображеннями. Картки товарів у каталозі групуються за кольорами, щоб покупець бачив усі варіанти однієї моделі поруч.
- Побудовано каталог з багаторівневою навігацією: мегаменю за аудиторією (Чоловікам, Жінкам, Дітям), категорії за призначенням (Туризм, Рибалка, Мілітарі), спеціальні розділи (Бестселери, Solar Guard), окремий розділ «Знижки» з червоним бейджем «Гарячі» у навігації.
- Реалізовано повнофункціональну фільтрацію в каталозі: за категорією, розміром, кольором, ціновим діапазоном, матеріалом та іншими характеристиками з AJAX-оновленням без перезавантаження сторінки.
- Створено детальну картку товару з галереєю, селекторами розміру та кольору, посиланням на таблицю розмірів, статусом наявності, ціною, кнопками «Купити» та «Купити в один клік», іконками обраного та порівняння, лічильником кількості та шерингом у соцмережі.
- Побудовано табовий блок «Опис та характеристики / Відгуки» на картці товару: структурована таблиця технічних параметрів (матеріал, утеплювач, фурнітура, водонепроникність, повітропроникність, вага) та модуль відгуків з рейтингом.
- Реалізовано систему порівняння товарів із лічильником у хедері: покупець додає моделі та бачить зіставлення характеристик у табличному форматі для прийняття рішення.
- Створено список обраного (wishlist) із лічильником у хедері та можливістю швидкого переходу до покупки.
- Реалізовано зміну розміру товару безпосередньо в кошику: покупець може скоригувати розмір без видалення позиції та повторного додавання, з автоматичною перевіркою наявності обраного розміру на складі.
- Побудовано механіку предзамовлення: якщо товару немає в наявності, покупець залишає email і автоматично отримує сповіщення при зміні кількості на складі.
- Реалізовано вхід в особистий кабінет безпосередньо під час оформлення замовлення: покупець може зареєструватись або авторизуватись на етапі чекауту без втрати вмісту кошика.
- Інтегровано з обліковою системою у двох напрямках: імпорт товарів із залишками, цінами та характеристиками з облікової системи на сайт, та автоматична передача нових замовлень із сайту назад в облікову систему для обробки менеджерами.
- Підключено API Нової Пошти для автоматичного розрахунку вартості доставки та вибору відділення з автокомплітом, та LiqPay для онлайн-оплати.
- Інтегровано колтрекінг для відстеження дзвінків з різних рекламних каналів та кнопку «Зателефонувати?» з динамічною підміною номерів у хедері.
- Проведено первинну SEO-оптимізацію: мета-теги, структуровані дані, ЧПУ-адреси, XML-карта сайту, оптимізація заголовків та alt-атрибутів зображень для індексації каталогу пошуковими системами.
- Виконано оптимізацію швидкості завантаження: lazy loading зображень, мінімізація CSS/JS, серверне кешування для утримання мобільного трафіку.
- Побудовано секцію «FAHRENHEIT та життя» з masonry-сіткою лайфстайл-фотографій та кнопкою «Переглянути більше» для формування емоційного зв'язку з брендом.
- Реалізовано двомовний інтерфейс (UA/EN) з перемикачем у хедері.
- Виконано адаптивну верстку: мобільна версія з вертикальною розкладкою категорій, бургер-меню, оптимізованою карткою товару та зручним чекаутом.
Розкажіть про Ваш проєкт