Спроектировать и сверстать концепт главного экрана веб-дашборда аналитики продаж для малого бизнеса «Метра» на демонстрационных данных. В экране должны быть ключевые метрики с динамикой, график выручки, каналы продаж, топ-товары и задачи дня. Также нужно предусмотреть адаптив под планшет.
— Спроектировала структуру главного экрана: боковое меню с разделами и счётчиком заявок, шапка с переключателем периода и кнопкой выгрузки отчёта.
— Сверстала блок ключевых метрик: выручка, заказы, средний чек, конверсия. Добавила сравнение с прошлым месяцем и цветовую индикацию роста или падения.
— Нарисовала на SVG график выручки по дням с пунктирной линией прошлого периода и всплывающей подсказкой по точке.
— Сделала кольцевую диаграмму каналов продаж на SVG.
— Сверстала таблицу топ-товаров с долей и остатком. Остаток подсвечивается тремя статусами: норма, мало, заканчивается.
— Добавила список задач на день.
— Собрала всё в HTML и CSS, обеспечила адаптив: на планшете меню скрывается, метрики в две колонки, блоки в одну колонку.
Готовый к демонстрации концепт главного экрана дашборда: все блоки свёрстаны, графики на SVG, адаптив работает на планшете. Данные демонстрационные, реального заказчика и внедрения нет.