Необходимо разработать дизайн базовых страниц нового проекта, который представляет из себя комплексную экосистему для научных коммуникаций, состоящую из:
- SaaS-сервиса для организации полного цикла издания научных журналов: подача статей, рецензирование, публикация и выпуск (потребители – вузы и научные организации);
- Научной экосистемы для освещения и открытого обсуждения результатов исследований, объединяющей авторов, рецензентов и читателей.
Общие технические моменты:
- Разработку необходимо производить в figma
- Все элементы должны быть реализованы на основе компонентов библиотеки material-ui (нужен опыт работы с ней) или аналогичной, совместоимой с React. Необходимо создать отдельную страницу компонентов, кастомизированных под проект
- Для всех цветов необходимо использовать переменные. При переключении светлой темы на темную переменные должны менять значение, за счет чего обеспечиваться корректное отображение без дополнительной стилизации
- Для всех текстов необходимо использовать один из стилей ограниченного набора типографии
Общая информация по компоновке:
- Строгий минималистичный современный дизайн
- Светло-серый фон страницы
- Сверху шапка, под ней слева сайдбар (опциональный, например, для лендинга и главной отстутствует), справа контентная область
- Шапка, сайдбар и секции контентной области имеют свои подложки с белым фоном и скругленными углами
- Сайдбар и контентная область имеют свои независимые скроллбары
- Содержимое сайдбара разное в зависимости от текущей страницы
- Акцентный цвет – не яркий синий
- Дополнительная навигация через хлебные крошки над контентной областью
В приложении сгенерированная страница той компоновки, которая близка к моему видению компоновки.
В рамках текущей задачи необходимо разработать дизайн следующих страниц:
- Лендинг
- Каталог организаций с фильтром
- Страница организации – просмотр / создание / редактирование
- Каталог изданий с фильтром
- Страница издания – просмотр / создание / редактирование
- Страница выпуска
- Каталог статей с фильтром
- Страница статьи – просмотр / создание / редактирование
- Флоу подачи статьи на публикацию со страницы издания
- Флоу подачи статьи на публикацию со страницы черновика статьи
- Дашборд главного редактора – просмотр новых заявок на публикацию / назначение рецензента
- Дашборд рецензента – статьи в разных статусах
- Страница рецензирования
Прототипов страниц нет, только подробное текстовое описание. Компоновка сайдбара и контентной области может обсуждаться, допускается (и даже приветствуется) инициатива по перетасовке, дополнению, улучшению их состава.
Детальное текстовое описание доступно по ссылкам:
- Лендинг
- Другие страницы
На следующих этапах, в рамках другой задачи, будем разрабатывать множество остальных страниц сервиса: главную (вместо нее на время разработки будет лендинг), профили, личные кабинеты, админку и пр.
Сгенерированное изображение примерной компоновки
Логотип