iPoint: модернизация интернет-магазина техники Apple

Главное о кейсе

Провели комплексную модернизацию интернет-магазина iPoint. Все работы выполнены за 1,5 месяца — к старту продаж новой модели iPhone.

Как проект изменил жизнь пользователей

1. Заказчик получил полноценный интернет-магазин в указанные сроки — к старту продаж новой модели iPhone.

2. Интернет-магазин решает поставленные бизнес-задачи, а визуально привлекательный интерфейс подчеркивает статус компании и создает ассоциацию с современным брендом.

3. Обновленный технический стек обеспечивает безопасность сайта, быструю скорость загрузки страниц и работу без «просадок», позволяет бизнесу развивать проект без дополнительных затрат.

4. Покупатели быстрее находят нужный товар, не теряются в категориях и легко ориентируются на сайте.

5. Скоро пользователи получат умный поиск, сравнение товаров, личный кабинет, рассрочку онлайн, уведомления и другие сервисы, которые улучшат процесс покупки.

Бизнес-задача и ее решение

iPoint — один из крупнейших магазинов по продаже техники Apple в Новосибирске с филиалом в Москве. На момент обращения к нам был действующий интернет-магазин, который не соответствовал современным требованиям.

Цель — успеть провести обновление сайта к старту продаж новой модели iPhone.

Основная сложность заключалась в том, что нужно было перепрыгнуть сразу через несколько крупных версий Laravel и Nova, из-за чего многие модули и кастомные компоненты перестали быть совместимы с новой архитектурой. Это потребовало глубокой переработки кода и фактически пересборки части функционала с нуля.

Крафт (мастерство), реализация, технические детали

Переход на современный фронтент.
Перед нами стоял выбор: повторить старый подход или перейти на Vue.js. Сроки были одинаковыми, поэтому выбрали Vue.js за динамичный интерфейс.

Обновление серверной части.
Стек за годы устарел. Чтобы обновить Laravel и PHP, мы развернули проект на новом сервере с актуальной ОС и поддержкой PHP 8.3. Laravel обновили сразу с 7.10 до 12.0 — с заменой библиотек и переработкой отдельных модулей, чтобы привести архитектуру к современным стандартам.

Админка.
Сложностью стала Nova: версия 3.0 оказалась несовместима с нужной нам 5.0. Все кастомные компоненты ломались. Мы пересобрали кастомные модули заново — скрипты, стили, шаблоны и логику. В итоге админка получила полностью обновлённую архитектуру, готовую к расширению.

API и особенности каталога.
Динамическое дерево категорий ломало логику фильтров и тегов. Мы переработали бизнес-логику API: учли связи между категориями и страницами, обеспечив корректное построение фильтров и стабильную работу каталога.

В старом дизайне цвета товаров отображались через фотографии моделей. Мы добавили возможность задавать hex-код, который автоматически подставляется в карточку товара.

Обновили скрипт Jivo, корректно встроили его и протестировали работу.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Разработали дорожную карту дальнейшего развития проекта:
1. Умный поиск по каталогу
2. Многоуровневая фильтрация
3. Сравнение товаров
4. Личный кабинет покупателя
5. Система уведомлений
6. Онлайн-кредит
и рассрочка
7. Интерактивный конфигуратор для подбора товаров
8. Калькулятор доставки

Прочая информация о кейсе

Стек технологий: Nuxt, Vue.js, Laravel, PHP 8.3, Nova

Скриншоты