Приглашаем поучаствовать в конккрсе по переработке текущего дизайна web-страницы.

На странице размещен отчет о продажах товаров аптечной сети.

Что не устраивает: много модальных окон. если каждое окно заполнено первыми 10 строками информации, весь отчет становится лоскутным одеялом.

Задача: переработать UХ и UI для быстрой оценки пользователем отчета о продажах.

Состав окон и стиль верстки (react bootstrap) нужно сохранить.

Опубликован 12.03.2020 в 01:07

Посмотреть другие конкурсы

Конкурсные работы

Олеся Килякова

12.03.2020 | 07:12

+
- Ссылка
Константин Виноградов

12.03.2020 | 20:19

+
- Ссылка
Ольга Соколова

12.03.2020 | 01:15

+
- Ссылка
Ян Ноак

12.03.2020 | 05:14

+
- Ссылка
Алексей Потупчик

12.03.2020 | 05:57 обновлено: 13.03 2020 | 05:21

Здравствуйте, вот мои варианты
Для связи: potup4@gmail.com
- Добавлено 13.03.2020 в 04:49
- Добавлено 13.03.2020 в 04:49
- Добавлено 13.03.2020 в 05:21
- Добавлено 13.03.2020 в 05:21
- Ссылка
Константин Злобин

12.03.2020 | 06:34

+
- Ссылка
Александр Денисов

12.03.2020 | 20:08

Здравствуйте, я так понял проблема конкретно была в окнах. Предлагаю черновой вариант, при котором они убираются в подменюшку. Все остальные детали можем обсудить, так что пишите, готов взяться. Почта для связи: denisovline@gmail.com
- Добавлено 12.03.2020 в 20:08
- Добавлено 12.03.2020 в 20:08
- Ссылка
Данил Лопатин

13.03.2020 | 13:34

+
- Ссылка
Алексей Селезнёв

14.03.2020 | 12:20 обновлено: 15.03 2020 | 11:26

Здравствуйте. Переработал интерфейс в соответствии с требованиями к современным ux/ui.
Согласно тз при оформлении использована стилистика bootstrap ui, так что требуемые изменения кода (html/css) минимальны.

- Вся основная информация вынесена на первый экран.Информация об отсутствующих в отчётах/в справочнике теперь перенесена в табберы соответствующих блоков.
- В том же таббере отображается количество элементов, что избавляет от необходимости просматривать пустые таблицы.
- Сортировка таблицы осуществляется по клику на заголовок колонки.
- Чек в «движении товаров» отображается по клику на строчку.
- Поиск изначально отображается как иконка, при клике по которой он разворачивается влево. Если заголовок слишком длинный, то поверх него.
- Значение «Невалидных чеков», если имеет нулевое значение, отображается зелёным цветом, чтобы было очевидно, что это «позитивный» ноль. Если же значение больше нуля, то цвет меняется на красный (#d9534f).
- В таблицах использовано чередование цветов (также в соответствии со стайлгайдом bootstrap ui), а в самой объёмной таблице также добавлены полосы после каждого 10-го элемента для упрощения зрительного восприятия.
- Добавлено 15.03.2020 в 11:26
- Ссылка

Дизайн одной web страницы

Конкурсные работы

Теги: резюме дизайнера, лучшие дизайны сайтов, сделать дизайн сайта, создать дизайн сайта, нужен веб дизайнер, требуется веб дизайнер, ищу дизайнера сайтов