AstoundCommerce. История создания сайта электронной коммерции для Versace

Люди и студии

Однажды весенним днём 2012 года мы получили коммерческое предложение на создание интернет-магазина. Это предложение было послано модным домом Versace, и задача была поставлена необычная. По задумке заказчика новый интернет портал должен был стать связующим звеном между потребителями модной одной одежды и самим брендом-производителем. Средством, влияющим на вкусы и потребности любителей моды. Всем известно, что данная марка является одной из самых престижных в мире, и не каждый решится посетить магазин бренда. Таким образом, сайт должен был стать путеводителем в мир Версаче для тех, кого манил его блеск, но они не могли себе это позволить. Также цель клиента была в том, чтобы получить инструмент для исследования целевой аудитории. В конечном счёте, самой важной и необычной частью работы оказался дизайн сайта. И вот мы делимся с вами плодами нашего великолепного и интересного труда.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_1

Донателла — наследница семейного бизнеса, не только возглавляет творческое руководство брендом, но и является душой и сердцем всего модного дома. Придерживаясь генеральной линии, заданной ещё братом, она постоянно привносит нечто новое. По её мнению, Версаче представляет собой квинтэссенцию любви к гламуру, чувственности и энергичности. Версаче — это роскошь, всегда идущая в ногу со временем. И всё выше перечисленное должен был передать наш новый онлайн-проект, при этом, не уходя от принятой стилистики реальных бутиков модной одежды. Так родились один за другим три первых эскиза дизайна, предложенных нами клиенту.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_2 Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_3 Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_4

В результате согласования действий по разработке дизайна нами были получены пояснения заказчика в форме идеи, продуманной дизайнерским агентством из Италии — давним партнёром дома Версаче. Основными элементами предложенной концепции стали приглушённый фон, готическое оформление, окружности — фокусирующий элемент, разные цветовые темы для разделов. Вслед за этим нами была разработана новая версия дизайна.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_5

При разработке дизайна по заказу популярного бренда важно выдержать единство стиля, вот именно из-за этого над оформлением работал один и тот же человек. После дорисовки основы и согласования нового дизайна, нами был составлен путеводитель по стилю, описывающий основные составляющие концепции. Только вслед за этим в процесс был вовлечён дополнительный дизайнерский ресурс. Цвета и шрифты мы позаимствовали из брендового каталога Версаче, а затем впоследствии сам источник был дополнен нашими оригинальными дизайнерскими разработками.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_6

Однако творческий процесс на этом не остановился. Мозаика “Косматеско” должна была стать основой фона — таково было желание хозяйки бренда. На картинке вы можете видеть что-то схожее на запрошенный фон, но всё-таки результат оставлял желать лучшего. Оказывается, для получения заказанного эффекта нужно было взять мозаику из старинной базилики с названием Santa Prassede. Для оформления своих «обычных» магазинов Версаче использовало рисунок пола именно этой церкви, таким образом, и в виртуальном магазине нужно было «уложить» такой же пол. Из выше перечисленного вы смогли понять, что заказчик решил переселить дух бренда из реального мира в интернет. И всё это для того, чтобы у посетителя интернет-бутика создался эффект присутствия в мире Версаче. Самое занятное, что у нас долгое время не получалось достать необходимые снимки из-за ремонта в базилике. И вот они у нас. Мы получили новый результат обработки и совмещения со всем дизайном.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_7 Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_8

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_9

Исходный объём данных в файле с изображением мозаики превысил все допустимые нормы и составил чуть более 25 мегабайт. Для быстрой загрузки интернет страниц оптимален размер файла не более 200 Кб. Пришлось проводить ряд замысловатых операций с разрешениями и типами файлов, пока мы ни добились нужного размера файла при хороших качествах самой картинки фона. Мы остались довольны результатами экспериментов по использованию различных фильтров.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_10

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_11

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_12

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

