Grace Ling (интернет-бутик одежды)

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

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

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

Прототипирование или вайрфреймы: Разработан функциональный прототип — смысловой набросок блоков, где спланирована последовательность блоков, а также описана функция и состав каждого. Создана структура сайта, функционал и состав всех страниц (Главная, Каталог, Страница товара, Оформление заказа, Корзина, Лукбук, О компании, Контакты).

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

Визуальная концепция: Цветовая палитра черно-бело-серая с акцентным кирпичным цветом. Сетка преимущественно 1 и 2-колоночная с центральной силовой линией. Крупная типографика (Bricolage Grotesque для заголовков и Neue Haas Grotesk Display Pro для основного текста). Применялись различные графические приемы, такие как смещение текста, графика, необычная расстановка карточек, выделенный текст на плашках, растворение текста, блюр и пр.

UI Kit: Созданы компоненты, варианты, автолейауты кнопок, карточек, списков, полей ввода, хедера, футера и пр. 

Адаптивы: Спроектированы адаптивные версии сайта (шириной 1380px, 640px, 360px).

Доработка UI Kit: После создания адаптивных версий сайта UI Kit дополнен новыми компонентами.

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

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