Веб-интерфейс инвестиционной платформы

В период с февраля по июнь 2023 года мне выпала возможность поработать в команде проекта Ameetee – это не просто платформа для инвестиций, а место, где сливаются идеи и инновации. Вместе с ПМ, фронтендерами, бэкендерами, аналитиком, тестировщиком Технократии мы создавали MVP-интерфейс, который получился достаточно современным.

Коммуникация в нашей команде была слаженной, мы оперативно взаимодействовали через Jira и обсуждали детали в Zoom – стандартное, но эффективное решение.

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

Одним из наших основных испытаний было отображение обширных форм-анкет для регистрации компаний и инвесторов. Мы тщательно исследовали аналогичные сервисы, обнаруживая проблемы с UI и сложности в заполнении объемных форм.

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

В итоге, для улучшения пользовательского опыта, мы приняли решение использовать темный интерфейс, соответствующий современным трендам и бренду платформы. Мы внедрили стандартные элементы, такие как таблицы, формы, карточки и чат, придавая особое внимание интуитивному и пошаговому заполнению формы создания компании. Результат оказался весьма впечатляющим – это был наш шедевр!

Client / Ameetee, Technokratos

Интерфейс корпоративной системы

С октября 2020 года по настоящее время я работаю в команде проекта Technokrater – корпоративного SaaS веб-сервиса Технократии для аттестации сотрудников и управления процессами компании.

В команде работали: PM, фронтенд и бэкенд разработчики, аналитики и тестировщики. Мои обязанности включали менторство в дизайн-процессах и работу с задачами проекта.

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

Для оперативной разработки использовали внутреннюю дизайн-систему. Одним из сложных моментов было отображение настроек форм для конструктора и управление процессом аттестации в зависимости от роли пользователя.

Проведение интервью с HR-специалистами и создание драфтов для обсуждения бизнес-логики были ключевыми в процессе. Изучение аналогичных сервисов выявило проблемы с UI и сложности с крупными формами.

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

Проект продолжает активное развитие.

Client / Technokratos

Мобильный и веб-интерфейс для конструктора магазинов через Телеграм

Команда Технократии воплотила в жизнь замечательную идею – TGShop, сервис для Telegram с функцией конструктора магазинов. За месяц мы создали платформу, которая позволяет продавцам с минимальными усилиями открывать свои магазины в Telegram.

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

Мы провели исследование, анализируя список фич от команды TGShop и изучая личные кабинеты других онлайн-магазинов. Работая по списку функций, мы создавали, согласовывали и улучшали интерфейс.

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

Результатом стали восторженные отзывы пользователей и бронзовая награда "TAGLINE AWARDS" в категории "Сервис для digital-маркетинга".

Client / Technokratos

Интерфейс для образовательной платформы

Agona – это крутой проект образовательной платформы в составе "Технократии", который мы воплощали с июля 2022 года по февраль 2023 года. Наша задача была не просто создать образовательную систему для студентов, а сделать ее дизайн приятным и привлекательным.

Мы использовали свою корпоративную дизайн-систему, чтобы подчеркнуть уникальность проекта. Основное внимание уделялось созданию красочных карточек курсов и менторству молодых дизайнеров. Весь процесс обсуждения и демонстрации наших идей заказчику проходил в уютном онлайн-чате и через платформу Zoom.

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

В итоге у нас получилась не просто образовательная платформа, а настоящее образовательное приключение!

Client / Technokratos

Интерфейс для инструмента управления ресурсами

В проекте Resourser, корпоративном SaaS веб-сервисе Технократии для управления ресурсами, я работал с декабря 2022 по февраль 2023 года. В роли дизайнера интерфейсов в команде разработчиков занимался созданием дизайна новых функций и поддержкой макетов. Проект велся через Jira, и команда проводила ежедневные встречи в Zoom.

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

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

В процессе работы проводил исследование аналогичных сервисов и дизайн-решений. Рабочий процесс включал описание заказчиком фичи и бизнес-логики, создание интерфейсных вариантов, показ заказчику и внесение корректировок.

Иногда приходилось отстаивать свои решения, подчеркивая их нативность и масштабируемость продукта. Ключевым решением стало выделение занятости через определение границ.

Проект Resourser продолжает развиваться, внедряя новые решения и улучшая функционал продукта.

Client / Technokratos

Мобильный и веб-интерфейс для системы аудита

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

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

Период работы: март 2021 - август 2022.

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

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

Цвета и шрифты – в стиле компании. Интерфейс создавался с акцентом на интуитивность, с адаптацией под каждую платформу: адаптивные списки файлов, чат, карточки, а также нативные решения для IOS и Android.

Client / NDA

Импортозамещающий интерфейс для крупнейшего в мире оператора розничных сетей.

Даты начала и конца проекта
Июнь 2021 - Декабрь 2021

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

Исследование
Сначала изучил подобные интерфейсы, понимал разброс в возрасте пользователей. Собрал мудборд. Спрашивал заказчиков про хотелки. Подготовил кастомную сетку и минимальный набор компонентов.

Работа
Показывал драфты по сценариям заказчику. Обсуждали на созвонах решения. Плотно работали с аналитиком. Иногда делал так, как описывал аналитик. Иногда аналитик переписывал свои решения по драфтам.

Решение
В итоге собрал по сетке интерфейс. Запустили тестовый стенд в супермаркете. Получили обратную связь от фокус группы и доработали некоторые экраны.

Client / NDA

Корпоративный интерфейс маскировки внутренних данных

Проект Masking Innovation, проходивший с апреля по июнь 2020 года, представлял собой корпоративный веб-сервис для маскировки данных. В команде работали фронтенд и бэкенд разработчики, а также я в роли дизайнера интерфейсов.

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

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

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

Client / NDA