Обо мне
Привет, ида проджект! Меня зовут Ольга, я разрабатываю дизайн сайтов и веб-сервисов около 5 лет (интернет-магазины, промо-сайты, лендинги и другие в разных направлениях: от недвижимости до бьюти-ритейла). Сотрудничала с федеральными брендами.
Работала UX/UI дизайнером в digital-агентствах Content Service и 19agency84, IT Company Asmart, а также в дизайн-студии DST (в DST преимущественно занималась UX-исследованиями).
Ниже — мои проекты
Ниже — мои проекты
Редизайн интернет-магазина
пекарен-кондитерских «Бисквитный двор»
Цель клиента — обновить UI интернет-магазина в рамках минимального бюджета после ребрендинга в компании (без изменения функциональности, структуры и контента). По моей инициативе были также модернизированы пользовательские сценарии в корзине, оформлении заказа и на главной странице
Задачи на проекте:
— Базовый UX/UI аудит текущего сайта перед стартом работ
— Разработка дизайн-концепции в рамках фирменного стиля, дизайн ключевых страниц и экранов с адаптивными версиями для компьютеров и смартфонов
— Улучшение UX в рамках технических ограничений, упрощение пользовательского пути
— Передача макета в разработку на Bitrix, подготовка UI Kit, документации для разработчика
UX/UI аудит и пресейл-концепт для сайта девелопера
Атомстрой — девелопер в Екатеринбурге. Я обратила внимание на зоны роста на их сайте и предложила провести UX/UI аудит с возможностью редизайна на его основе. Для пресейла подготовила концепцию ключевых страниц, показывающую, как рекомендации из аудита могут быть реализованы в интерфейсе
В аудите проанализированы ключевые пользовательские сценарии, навигация, основные страницы. Описаны технические проблемы, влияющие на юзабилити; общее впечатление о бренде
Задачи на проекте
— Проведение UX/UI аудита с сопутствующим анализом конкурентов, материалов бренда и упоминаний в СМИ о нём
— Отслеживание багов и технических проблем на сайте
— Разработка дизайн-концепта на примере ключевых страниц с опорой на аудит
— Отслеживание багов и технических проблем на сайте
— Разработка дизайн-концепта на примере ключевых страниц с опорой на аудит
Дизайн веб-игры в стиле pixel-art
с саунд-дизайном
Реализованная игра → смотреть по ссылке
Компания по информационной безопасности обратилась с запросом сделать игру для мероприятий: в неё можно играть только на компьютерах, ноутбуках и планшетах. Клиент ориентировался на визуальный стиль Super Mario, но я предложила развить идею и приблизиться к киберпанк-стилю
Компания по информационной безопасности обратилась с запросом сделать игру для мероприятий: в неё можно играть только на компьютерах, ноутбуках и планшетах. Клиент ориентировался на визуальный стиль Super Mario, но я предложила развить идею и приблизиться к киберпанк-стилю
Задачи на проекте:
— Разработка дизайна персонажей с использованием AI-инструментов
— Проектирование игровых сценариев и механик, прототипирование (посмотреть прототип в Figma)
— Разработка дизайн-концепции, дизайна экранов для компьютеров и ноутбуков, саунд-дизайн
— Передача макета в разработку, подготовка UI Kit и описание игровых механик
Редизайн интернет-магазина с личным кабинетом, отслеживанием заказа
и бонусной системой
Клиент обратился с запросом сделать UI магазина цветов чище и современнее, не затрагивая функциональность и не меняя структуру сайта, т. к. у проекта было много технических ограничений. В процессе договорённостей с разработчиком удалось переработать не только UI, но и некоторые пользовательские сценарии, снизить влияние старых SEO-решений на юзабилити
Несколько примеров решений для улучшения юзабилити
- На сайте были добавлены пустые состояния для корзины, применённых фильтров, поисковых запросов и других сценариев
- Навигация в шапке была разбита на большое количество выпадающих списков с длинным перечнем страниц → в редизайне основные разделы вынесены в мегаменю с визуальным якорем к каждому разделу, с понятной иерархией подразделов
- Подкатегории в каталоге были реализованы гиперссылками и SEO-тэгами → заменены на карусель с карточками к каждой категории (это помогает дополнительно выделять и сезонно популярные категории, т. к. они привлекают больше внимания, а их порядок можно менять в зависимости от сезона)
- Личный кабинет выглядел, как набор гиперссылок для каждого подраздела → в обновлении сократили количество разделов, объединив подразделы по общему принципу; разделы переключаются по сайдбару, а первый экран стал информативным — сразу доступны настройки профиля, баланс кэшбека и бонусов
- Переработаны и добавлены UX-тексты на разных экранах и страницах: больше пояснений о том, что происходит или произойдет при работе с интерфейсом, тексты стали лаконичнее
Задачи на проекте
— Брифинг клиента, анализ рынка
— Разработка дизайн-концепции и дизайна всех страниц, окон и состояний с адаптивными версиями для компьютеров и смартфонов
— Разработка нейроконтента в едином фотостиле для дизайна страниц
— Улучшение UX в рамках технических ограничений, упрощение пользовательского пути
— Передача макета в разработку на OpenCart, подготовка UI Kit, документации для разработчика
— Дизайн-ревью, тестирование front-end и back-end части
— Разработка дизайн-концепции и дизайна всех страниц, окон и состояний с адаптивными версиями для компьютеров и смартфонов
— Разработка нейроконтента в едином фотостиле для дизайна страниц
— Улучшение UX в рамках технических ограничений, упрощение пользовательского пути
— Передача макета в разработку на OpenCart, подготовка UI Kit, документации для разработчика
— Дизайн-ревью, тестирование front-end и back-end части
Дизайн промо-сайта для фотостудии без фотографа «Save Moments»
Цель клиента — разработать более эмоциональную и современную дизайн-концепцию. Я предложила не ограничиваться этим и пересобрать структуру и тексты, улучшить UX. Услуга клиента, как и сама компания, не так известны на рынке. В новой версии сайта важно было передать эмоциональный опыт как от самого формата фотосессии, так и от её проведения именно в этой фотостудии
Задачи на проекте:
— Брифинг клиента, анализ рынка
— Разработка структуры сайта и копирайтинг
— Прототипирование (посмотреть прототип в Figma)
— Разработка дизайна главной страницы и стейтов для компьютерной версии
— Передача макетов в разработку на Tilda, описание анимаций и механик
— Презентация макетов клиенту и ведение коммуникации с заказчиком по проекту
Made with Bullet