Разработка сайта для модного дома Yanina Couture

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

• Сроки разработки: 2 месяца от первой версии макета до первой версии сайта и еще 1 месяц на доработки “фишек” по проекту (декабрь 2018 - март 2019)
• Размер команды: 7 человек

Целью было сделать имиджевый сайт для крупного российского Дома Моды и успеть с реализацией проекта до показа мод в январе. C этими задачами мы справились. Клиент, довольный качеством работы, дополнительно заказал разработку брендбука и носителей фирменного стиля. Сейчас сайт находится на гарантийном обслуживании по технической поддержке.

_________________________________________________

Goals and KPIs achieved

● Website development time: 2 months from the first design layout version to the first version of the website and another month for adding special features (December 2018 - March 2019)
● Team size: 7 people (a project manager, an art director, a head of front-end development and a front-end developer, two back-end developers, a tester)

The goal was to create an image website for a large Russian fashion house and to launch it before the runway show in January. We completed the tasks and met the deadlines. The client was satisfied with the quality of our work and in addition ordered development of a brand book and corporate identity media. Now the website is maintained by our technical support team as part of our after-sales service.

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

Переработку сайта приурочили к 25-летию агентства Yanina Couture и к показу новой коллекции. Основной целью было — сделать имиджевый сайт на русскоязычную и иностранную аудиторию.

Клиент обратился в WebCanape по рекомендации известного бизнес-спикера. С начала обсуждения проекта стало ясно, что сайт Yanina Couture станет для нас статусной работой, поэтому в процессе пресейла первые макеты страниц и визуализацию мы сделали бесплатно, а презентация второй версии проходила в офисе Дома моды.

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

Первый вариант дизайна презентовали в режиме скайп-конференции с участием арт-директора и руководителя отдела продаж, но клиенту макеты не понравились. Три непопадания из трех:
• на переговорах выяснили, что нужен стильный сайт без сложных визуальных эффектов;
• концепция венецианского стиля оказалась не близка клиенту — платья Yanina Couture чаще появляются на красной ковровой дорожке Голливуда и в Каннах, чем в Венеции;
• не подошла модель, которая находилась на фоне логотипа.

У клиента изначально было 2 направления работы — эксклюзивные дизайнерские платья в высоком ценовом сегменте и платья в среднем ценовом сегменте. Когда готовили макеты, выбрали модель в платье из среднего ценового сегмента, а сайт был нацелен на аудиторию эксклюзивных платьев – и это стало еще одной причиной для изменения макета.

При создании второго варианта макета арт-директор WebCanape вдохновился образом Карла Лагерфельда и сделал сайт в строгих и стильных черно-белых тонах.

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

После согласования второго варианта макета заключили договор и приступили к полноценной разработке сайта.

Разработка сайта

Так как сайт был приурочен к показу в конце января, то мы были ограничены сроками — с момента подготовки первого макета до начала показа было 40 рабочих дней. Переговоры с клиентом начали в середине ноября, и 21 числа уже начали рисовать первый вариант макета, второй вариант дизайна согласовали в начале декабря и приступили к полноценной разработке 10 числа.
Объем работы был большой, поэтому договорились, что реализуем до выкладки сайта только часть «фишек», а через месяц после показа добавим остальное. Например, поэтому на первом этапе сделали вместо автоматической подгрузки обычную пагинацию и большую часть проекта доверстали до Нового года.
После Нового года основную часть времени заняло наполнение — новости и фото переносили вручную, загружали.
Так как основной рынок дизайнерских платьев – это Америка и Европа, на сайте сделали английскую языковую версию.

В 21 января сайт уже был выложен.

Особенности реализации проекта

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

Сделали анимированные всплывающие окна с платьями из коллекций.

Доработали прокрутку страниц, где подгружаются картинки с анимацией – аналогичное решение применили в разделе «Знаменитости».

Сделали прелоадер, но потом решили, что он не нужен. Скорость загрузки сайта, по данным сервиса Google Page Speed составляет 1,8 секунды.

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

