Блог

Концепт обновления кассы Меркаты

Ранее я писал про новое устройство Меркаты. Но вообще, кассовая программа Меркаты умеет работать на любом устройстве с операционной системой Виндоус или Андроид.


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

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

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

Смотреть на экран стало комфортней


Скоро это статья пополниться информацией (или не скоро)

17 октября   POS   интерфейс   Мерката
Untitled Document

Обновление сайта Меркаты

Перед началом работы над проектами, я делал наброски идей как можно обновить интерфейсы сайта и сервисов Меркаты.
Эти эскизы послужили примером того, что сайт нужно развивать, коротко и ёмко рассказать о возможностях сервиса и облегчить визуальное восприятие. В итоге над самим сайтом трудилась отдельная команда из несколько человек и у них был свой дизайнер.
Получилось так

Для работы над следующим обновленем сайта, в качестве дизайнера в команду позвали меня. До этого маркетологи успели сформировать концепцию обновления и построили её вокруг пользователей Меркаты, историй их успеха. В предыдущей версии↑ можно увидеть тестирование данной гипотезы, через замеры конверсии страниц с рассказами пользователей. Попасть на них можно через блок «Кому подходит Мерката».
А так сайт стал выглядеть после обновления

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

Текстовую страницу интересно просматривать и всегда есть куда перейти дальше

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

Новая версия уже доступна, но находиться в ß-версии и наполняется контентом.
Скоро я дополню статью подробным описанием переделок по сайту.
(или не скоро)

17 октября   интерфейс   Мерката
Untitled Document
17 октября   интерфейс   Мерката
Untitled Document

Обновление кабинета пользователя Меркаты

Я хочу рассказать об очередном обновлении веб-сервиса Меркаты для управления магазинами.
Выглядит это так

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

Теперь все макеты предполагают адаптивный подход в верстке и разделы сервиса вмещались в маленькие экраны, например, в мониторы с разрешением 1024 на 768 пикселя. При этом нет никаких артефактов на экране или горизонтальных скроллов в меню.

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

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

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

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


Скоро я добавлю больше информации про это обновление (или не скоро)

15 октября   Гайд   Мерката
Untitled Document
Untitled Document

Транспорт

Кажется, я вам еще не показывал свой самокат.
Выглядит он так

Это Сегвэй Найнбот-2

Я получаю невероятный кайф от передвижениям на нём по городу. С начала апреля старался использовать самокат каждый день, если было нужно куда-то выехать из дома. Сегодня он сообщил, что я проехал 1024 км.
Помимо технологичности исполнения, дизайнеры продумали и удобство управления. На самокате есть тормоза с защитой от блокировки колеса. Что-то похожее на систему АБС в автомобилях. Но больше всего удобства в дороге добавляет круиз контроль.

На днях Сегвэй анонсировала ещё одну клёвую штуку

3 октября   Ninebot   Segway   Самокат   Транспорт
Untitled Document Untitled Document

Книга

Сделал книгу проектного бюро «R1»

Задача: разработать книгу и дополнить фирменный стиль.

Для начала я посетил проектный офис, поговорил с сотрудниками разных отделов, посмотрел дизайн интерьера и мебели, познакомился с проектами и узнал амплуа бюро. Это помогло глубже погрузиться в специфику компании и понять как будет правильно подчеркнуть эти детали в фирменном стиле. А в процессе работы я постоянно вовлекал ребят в обсуждение макетов концепции, собирал обратную связь и внимательно записывал все пожелания и замечания. В бюро работает много архитекторов и дизайнеров, поэтому моё стремление реализовать подход командного дизайна приняли очень позитивно.

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


Композиция на листе

R1 — архитектурное бюро полного цикла. Специфику проектов можно разделить на несколько общих направлений: бизнес-центры, жилые комплексы, торговые центры, аэропорты, уникальные и объекты медицины. Каждое направление выделено цветом, пиктограммой и иллюстрацией.

Каждый раздел в книге выделяет специальный разворот

Объекты внутри раздела тоже разделены разворотом, внутри которого есть полупрозрачный лист списка объектов.

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

Географию объектов бюро сделал в виде стилизованной карты.

Эта стилизация сначала была принята в качестве фирменного паттерна. Было решено использовать его в оформления интерьеров, предметов мебели и на различных носителях фирменного стиля.

Книга получилась хорошей, ребята остались довольны.

Спасибо Валерии Белкиной, Дмитрию Реуту и всем сотрудникам бюро за доверие и оргподдержку.

Untitled Document

Оффер

Сделал конструктор для унифицированной верстки документов проектного бюро R1

Статью скоро (или не скоро) напишу.

Untitled Document

Альбом

Проектное бюро R1 занимается архитектурным проектированием полного цикла.
Сделал конструктор для упрощения процесса сборки альбомов проектной документации и приведению их к единому визуальному стандарту проектного бюро R1


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


Статью скоро (или не скоро) допишу.

Untitled Document

Пиктограммы

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

Статью скоро (или не скоро) напишу.

Untitled Document
Untitled Document
Ранее Ctrl + ↓