Интерактивный сайт с горизонтальным скроллом и анимацией на основе архивных материалов за рекордные 2 недели.
Клиент

Melon Fashion Group — ведущий российский ритейлер модной одежды: владеющий популярными брендами Zarina, befree, Love Republic и Sela. Компания представлена в 8 странах, в том числе Польше, Казахстане, Грузии и Армении. Ежедневно в 850 магазинах осуществляют покупки более 100 000 человек.

Задача

Подготовить спецпроект к юбилею компании, рассказывающий о самых ярких и знаковых событиях: истории, кампейны, ценности, люди — все, чем живет Melon Fashion Group.

Реализация

За 15 лет компания успела сильно вырасти, провести много смелых и ярких рекламный кампаний, воспитать преданных поклонников. Все эти события требовалось систематизировать и уместить в рамках одного ресурса, не забыв подчеркнуть торжественность события, к которому был приурочен спецпроект.

Проектирование

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

Дизайн-концепция

В основу легла увлекательная история компании, которая открывается пользователю «скролл за скроллом». Насыщенные цвета, интерактивные заголовки, гармоничная анимация, уникальные архивные кадры и видео с Гошей Куценко, Наоми Кэмпбелл и Натальей Водяновой — все это призвано отразить характер компании: «быть в авангарде», гореть, мечтать, воплощать самые смелые идеи и задумки.

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

Анимация

Немаловажную роль в проекте сыграла анимация: сочетание вертикальной и горизонтальной прокрутки, плавные переходы между смысловыми блоками, смены фонов и курсора — дали интерфейсу завораживающей динамики, заставляя жадно листать страницу в поисках новых «пасхалок».

Технологический стек

Vue.js, nuxt, gsap

Результат

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

Комментарий заказчика

Помню, как мне пришла в голову идея проекта, как я копалась в архивах, собирала контент, писала тексты, а бравые котики из ARTW смогли легко и очень круто реализовать задуманное. Буквально прочувствовать, как воплотить мечту в реальность. И это получился очень красивый проект, о котором написали отраслевые СМИ! Без рассылки по журналистам!
Юлиана Бычкова, Head of Communications Melon Fashion Group.

Награды

Рейтинг Рунета

  • Серебро в номинации «Одежда и обувь»

Tagline Awards

  • Серебро в номинации «Лучший сайт мероприятия»

Золотой сайт

  • Серебро в номинации «Сайт конференции, мероприятия».
  • Специальный приз в номинации «Лучший сайт Северо-Западного региона».

Awwwards

  • Honorable Mention

CSS Design Awards

  • Site Of the Day (3 special kudos: best innovation, best ui design, best ux design)

Orpetron

  • Сертификат Orpetron Web Design Appreciation.

Скриншоты
 

Санкт-Петербург,
8-я Красноармейская ул., д.10

[495] 077 88 99