В течение работы над сайтом появился раздел «Распродажа». Обычно не принято устраивать распродажи в бутиках, продающих одежду самого высокого класса. И к слову, модные бренды как Шанель, Диор и Челине из принципа не занимаются онлайновыми продажами. Всё из-за того, что они очень боятся потерять покупателя в реальных магазинах. А ещё они считают, что продажи через интернет разрушают магическое притяжение волшебного мира моды — человек должен ощущать эксклюзивность и получать наслаждение от самого процесса покупки. И как главная задача таких брендов — сохранить лицо. Важен не объём продаж, а то, что элитная одежда труднодоступна как бриллиант в горной породе.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_13

И в нашем случае раздел «Распродажа » не планировался, исходя из указанных стереотипов владельцев модных брендов. Но вмешалось руководство американского подразделения компании, которое настояло на скидках. Таким образом, данный раздел стал доступен только посетителям, проживающим на территории США. Программный продукт, на основе которого были созданы сайты бренда Версачи, предоставляет возможность легко удалять или добавлять нужный раздел портала. Таким образом, раздел «Распродажа» может присутствовать или исчезать в разных локальных версиях магазина Версачи. Для нас всех остаётся загадкой причина того, что периодически бренд Версачи радует поклонников распродажами в интернет-магазинах.

Даже оформление разных языковых версий сайта оказалось непростым делом. С разработкой функций оплаты и доставки не возникло особых затруднений, а вот с текстами в названиях были определённые затруднения. Так, после перевода оказалось, что некоторые слова невозможно поместить в стандартные круглые слоты. Пришлось потеть над балансировкой размеров и расположения текстов для сохранения визуального единообразия.

Как мы делали Luxury. Создание e-commerce сайта Versace в картинках_14

Повышение продаж не было самой целью разработки портала. Всем прекрасно известно, что одежда класса «высокая мода» и «прет-а-порте» принято продавать в элитных фирменных магазинах реального мира. Но аналитика продаж по регионам за последний месяц 2012 года демонстрирует оправданность запуска данного проекта. Так, в Германии посетители сайта versace.de в среднем тратили 439 евро, а среднее время пребывания на портале чуть превысило 5 мин. Французский интернет-магазин бренда опустошил кошельки посетителей в среднем на 546 евро, а максимальным спросом пользовались сезонные куртки и шапки. А вот самыми экономными посетителями интернет-магазина оказались сами итальянцы. Они в среднем истратили 265 евро, а лидером спроса были очки от солнца и парфюм Eros. Англичане в основном покупали шикарные аксессуары — в среднем покупка была на 391 фунт, сам процесс занимал не более четырёх минут. А вот американцы стали самыми щедрыми ценителями бренда, потратив в среднем 739 долларов, совершив покупку всего лишь за три-четыре минуты. Лидерами заказа стали брендовые очки и пояса. Самыми же активными покупателями на американском портале модного дома оказались пользователи с русскими корнями.

Добавим ещё пару слов о самой разработке. Портал был реализован на платформе Demandware, и представляет собой стандартное решение электронной коммерции с глубокой дизайнерской доработкой. Магазин на основе вышеупомянутой платформы предоставляет весьма удобные средства администрирования и сопровождения сайта. Вдобавок ко всему эта система находится в так называемых облаках — нет необходимости отдельно платить за сервер и нанимать дополнительный персонал. Платформа рассчитывает абонплату за использование. Впоследствии сама оплата взимается как процент от оборота. Но всё-таки такое решение из коробки немного неудобно при разработке для портала модного бренда. Основное приложение платформы обладало бесполезными в нашем случае html-разметками и css-стилями. Поэтому для этого проекта была создана особая версия приложения, включающая в себя лишь необходимые заказчику элементы.

Когда же основной проект был запущен в эксплуатацию, нам была доверена разработка “магазина в магазине” для ответвления бренда Версаче в виде молодежной линии Версус.

Оставить комментарий через:
Предупреждение об авторском праве: Отдельные пользователи могут иметь доступ и загрузить материалы, которые составляют содержание этого сайта. Такое воспроизведение разрешено исключительно на временной основе для доступа к информации, составляющей содержание этого веб-сайта. Информация и материалы на данном сайте защищены авторским правом и не могут быть копированы, использованы или воспроизведены какой-либо третьей стороной без нашего письменного разрешения. Вы можете быть привлечены к ответственности за нарушение авторских и иных интеллектуальных прав. На сайте может содержаться информация предназначеная для людей страше 18 лет