Fluidline: редизайн платформы электронной коммерции для поставщика нефтегазового оборудования
Fluidline специализируются на поставке оборудования для нефтегазовой, нефтехимической и судостроительной промышленности. Их запрос заключался в редизайне их старого сайта, с целью улучшения опыта подбора оборудования для инженеров проектировщиков и упрощения опыта закупки менеджмента.
Это NDA проект
Поэтому различные изображения финального продукта либо уменьшены, либо размыты, либо вовсе скрыты. Показать итоговые макеты могу в рамках совместной встречи.
Финальный результат:
На момент написания этой статьи текущая версия сайта находилась в стадии тестирования, поэтому еще не является окончательной.
О проекте
У команды проекта уже был собранный своими силами сайт, который назывался avy. На нём ребята смогли протестировать несколько своих идей и собрать обратную связь от пользователей. С результатами своих исследований ребята обратились ко мне, чтобы на их основе я провёл редизайн.
Проблема
Основная трудность при работе над этим проектом заключалась в совмещении в одном приложении абсолютно разных запросов двух аудиторий сервиса — инженеров проектировщиков и менеджеров по закупке:
- Инженерам нужна огромная таблица с миллионом параметров, фильтров, различных видов документации и других настроек
- Менеджерам нужен был простенький интернет магазин с минимальным набором функций.
Мне предстояло поженить эти разные запросы в одном месте, чтобы сделать комфортный опыт для каждого пользователя.
Моя роль
Помимо проектирования макетов я занимался проведением интервью и тестов. Я старался часто общаться с пользователями и проверять на них свои решения, чтобы найти золотую середину между потребностями обеих групп.
Также на проекте я старался работать по спринтам, чтобы в течение одной недели успевать спроектировать решение, показать его пользователям и на основе их обратной связи его доработать.
Ещё в список моих обязанностей входило создание и развитие дизайн системы. Для экономии ресурсов я нашёл и адаптировал под проект библиотеку Figma Design System, которая содержала все необходимые для реализации основных функций компоненты.
Результаты
После нескольких итераций и тестирований макетов сначала в фигме, а потом на реальном сайте мне удалось совместить потребности всех групп пользователей. Итоги финальных тестов показали, что пользователи начали полностью справляться со своими задачами, а время их выполнения по сравнению со старой версией сайта сократилось почти в 3 раза.
Также, чтобы команда проекта могла дальше развивать его без моей помощи, я постарался тщательно расписать все принципы работы каждого из его разделов. Ещё я подготовил подробную документацию для разработчиков, чтобы снизить количество ошибок, связанных с версткой сайта.
Выводы и чему я научился
На этом проекте я научился проводить индивидуальные встречи с пользователями, чтобы получить от них максимальное количество полезных инсайтов. Также я научился работать по спринтам, чтобы достигать нужного результата в максимально короткие сроки.
Я хочу улучшить свое портфолио и представленные в нем проекты. Поэтому, если есть свободная минутка, поделитесь своим мнением.
Что вам в этом проекте понравилось, а что нет? Какие вопросы у вас возникли? Какой информации не хватило?