EQPT. Экипировка для спорта и жизни

110 000 ₽

Аналитика

Прототип

1,5 месяца

UX/UI Дизайн

Построение структуры проекта

Вёрстка и программирование

Бренд спортивной экипировки EQPT — производство спортивной экипировки с индивидуальным дизайном, с учетом потребностей спортивных клубов и организаций.

Проект реализован совместно с нашими партнёрами Social Animals. Переговоры с заказчиком были полностью на стороне партнера. Реализация от аналитики и проектирования, до запуска сайта — на нас.

Клиент:

Бренд спортивной экипировки

UX/UI, сайт под ключ

Результат:

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

Проведя исследование и анализ конкурентов, мы выделили 3 ключевых посыла, которые необходимо донести на сайте:

Качество — улучшенные характеристики спортивной экипировки. Необходимо донести, почему именно эта одежда будет комфортна при активном спорте.

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

Дизайн — спортивная форма изготавливается под заказ, поэтому можно отстроиться от конкурентов и предлагать классную фирменную экипировку.

После проведенной аналитики построили структуру сайта и провели визуальное исследование.

Скриншот визуального исследования. Собрано 28 сайтов для проведения анализа и составления style board.

Заказчики внесли небольшие корректировки, но им безумно понравились референсы и собранный style board.

«Референсы очень крутые в исследовании, особенно акцент на крупную типографику, заголовки и т. д»

— Дарья (руководитель social animals, партнёр и проджект проекта)

После подписания и утверждения технических заданий, мы приступили к проработке прототипа, а партнёры — к составлению текста по нашему ТЗ.

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

Low Fidelity Design, первая итерация.

По завершении работы, финальный вариант был принят заказчиком без правок. Параллельно, совместно с партнёрами, были выполнены работы по тексту (копирайтинг).

Последующие концепции построены на крупных шрифтах и асимметрии сетки

Концепция дизайна основана на брендбуке компании — монохромная палитра, минимум изображений, фокус на типографике и смещениях текста. Для идентификации бренда в дизайн заложен фирменный символ — кольцо, как главный элемент айдентики и фирменного стиля.

Концепция обложки сайта спортивной экипировки EQPT.

Для вовлечения, сразу после обложки следует блок с видеороликом, проигрывающимся автоматически, с фирменным анимированным слоганом компании в виде кольца.

Скриншот второго блока дизайн концепции сайта EQPT с элементом фирменного стиля в виде круговой надписи.

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

Блок с описанием компании и сегментов её целевой аудитории.

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

Скриншот 4-х концепций дизайна после изменения концепции.

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

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

Construction

Сайт спортивной одежды был реализован на Tilda Publishing с массовым использованием JavaScript для реализации анимации. Одна из идей, которая была довольно сложной по реализации на вёрстке — в блоке основателей.

Раскадровка анимации элемента айдентики — начальное и финальное положение объекта.

Раскадровка анимации элемента айдентики — переходное состояние объекта.

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

Блок «Наши клиенты». При наведении изображение становится монохромным и появляется кнопка запуска видео. При клике на всю область изображения запускается ролик.

Дизайн блока «Отзывы» о компании EQPT.

Дизайн блока новостей и публикаций в СМИ компании EQPT.

Сайт был сдан в срок, заказчики очень довольны результатом. А сотрудничество с нашими партнёрами продолжается по сей день.

fafafa

121212

1E1E1E

484848

C5C5C5

878787

333333

Нам очень важно ваше мнение

Оцените кейс

Спасибо за просмотр

Alexey Gamov

Anastasia Panchenko

Maria Drokina

WebValley Studio

Alexey Gamov

Alena Panyushkina

Alena Panyushkina