Разработка интерфейса системы электронного документооборота

Интерфейс, Сайт, B2B система, Корпоративный сайт на базе Exclusive
Год выпуска: 2012
В рамках данного проекта наша проектная группа разработала дизайн интерфейса и подготовила верстку дизайн-макетов для одной из компонент программы Web-Референт, которая отвечает за электронный обмен счет-фактурами и другими значимыми документами между организациями. Данная компонента носит название "ТрансКрипт".

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

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

Ниже представлены примеры отдельных страниц.

Также в рамках проекта была выполнена валидная, кроссбраузерная верстка дизайн-макетов с использованием javascript.
На этой странице, показаны документы, пришедшие от других контрагентов. Пользователь имеет четыре основных функции для их обработки. Подписать документ, отказать в подписи, удалить документ и скачать. Причем последняя функция включает возможность скачать документ(ы) с подписями, архив, содержащий все документы документооборота и просто сам документ. Также на странице представлен фильтр, включающий в себя поиск по контрагентам, выбор статуса и временного промежутка. На этой же странице пользователь может перейти на страницу создания документа, нажав на кнопку "Создать документ"
На этой странице представлены контрагенты, добавленные в качестве участников документооборота. По умолчанию, на странице выводятся активные контрагенты, но у пользователя есть возможность увидеть удаленных контрагентов, запросы
 от новых контрагентов и исходящие запросы пользователя. Здесь же, пользователь может добавить нового контрагента, нажав на кнопку "Добавить контрагента"
Данная страница представляет из себя электронную форму заполнения данных для счета-фактуры и максимально напоминает обычную, бумажную форму. Основными функциями являются сохранение, предварительный просмотр и отмена создания
 документа. Дополнительными - сохранение в файл, сохранение в черновик и распечатка документа.
В ходе работы было разработано более 40 уникальных страниц.
Нравится
 
 
Развернуть