Разработка интернет-магазина мужской одежды премиум сегмента Bugatti

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

По результатам работы, заказчик получил то, что хотел - простой и стильный сайт с удобной корзиной, системой оплаты и доставки.

According to the results of the work, the customer received what he wanted - a simple and stylish site with a convenient basket, a payment and delivery system.

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

В начале работы перед командой ставились следующие цели:
1. Строгий лаконичный дизайн
2. Удобство пользования для всех
3. Презентабельная карточка товара
4. Интеграция со службами доставки и онлайн оплаты

В качестве платформы для реализации был выбран 1С-Битрикс. На нем получилось реализовать все поставленные задачи:
1. Карточка товара и корзина реализованы максимально просто, чтобы все смогли оформить заказ.
Из-за особенностей артикулов у производителя товары разных цветов являются отдельными независимыми товарами. Перед нами стояла задача – перейти в другой товар с уникальным URL'ом без перезагрузки страницы и мы с этим успешно справились. Более того – в быстром просмотре также успешно можно выбрать другой цвет товара и увидеть его фотографии.
2. Дизайн сайта выдержан в лаконичном, "мужском" стиле - ничего лишнего, что могло бы отвлекать от выбора товара
3. Настроена системы доставки и онлайн оплаты различных служб. По желанию заказчика был разработан агент, который отменяет неоплаченные заказы по истечению 48 часов после оформления.
4. Разработана версия для небольших мониторов, планшетов и мобильных телефонов для охвата большей аудитории
5. Сделали первичную SEO оптимизацию - скорректировали структуру, прописали мета-теги и собрали семантическое ядро
6. Для персонализации e-mail уведомлений был разработан дизайн в стиле основного сайта и сверстаны все почтовые шаблоны.


В процесе разработки дизайна мы использовали связку Axure для разработки прототипов, Sketch для разработки дизайна и Zeplin для передачи дизайна Front-end разработчикам. Для программирования проекта использовали мощную IDE PhpStorm от компании JetBrains. Тестирование верстки проводили как на физических устройствах, так и с помощью AVD от Android Studio + эмулятор популярных устройств в среде xCode.

At the beginning of the work, the team set the following goals:
1. Strict concise design
2. Ease of use for everyone
3. Presentable product card
4. Integration with delivery and online payment services

As a platform for implementation, 1C-Bitrix was chosen. It turned out to realize all the tasks:
1. The product card and basket are implemented as simple as possible so that everyone can place an order.
Due to the characteristics of the manufacturer’s products, goods of different colors are separate independent goods. Our task was to switch to another product with a unique URL without reloading the page, and we successfully coped with this. Moreover - in quick view, you can also successfully select a different color of the product and see its photos.
2. The site design is designed in a concise, "masculine" style - nothing more that could distract from the choice of goods
3. Set up delivery systems and online payment of various services. At the request of the customer, an agent was developed that cancels unpaid orders after 48 hours after registration.
4. A version has been developed for small monitors, tablets and mobile phones to reach a larger audience.
5. Made the initial SEO optimization - adjusted the structure, prescribed meta tags and assembled a semantic core
6. To personalize e-mail notifications, a design was developed in the style of the main site and all mail templates were made up.

In the design development process, we used the Axure bundle for prototyping, Sketch for design development, and Zeplin for transferring front-end design to developers. For programming the project used a powerful IDE PhpStorm from the company JetBrains. Testing layouts were carried out both on physical devices and using AVD from Android Studio + an emulator of popular devices in the xCode environment.

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

Bugatti - сеть магазинов элитной одежды немецкого бренда. Сайт рассчитан на мужскую аудиторию, поэтому разрабатывался лаконичный, презентабельный дизайн. Ничего лишнего - только люксовые вещи.

Bugatti is a chain of luxury clothing stores of the German brand. The site is designed for a male audience, so a concise, presentable design was developed. Nothing more - just luxury stuff.

Скриншоты