2021

Превращаю идеи в...

Интуитивные интерфейсы

Мои работы:

Привет, я Айрат - UX/UI дизайнер со страстью к цифровой эстетике и логике взаимодействия.
Здесь вы можете познакомиться с моими работами и связаться со мной для сотрудничества.

Продукты в команде “СберИдея”

NDA

Мобильное приложение

VitaKit

Задача:

Разработать дизайн мобильного приложения с функционалом:

1. "Напоминалка" выпить таблетки
2. Найти препараты в ближайших аптеках, забронировать и купить их
3. "Хранилище" выписанных рецептов

Решение:

Так как это приложение подразумевает широкий спектр возможностей, то для начала я провел сравнительный анализ существующих приложений по каждому отдельному виду функционала: отдельно приложений-напоминалок, отдельно приложений для покупки лекарств в аптеках.

Далее на основе анализа составил user-flow и карту приложения. После подготовил UI-Kit компонентов.

Результат:

В результате я разработал:

• Структуру приложения;
• UI-Kit;
• Разработал UI дизайн всех необходимых функций, ОТ регистрации в приложении ДО поиска нужных лекарств в ближайших аптеках на карте;
• Сделал кликабельный прототип в Figma.

• На данный момент приложение уже реализовано и его можно скачать как на iOS, так и на Android устройства.

Обновить лендинг сервиса СтатТех

СтатТех

Задача:

Сделать визуальное обновление лендинга на основе выданной структурированной информации.

Результат:

Было (слева) / Стало (справа):

Веб-приложение для работы страховых организаций в медицинской отрасли

МедЭксперт

Задача:

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

Решение:

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

В ходе разработки было выявлено, что одной из важных функций для пользователей является возможность создавать свои "сложные отфильтрованные запросы" для этого был разработан СЛОЖНЫЙ ФИЛЬТР (скрин 2).
Он позволяет создавать преднастроенные фильтры любого уровня сложности.

Результат:

Веб-приложение для обработки заказов из приложения VitaKit

Вита-Аптекарь

Задача:

Нужен веб-интерфейс для сотрудников аптек с функционалом обработки заказов, поступающих из мобильного приложения VitaKit.

Функциональность:

1. Обработка заказов для выдачи;
2. Обработка и проверка рецептов в электронном виде;

Решение:

Путей обработки заказов несколько:

1. Сканировать штрих-код из приложения VitaKit;
2. Поиск по номеру;

Так как сканирование предусматривает переход сразу на страницу заказа, то акцент главной страницы был сделан на удобном поиске заказов и обработке онлайн-заказов.

В связи с ограничениями разработки - было сложно с технической стороны реализовать одну поисковую строку для всех категорий - было принято разделить поисковую строку на две части:

1. Для поиска заказов по ФИО;
2. Для поиска заказов по номеру рецепта;

Чтобы пользователь не путал эти две строки мы использовали маску ввода для поиска по рецептам (они унифицированы).

Результат:

Концептуальное приложение с полным циклом разработки UI макетов

Movie Tickets

Задача:

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

Решение:

Для начала выбрать интересное направление.
Далее разработать макеты, используя все инструменты разработки макетов:

1. Анализ рынка;
2. User interview;
3. Конкурентный анализ;
4. Разработка user-flow;
5. Создание wireframes и кликабельного прототипа в Figma для проверки гипотез;
6. Подготовка библиотеки компонентов, aka UI-Kit;
7. Создание макетов приложения под iOS;
8. Создание кликабельного прототипа приложения в Figma;

Результат:

Мобильное приложение с оригинальной идеей

Lucid Shoper

Задача:

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

Решение:

Так как никакой структуры не было предоставлено - работу я начал с создания расширенной карты приложения (см.скрины).

Из вводных были даны две цифры, которые было важно отобразить в приложении, вокруг которых строится весь дизайн:

1. Issue level - оценка соответствия, указанным пользователем ценностям, каждому бренду;
2. Real Issue level - оценка реального соответствия бренда перечисленным в приложении ценностям (рассчитывается на основе обработке информации в интернете).

В качестве решения, как отобразить эти две цифры - я взял за основу дизайн оценок кинофильмов в стиле Rotten Tomatoes. Это две цифры, которые всегда отображаются вместе и указывают на оценку фильма кинокритиками и зрителями. Такое исполнение существует давно и не вызывает отторжения у пользователей сервиса. Поэтому я взял его за основу и развил идею использования подобного исполнения по всему приложению.

Результат:

В результате я разработал:

• Структуру приложения;
• UI-Kit;
• Сделал wireframes для тестирования гипотез;
• Разработал UI дизайн всех необходимых функций, ОТ регистрации в приложении с прохождением опроса для определения ценностей пользователя ДО поиска ближайших магазинов на карте;
• Разработал UI-решение для удобного восприятия сразу двух незнакомых пользователю цифр в привычном для него варианте отображения.
• Сделал кликабельный прототип в Figma.

Примечание:

Я прекратил свое участие над работой в феврале 2022 года. Дальнейшая реализация продукта мне неизвестна. Последнее, что я сделал - кликабельный прототип в Figma. Сюда прикладываю видео-демонстрацию этого прототипа.

Веб-приложение: агрегатор парков в Европе

Vakantiepark Vergelijker

Задача:

Помочь конечному потребителю найти подходящий для него парк отдыха и забронировать места. Был запрос на "Нам нужно что-то в духе Airbnb"

Решение:

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

Результат:

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

Веб-сайт для поиска и покупки поддержанного (лизинг) авто в Европе

Carmann

Задача:

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

Решение:

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

Примечание:

Мое участие в разработке
продукта было прекращено в феврале 2022 года.

Результат:

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