Для интернет-магазина молодежной одежды был создан современный и стильный дизайн
Работа включала разработку макетов в Figma. Была продумана визуальная концепция и сделан адаптивный дизайн для разных устройств. Проект позволил бренду подчеркнуть свою индивидуальность и говорить на одном языке с целевой аудиторией
Кейс Isla de libre
Создание дизайна многостраничного сайта для новой компании, выходящей на рынок современной молодежной одежды. Важно было создать современный и удобный интерфейс, который легко воспринимается аудиторией и помогает компании уверенно стартовать на рынке
Цель проекта
Что было сделано:
Дизайн
Создан визуальный стиль и дизайн-макеты, включая адаптивные версии для различных устройств. Проработана анимация и UI-кит
4
Прототипы
Составлены пользовательские сценарии и разработаны прототипы всех страниц с логикой взаимодействия
3
Аналитика
Проведён анализ рынка и целевой аудитории. Найдены сильные и слабые стороны конкурентов, выделены инсайты
2
Анализ вводных
Изучены исходные данные, текущий брендинг и позиционирование. Определены ключевые направления создания сайта
1
Прототипирование
Созданы интерактивные прототипы, которые показали будущую логику сайта до этапа дизайна. В макетах проработаны ключевые пользовательские сценарии: поиск, просмотр каталога, карточка товара и фильтры. Это позволило заранее проверить удобство навигации и сократить риски на последующих этапах
Прототипирование – обязательная часть работы над сайтом. Этап помог протестировать логику сайта, убрать лишние шаги и сделать интерфейс максимально удобным для целевой аудитории
Прототипирование – обязательная часть работы над сайтом. Этап помог протестировать логику сайта, убрать лишние шаги и сделать интерфейс максимально удобным для целевой аудитории
Бренд изначально имел современный молодёжный характер, и задача заключалась в том, чтобы перенести его ДНК в цифровую среду. Я сохранила дерзкий дух компании и усилила его через минималистичную графику, акцентные цвета и выразительные фото. Так удалось создать сайт, который подчёркивает уникальность бренда и делает его образ ещё более ярким и узнаваемым
Визуальный стиль
Изначально был создан концепт с активной анимацией, отражающий динамичность бренда. Но совместно с заказчиком решили отказаться от лишних эффектов в пользу более привычного формата, где упор сделан на маркетинговую эффективность и удобство восприятия
Первый вариант главного экрана
Первый вариант
главного экрана
главного экрана
Главная страница
Главная страница стала ключевой точкой входа в бренд. Минимализм, крупный слайдер и выразительные фото задали тон всему сайту и сформировали первое впечатление. Анимации при наведении добавили динамику и усилили вовлечённость пользователей
Карточки товаров спроектированы так, чтобы заказчик мог легко управлять ассортиментом. В дизайне отражены ключевые элементы айдентики — цвета, фото и анимации, что сделало страницу одновременно стильной и эффективной
Карточки товаров спроектированы так, чтобы заказчик мог легко управлять ассортиментом. В дизайне отражены ключевые элементы айдентики — цвета, фото и анимации, что сделало страницу одновременно стильной и эффективной
Дизайн адаптирован под разные разрешения экранов, сохраняя целостный визуальный стиль бренда и его узнаваемость. Фирменные акценты сохранены, чтобы мобильный опыт оставался таким же стильным и вовлекающим, как и на десктопе
Мобильная версия сайта
Страница «О нас»
Страница «О нас» раскрывает ключевую миссию компании и её позиционирование на рынке
Здесь рассказывается о философии бренда, ценностях и стремлении создавать одежду, которая сочетает стиль, качество и удобство.Через фирменные цвета, фотографии и лаконичный дизайн страница подчёркивает уникальность Isla de libre и формирует доверие к компании, делая её ближе к своей аудитории
Здесь рассказывается о философии бренда, ценностях и стремлении создавать одежду, которая сочетает стиль, качество и удобство.Через фирменные цвета, фотографии и лаконичный дизайн страница подчёркивает уникальность Isla de libre и формирует доверие к компании, делая её ближе к своей аудитории
В основе сайта — чёткая модульная сетка и геометричные формы, которые задали общий ритм и композицию. Фотографии смотрятся эффектно, ключевые элементы сразу привлекают внимание, а интерфейс воспринимается современно, уверенно и удобно для пользователя
Геометрия и композиция
Каталог и категории
Разработана страница каталога и отдельных категорий. Карточки товаров сделаны максимально лаконичными с акцентом на визуал — фото, как главный элемент. Добавлена возможность расширенной фильтрации для удобного поиска
Для упрощения сценариев покупки реализована корзина в формате всплывающего окна справа. Пользователю не нужно переходить на отдельную страницу — товар добавляется в пару кликов, а весь процесс остаётся быстрым и удобным
Для упрощения сценариев покупки реализована корзина в формате всплывающего окна справа. Пользователю не нужно переходить на отдельную страницу — товар добавляется в пару кликов, а весь процесс остаётся быстрым и удобным
Страница товара
Страница построена так, чтобы акцентировать внимание на визуале. Слева размещены крупные фотографии товара, которые фиксируются и сменяются при скролле, позволяя детально рассмотреть изделие
Справа расположены вся ключевая информация и характеристики: название, цена, размеры, цвета и кнопка добавления в корзину
Справа расположены вся ключевая информация и характеристики: название, цена, размеры, цвета и кнопка добавления в корзину
Помимо основных разделов, были разработаны следующие страницы: контакты, доставка и оплата. Они оформлены в едином стиле и содержат только самое необходимое: способы связи, адреса, варианты оплаты и условия доставки
Другие страницы
Вход и регистрация
Предусмотрен личный кабинет с возможностью авторизации и создания аккаунта
Вход, регистрация и восстановление пароля реализованы в формате бокового pop-up окна, чтобы пользователь не уходил со страницы и мог быстро продолжить работу с сайтом
Вход, регистрация и восстановление пароля реализованы в формате бокового pop-up окна, чтобы пользователь не уходил со страницы и мог быстро продолжить работу с сайтом
Разработаны страницы избранного и корзины, куда пользователь может добавлять товары для последующего просмотра и оформления заказа
Корзина
и избранное
и избранное
Корзина и избранное
Разработан личный кабинет, где пользователь может управлять своими данными, просматривать историю заказов и сохранять адреса доставки. Интерфейс выполнен просто и понятно: все разделы вынесены в боковое меню, что позволяет быстро переходить между нужными вкладками и не теряться в структуре
Личный кабинет
Заказы в личном кабинете
После оформления покупки заказ автоматически отображается в личном кабинете. Пользователь может просмотреть список всех заказов, их статус и дату оформления
Для каждого заказа доступна детальная информация: состав, стоимость, адрес доставки и выбранный способ оплаты. Это позволяет легко отслеживать историю покупок и контролировать все детали
Для каждого заказа доступна детальная информация: состав, стоимость, адрес доставки и выбранный способ оплаты. Это позволяет легко отслеживать историю покупок и контролировать все детали
Оформление заказа — один из основных пользовательских флоу на сайте. Для него были детально проработаны все этапы и сценарии: выбор способа доставки (самовывоз, курьер, СДЭК), указание адреса, варианты оплаты и комментарии к заказу. Каждый шаг реализован так, чтобы процесс был максимально понятным и удобным. Благодаря этому пользователь может быстро завершить покупку в любом удобном формате, не сталкиваясь с лишними действиями
Оформление заказа
Рабочее пространтство
Для проекта был собран UI Kit с типографикой, цветами, кнопками и формами — всё, что обеспечило единый стиль и ускорило работу над интерфейсами. Это позволило выстроить целостный дизайн-системный подход и быстро масштабировать решения по всему сайту
