Стек и технологии:
- Nginx
- PHP
- MySQL
- Elastic Search
- Bitrix
- Typescript
- Next.js
- React
- Redux
- SCSS
- Responsive верстка
- Docker
Было сделано:
- Разработали дизайн в Figma по методу mobile first
- Модифицировали Bitrix в headless инструмент
- Разработали Frontend на React и Next.js
- Провели глубокую интеграцию с аналитическими инструментами, буквально каждое действие пользователя отслеживается через Amplitude, а также Google Analytics и Yandex.Metrika.
- Развернули сайт на сервере, подключили домен, почтовый сервис и Cloudflare
Интернет-магазин создавался под ключ. В качестве Backend'а выбрали Bitrix, но доработали его и превратили в Headless CMS, то есть Bitrix стал выступать в роли API, данное решение дало нам полную свободу в Frontend части, в частности в выборе технологий и фреймворков. Интегрировали в Bitrix Elastic Search, что дало большую производительности в поиске и фильтрации товаров по любым параметрам и их комбинациям.
Frontend сделан на базе фреймворка React и Next.js (static generation). Все страницы генерируются и кэшируется на сервере, таким образом пользователь получает сразу сгенерированную страницу, это дает большую скорость в получении контента пользователем, что положительно сказывается не только на пользовательском опыте, но и на метриках Web Vitals, от которых зависит качество ранжирования поисковыми системами. Все картинки являются responsive, то есть пользователь получает картинку необходимого размера, а не всегда большую и тяжеловесную, что дает быструю загрузку сайта пользователем.
Помимо подключения популярных инструментов, как Google Analytics и Yandex Metrika. Подключили нестандартный аналитический инструмент Amplitude. Отслеживаются буквально все действия пользователей, что дает заказчику детальное понимание, как используют его продукт.
В целях сохранения коммерческой тайны и конфиденциальности заказчика были размыты чувствительные данные.