_____________________________________________

The website redesign was timed to coincide with the 25th anniversary of Yanina Couture and a new collection runway show. The main goal was to make an image website aimed at Russian-speaking and foreign audiences.

The client contacted WebCanape on the recommendation of Maxim Batyrev. At the very start of the project negotiations we realized that Yanina Couture's website was a high-profile task for our digital agency, so at the presale stage we developed the first design layouts and a visualization concept for free. The second set of design layouts was presented in the client's office.

We brainstormed the first version of a design concept and made an animated header and a video to demonstrate how the website would load. We chose Venetian style as the main theme of the website.

Our art director and head of sales presented the first variant of design to the client during a Skype conference call, but the client did not like the proposed webpage layouts. Three misses out of three:
● only on that conference call we found out that the client wanted a stylish website without complex visual effects;
● the Venetian style concept did not appeal to the client as Yanina Couture dresses more often appear on the Hollywood red carpet and in Cannes rather than in Venice;
● the client did not like the model on the background.

For the second set of design layouts our art director took inspiration from Karl Lagerfeld's image. The website's palette was made up of sombre, mostly black and white tones.

In the second variant we cut on complex visual effects, adding instead smooth transitions, collections preload and news.
Design layout were presented to the client in person by our sales manager and a future project manager. The result was received well, but the client found the “Events” box and the video on the main page unnecessary and asked us to put them on the internal pages of the website instead.

Upon approval of the second version of the design layout, we signed an agreement and proceeded to the website development.

Website development

Since it was important for the client to have a website launched by the date of the runway show timed to coincide with the fashion house's anniversary, the deadline was pressing — we had 40 working days from the time the first design layout was prepared till the runway show. The negotiations began in mid-November, and on the 21st of November we were already working on the first set of design layouts. The second set was approved at the beginning of December, and we proceeded to development of the website on the 10th of December.
There was a lot of work, so we agreed that we would implement just some of the features before publishing the website and add the rest within a month after the runway show. Thus, at the first stage, we implemented a standard pagination algorithm instead of automatic preloading and most pages were completed by the New Year.
After the New Year, content filling took most of the time as news and photos were transferred from the old website manually.
As the main market for designer dresses by Yanina Couture is America and Europe, we added an English language version on the website.
The website was published on January 21st.

Features of the project

In the first website version, developed in January, the news feed was loaded at once, through pagination. In March, we finalized the automatic loading and display of news, based on the size of the photo. We often use our practices, we worked out at our previous projects, and ready-made modules of our proprietary CMS, but this solution was developed from scratch specifically for this project.

We made animated pop-ups showcasing dresses from the collections.

We finalized page scrolling mechanics with loading of animated images. A similar solution was implemented in the "Celebrities" section.

We also made a preloader for the website, but decided against this solution. According to Google's PageSpeed Insights, the load speed was already high — 1.8 seconds (compared to the normal value of 3 seconds).

When the website was completed, we developed a corporate identity for the client: a logo brand book, a corporate presentation, a visualization concept for corporate identity media (a signboard, a branded bag, a pillow, a magazine, an umbrella, business cards, a notebook).

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

Модный дом Yanina Couture основан в 1993 году дизайнером Юлией Яниной. На протяжении 25 лет компания, расположенная в бывшем частном особняке в центре Москвы, напротив Красной площади, создает роскошные элегантные платья. Сейчас в Yanina Couture более 80 мастеров. Клиентами Модного дома являются представители бизнес-элиты, политики, главные редакторы модных глянцевых изданий, светские персоны, звезды киноиндустрии.

_____________________________________________

Yanina Couture Fashion House was founded in 1993 by designer Yulia Yanina. For 25 years, the company, located in a former private mansion right opposite Red Square, has been creating elegant luxurious dresses. Now over 80 tailors work at Yanina Couture. Among the clients of the fashion house there are members of the business elite, politicians, chief editors of fashion magazines, socialites, movie stars.

Скриншоты