Требуется разработать интерфейс для внутреннего кабинета клиента.
В кабинете пользователь заполняет данные о своей организации, а система генерирует по ним документы.
Главное требование к интерфейсу удобство использования. Пользователь не должен быть ошарашен сложностью задачи при первом заходе в систему. Интерфейс должен предельно упрощать стоящую перед пользователем громоздкую и нудную задачу, минимизировать число допускаемых ошибок, не быть навязчивым и требующим лишнего внимания.
В кабинете могут быть использованы все доступные методы, упрощающие заполнение плейсхолдеры, валидация, подсказки по заполнению в виде текстовых и/или видеоматериалов (изготовление видеоматериалов не входит в данное задание).
Мы предоставляем прототип интерфейса в HTML, который содержит полный набор полей для заполнения, сгруппированных по смысловым категориям. Не обязательно опираться на его дизайн, макет предоставлен как наглядный перечень полей и категорий.
goo.gl/gx8EW4 Дополнительные сведения
Как пример заполняемых полей предоставляется интерактивный HTML макет с настоящими полями и категориями. Все они должны быть в финальной версии. От победителя требуется PSD-файл.
Бриф
== Название сайта\доменное имя.
Заполнение данных о компании
== Цель создания сайта. Тип сайта (сайт-визитка, корпоративный, интернет-магазин, другое). Идея сайта и причины его создания. Задачи и функции, которые должен решать сайт.
Личный кабинет пользователя-юридического лица. Пользователь заполняет данные о своей компании (банковские реквизиты, данные руководства, сведения о лицензиях и т.п.), после этого для него генерируются документы. Полей, которые нужно заполнить, довольно много. Процесс долгий (полчаса-час), необходима внимательность и аккуратность. Для заполнения требуется работа с бумажными документами, откуда берутся необходимые сведения.
== Характеристика предполагаемой аудитории (ЦА)
Руководители компаний, бухгалтеры, юристы, руководители проектов лица, имеющие доступ к учредительным документам компании. Возраст 25-40 лет.
== Структура сайта: Система навигации по сайту (варианты расположение навигационного меню сайта: горизонтальное, вертикальное, горизонтально вертикальное и т.п.). Основные разделы навигации.
Желаемые блоки и модули (баннеры, счетчики посещаемости, новости, блок иконок соцсетей, презентационный слайдер и т.д.)
Структура главной и не более 2х дополнительных страниц.
Все страницы представляют собой наборы полей для заполнения. Каждое из полей соответствует какому-либо атрибуту юридического лица (ИНН, ФИО генерального директора, уставный капитал и т.п.). Атрибуты сгруппированы по смысловым категориям (О Компании, Руководство, Учредители, Лицензии, Документы, Сайт) , каждая категория должна располагаться на своей странице.
== Стиль сайта. Возможные (предпочтительные) цветовые решения и визуальные эффекты которые могут быть использованы в дизайне сайта.
goo.gl/EmGUvT соблюдение фирменной стилистики желательно, но не требуется. От него можно отказаться, если оно нагружает оформление и отвлекает внимание пользователя.
== Каково минимальное разрешение экрана монитора на которое должен быть ориентирован дизайн сайта?
Сайт должен корректно отображаться на ширине экрана от 1280px, высоте от 768 px. Адаптивный или фиксированный не принципиально, приветствуется любое решение, делающее работу с системой удобнее.
== Что вы хотите чтобы пользователь в результате посещения сайта: увидел\сделал\почувствовал?
Оформление кабинета не должно быть изысканным с художественной точки зрения, отвлекать пользователя. «Юзабилити» является главным критерием. При заходе в систему пользователь не должен быть напуган объёмом работы. Работа с кабинетом требует от пользователя внимательности и аккуратности, поэтому должно быть максимально устранено любое поведение, которые отвлечёт пользователя от выполнения задачи. Кабинет может ненавязчиво указывать на явные ошибки, позволять пропускать какие-то поля и переходить к другим разделам.
== Укажите сайты, которые нравятся\не нравятся по тем или иным причинам.
Ниже приведены ресурсы, на которых решаются аналогичные задачи:
goo.gl/G1LMrb goo.gl/6Gm94p goo.gl/vkNCHh goo.gl/OgP9fi На них для просмотра интерфейса потребуется зарегистрироваться.
Также приложены скриншоты интерфейсов этих ресурсов.