Создаём универсальную админ-панель

Мы часто делаем дашборды, но из-за ограничений NDA не можем их показать. Мы решили собрать несколько админ панелей в один универсальный дашборд и представить его в виде кейса.

Создаём универсальную админ-панель

Цель

Нужно создать универсальную панель администратора или менеджера, которую можно безболезненно адаптировать под нужды клиента из опредёленной области.

Дашборд, в отличие от корпоративного сайта, не обращён к новым посетителям и потому не имеет цели зацепить и продать. С ним взаимодействуют только те, кто уже начал работу с брендом. Мы убеждены, что дашборд должен быть минималистичным: чистое воплощение функции с толикой формы.

Страница входа

Попасть в интерактивную модель можно так же, как и в действующую внутреннюю систему компании: через страницу авторизации. Используйте свой Google-аккаунт, чтобы войти, или зарегистрируйтесь. Не переживайте, мы не собираем и не передаем эти данные.

Создаём универсальную админ-панель

Главная страница

При разработке дизайна мы не подстраивали панель управления под какую-то сферу, поэтому на главной странице есть и виджеты с обменным курсом криптовалют, и перечень заказов интернет-магазина, и данные о посещаемости сайта, которые пригодятся маркетологу.

Создаём универсальную админ-панель

Встроенный мессенджер для коммуникации внутри команды, уведомления и общий календарь встреч и событий доступны в виде иконок в правом верхнем углу.

Дизайн лаконичный (чего требует работа с цифровыми данными и графиками) и обтекаемый (потому что нашему дизайнеру так больше нравится).

Заказы

Раздел для владельцев интернет-магазинов и менеджеров пунктов выдачи заказов содержит необходимый минимум показателей в качестве превью. Здесь можно отслеживать статусы заказов, сверяться с планом продаж и анализировать динамику заказов и брошенных корзин по сравнению с показателями прошлой недели. Есть возможность добавить виджеты, ориентированные на нужды конкретного бизнеса.

Создаём универсальную админ-панель

Товары

Раздел с товарами мы адаптировали под интернет-магазин одежды, но его просто настроить под любое направление электронной торговли. Существующие колонки инвентарной таблицы (артикул, категория, наличие, цена) универсальны, более специфичные характеристики товаров (например, вес, комплектацию, дату выпуска, состояние) легко добавить по просьбе клиента.

Создаём универсальную админ-панель

Команда

Во вкладке с данными о команде только что нанятый специалист может познакомиться со структурой компании и найти электронные адреса коллег. Здесь же размещен чат. Если платформа — это главный способ коммуникации в компании, то секцию чата можно расширить и сделать главной на странице. Мессенджер также легко доступен на каждой странице дашборда по нажатию на иконку в верхнем правом углу.

Создаём универсальную админ-панель

Настройки

Страница со стандартным перечнем настроек, которые позволяют приспособить панель управления под себя: установить язык, цветовую схему, настроить уведомления. Тут же пользователь может занести свои контактные данные для связи с коллегами вне площадки.

Создаём универсальную админ-панель

Техническая реализация

Дашборд такого типа может быть реализован с помощью разных технологий, но мы советуем создавать его на React.js. React — это JavaScript-библиотека для создания пользовательских интерфейсов. JavaScript позволяет создавать интерактивные интерфейсы, где элементы могут изменяться или обновляться без необходимости обновления всей страницы. Это делает веб-приложения более отзывчивыми и приятными для пользователей, а минимизация перерисовок и обращение только к необходимым данным способствуют более быстрой загрузке страниц.

Панель имеет десктопную и мобильную версии.

44
Начать дискуссию
Французская Waiting For Ideas представила виниловый проигрыватель из цельного алюминия за €5800

PP-1 изготавливают на заказ, ждать нужно около 12 недель.

Waiting For Ideas
99
66
22
11
11
Аудиофил не мамонт
реклама
разместить
Видео выходного дня: глава Meta* Марк Цукерберг танцует и поёт в блестящем голубом комбинезоне

Предприниматель выступил на дне рождения супруги, позже написав: «Жене бывает 40 только раз».

1414
22
11
Когда осознал, что реальная жизнь лучше виртуальной
История денежных переводов - от золота до SWIFT

Разбираемся, как в разные времена люди отправляли деньги друг другу или в качестве оплаты за товары и услуги.

История денежных переводов - от золота до SWIFT
11
5 причин почему люди теряют свои Telegram каналы или гайд как убить актив в своем сообществе

Ни для кого не секрет, что Telegram из мессенджера превратился в целую экосистему, где можно не только общаться, но и зарабатывать деньги. Однако, чем больше “бизнесменов” заходят в телеграм, тем больше мертвых каналов появляется. Потратить бюджет около миллиона рублей, а вместо окупаемости через 10 месяцев получить мертвый канал. Звучит как фиаско…

5 причин почему люди теряют свои Telegram каналы или гайд как убить актив в своем сообществе
33
11
День 1102: ЦБ «жёстко настроен» на возвращение инфляции к цели в 4%

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Источник фото: РИА Новости
3030
22
11
11
11
ЦБ вечно прогнозирует и каждый раз жидко... ошибается. Но в царстве иллюзий и 2% инфляция может быть.
От $80 тысяч до $1 млн в год: Business Insider рассказало о средних зарплатах иностранных специалистов в Netflix

Тех, у кого рабочая виза или грин-карта.

Источник фото: The Hollywood Reporter
1212
11
Я уволился, потому что с зумерами невозможно работать

И другие причины, по которым уходят сотрудники

Я уволился, потому что с зумерами невозможно работать
2828
11
66 вариантов где опубликовать свою статью. В одной табличке с названиями, сайтами и описаниями. Делюсь с вами

Будет полезна тем, кто продвигается через контент и/или seo.

66 вариантов где опубликовать свою статью. В одной табличке с названиями, сайтами и описаниями. Делюсь с вами
5050
99
22
22
22
11
[]