Наша команда начала работать над Admin Dashboard Template (мы называем её просто админка) для themeforest 9 месяцев назад. Забегая вперед, на этот маркетплейс мы так и не попали, но сильно не расстроились и сегодня рады поделиться с сообществом результатами нашей кропотливой работы и, надеемся, интересной и полезной историей.
Ссылки для нетерпеливых:
angular 1 версия: https://github.com/akveo/blur-admin (демо: blur, mint)
angular 2 версия: https://github.com/akveo/ng2-admin (демо)
Будем рады любым комментариям, замечаниям и пожеланиям.
Надеемся, что BlurAdmin вам понравится, и, если сообщество сочтет этот проект полезным, мы с удовольствием продолжим его поддерживать и прикручивать новые фичи.
Поехали
Давайте начнем с самого начала. В июле 2015 года мы решили создать свою собственную просто невероятную, восхитительную (и тому подобное) админку. Несмотря на то, что наша команда только образовалась, мы уже имели достаточно большой опыт в разработке, поэтому нам хотелось как-нибудь заявить о себе. И лучшим способом сделать это, по нашему общему мнению, это создание собстевенного продукта, которым бы люди c удовольствием пользовались.
План был прост как никогда:
Конечно же, мы не ожидали много продаж на самом маркетплейсе, т.к. в топ очень сложно пробиться из-за большой конкуренции. Поэтому главная цель заключалась в том, чтобы привлечь с помощью нашего продукта новых клиентов и заодно прокачать портфолио команды.
Версия 1.0
На первую версию ушло 3 месяца вместо запланированного одного. Мы и не думали, что на исследования, исправления и доведение всех компонентов до ума уйдет столько времени. Сначала смотрели на похожие шаблоны и думали: "Окей, нам нужна неделя, чтобы сделать похожий дэшборд". Да, вам хватит недели, чтобы украсть чей-то дэшборд или сделать точно такой же. Но если вы нацелены на что-то более-менее оригинальное, вы будете пробовать множество решений, перед тем, как достигнете конечного результата. А каждая переделка занимает время.
Сегодня эта версия вызывает у нас улыбку. Но на тот момент мы надеялись, что маркетплейс достаточно тепло воспримет нашу попытку и если не примет, то хотя бы укажет нам направление, в котором нужно двигаться. Да, мы понимали, что они ничего нам не должны, просто надеялись, что на той стороне мы встретим людей, которые будут рады помочь. В итоге наш шаблон отклонили на themeforest без каких-либо комментариев после двух недель ожидания.
Тогда мы попробовали другие варианты: bootstrapbay и wrapbootstrap. Bootstrapbay отклонил нас сразу же, а от wrapbootstrap мы наконец-то получили письмо, в котором говориилось, что наш шаблон был принят для дальнейшего рассмотрения:
Мы были счастливы! Мы ждали "дальнейшего рассмотрения" следующие 3 недели, но прогресса не было (к слову, с тех пор статус рассмотрения так и не изменился). Мы начали писать в службу поддержки, владельцу маркетплейса в твиттер — ответа нет до сих пор. Стало ясно, что админку нужно дорабатывать...
Следующая попытка
При разработке новой версии мы основывались на 2-х предположениях:
- Чтобы клиент решился купить наш продукт, он должен воскликнуть: “Вау!”, как только откроется первая страница
- И если первая цель достигнута, ему будет абсолютно безразлично как сделаны другие
Пожалуй, это не совсем так, но мы все равно решили переделать только первую страницу дэшборда.
Дизайн первой версии мы делали собственными силами, поэтому у нас не было уверенности ни в чем, решения принимались на уровне: “Ну, выглядит нормально, сойдет...”. Мы поняли, что качественный дизайн нам был просто необходим, и мы приняли решение взять в команду одного молодого, но очень перспективного дизайнера.
В итоге после месяца работы была готова новая версия:
Мы снова попробовали добавить наш шаблон на маркетплейсы, но все повторилось: его везде отклонили без каких-либо комментариев. Мы очень расстроились и уже начали думать о прекращении дальнейшей разработки, но вовремя опомнились и приняли решение попробовать еще раз.
Финальная версия
На этот раз мы отнеслись к делу с большей ответвенностью. Нужно было зацепить потенциального клиента — необходимы были новшества:
- Во-первых, мы задумались о разработчиках, которые будут использовать нашу админку, и постарались сделать её легко кастомизируемой. Для этого мы полностью переделали структуру проекта и отрефакторили весь код.
- Во-вторых, мы сделали упор на дизайне: помимо простоты и удобства клиент должен получать эстетическое удовольствие от работы с продуктом. Мы полностью развязали руки нашему дизайнеру, что повлекло значительные изменения во внешнем виде админки. Одной из главных фич стал iOS-like frosting glass (или blur) эффект для панелек.
Тажке мы добавили ??около 15 новых страниц, протестировали и исправили множество мелких багов и глюков.
На всё про всё нам понадобилось около 9 человеко-месяцев, и вот он результат:
Конфетка!
Все ребята в команде были вдохновлены ?результатом, один из нас даже сказал, что маркетплейсы должны подраться за нашу админку. Драка? Дааа… Добавили… Две недели...
- themeforest и bootstrapbay — отклонили без комментариев
- 3-я неделя… wrapbootstrap — до сих пор нет ответа
Заключение
После нашей последней неудачи мы нашли интересный пост на хабре о команде, которая также хотела начать продавать свои работы на themeforest. Короче говоря: 1,5 года, 2-3 разработчика, 15-20 hard-rejects, 25-30 soft-rejects, 2 принятых темы и около 150 продаж на тот момент. Это заставило нас задуматься: а стоит ли оно того?
С одной стороны мы понимаем недоверие маркетплейсов к новым авторам. Наверняка им каждый день приходится проверять кучу хлама, поэтому у них складываются впечатление, что все работы новичков плохого качества, ведь намного проще работать с проверенными командами. Но с другой стороны они упускают талантливых авторов, которые могут принести им неплохие доходы.
В итоге у нас уже не осталось желания добиваться попадания нашей админки на маркетплейсы. В то же время глупо было оставлять хороший продукт пылящимся на полке, поэтому мы и решили поделиться им с сообществом, выложив его на github.
Мы будем рады, если вы возьмете нашу админку за основу и создадите свои веб-приложения, шаблоны или все что вам вздумается. И надеемся, что она будет достаточно хороша для того, чтобы вам не пришлось тратить деньги на этих бездушных маркетплейсах!
В первый же день мы попали в trending repositories, за 5 дней нашу админку просмотрели более 8 тысяч уникальных пользователей. И это дает нам право говорить, что наша админка нравится людям. И это чертовски приятно!
Комментарии (65)
impwx
30.05.2016 18:47+8Первоначальное впечатление — действительно «вау». Однако, имхо, для постоянной ежедневной работы это буйство красок будет излишним.
Маленькая визуальная бага в демке
hrabouski
30.05.2016 18:49Спасибо, создадим на это issue!
m1skam
30.05.2016 18:52+9Как человек, который время от времени что то покупает на themeforest, могу сказать, что ваш вариант слишком м-м-м-м вырвиглазный что ли. Лично мне очень тяжело смотреть на страницы form input, buttons, typography.
Ваше решение не лишено багов, к примеру на странице с кнопками в блоке dropdowns, попробуйте открыть выпадающий список у самого нижнего ряда. А если открыть у предпоследнего, то можно и не догадаться, что там есть еще пункты.hrabouski
30.05.2016 18:56Спасибо за отзыв, баги периодически находятся, пытаемся оперативно исправлять. Да, дизайн вызывающий, но мы специально разработали более спокойную mint-версию, которая также доступна на гитхабе. Также все цвета очень легко поменять, мы старались сделать админку простой для кастомизации.
imgen
30.05.2016 19:13Хочу отметить — потрясающую производительность и хорошую подборку тонов, но всё какое-то тёмное, я вот люблю светлые темы.
В разработке беру тот же solarized light, не могу долго в тёмные темы, сильно устаю от этого. А тут просто стоит представить что неделями придётся смотреть в это тёмное пятно и появляется ненавязчивое чувство страха :)
valera5505
30.05.2016 19:52+6Я наоборот не могу отметить производительность. Не знаю, из-за обилия блюров ли это или из-за кастомной прокрутки (зачем, кстати?), но при прокрутке использование процессора просто катастрофическое. При этом еще и наблюдается небольшой инпут-лаг, хотя хром показывает 60 кадров в секунду.
Romanych
30.05.2016 23:38+3Проблемы с производительностью скрола на MacBook Pro 13" (2015) колоссальные. Очень портит впечатление
imgen
31.05.2016 00:09действительно странно, может это связано с тем, что я использую safari или с какими-то плагинами(адблок например?). у меня всё довольно шустро, нагрузки нет вообще никакой. От того и написал, что не ожидал такой производительности, особенно от ангуляра. Бывало раньше уже пользоваться темами на bootstrap+angular, бывало тормозили уже из коробки, даже без данных.
видимо, просто повезло в этот раз и все звезды сошлись надо мной клином :)
hrabouski
31.05.2016 10:51Это скорее из-за блюр-эффекта, есть более лайтовая версия, которая работает шустрее http://akveo.com/blur-admin-mint/#/dashboard
aronsky
30.05.2016 20:16-1Мне ваша админка понравилась очень. Захотелось в какой-нибудь проект её впихнуть вместо уже поднадоевшего AdminLTE.
hrabouski
31.05.2016 10:52Спасибо, если возникнут проблемы — смело пишите нам на почту или создавайте issue на гитхабе, мы их пытаемся решать, когда находим время.
IvanPanfilov
30.05.2016 20:22-26очередной блевотный скин для бустрапа.
тема для админки должна быть четкаая простая и не нагружающая глаз и проц компа. дефолтная тема бутрсапа не лучший выбор — но на много лучше чем эта радужная хрень.
или вы для сайтов ЛГБТ делали?
> angular 2 версия
а да, точно ЛГБТ
Fen1kz
30.05.2016 20:27+25Радуга — это редкое и красивое природное явление.
А кто считает радугу символом гомосексуализма, тот пидорас.
asave
31.05.2016 10:33+4Если вычеркнуть офтопик о ЛГБТ, Ваня правильно говорит.
Аляповатый фон мешает воспринимать информацию. Шрифты должны быть предельно контрастными.
А здесь — хрен знает что. Особенно вштыряет плашка в сеточку, из-за которой мелкий шрифт на боковой панели вообще не читается и иконки размываются.
Мне кажется те кто делал, просто не понимают, что как цветовая гамма, всякие шрифтовые вещи связаны с утомляемостью глаз оператора и в конечном счете с вероятностью совершения им ошибок.
ЗЫ
С удивлением обнаружил, что за замечание о сеточке сделал не я один, и что чужой комментарий уже заминусовали.
Что-то не так здесь, если совершенно очевидные вещи отвергаются.
ambientos
30.05.2016 20:26+1Не знаю, если честно, но разве вот эта штриховка на фоне по диагонали — разве не дизайнерский приём из начала 2000х?
В принципе, одного этого может быть достаточно, чтобы один раз открыть эту админку и закрыть её.
Davert
30.05.2016 20:28+4Очень понимаю как это долго делать и без хорошей отдачи и без мотивации в виде денег. Вы молодцы, что довели дело до конца и главное — до опенсорса. Надеюсь, опыт, который заработаете вы и проект в опенсорсе помогут вам качественно повысить уровень новых продуктов, всё-таки сообщество очень важно в этом моменте.
Но хочу всё-таки отметить, что с цветами и фонами вы конечно чуть перемудрили. Это всё-таки админка, люди используют админку не потому что она красива, а потому что должна быть удобна. Например, если немного упростить и убрать оттуда фоны мы уже получим +50% к юзабилити, не придется читать белый текст на светлом несплошном фоне
То же с анимациями… Эффект "вау", конечно, есть, но для постоянной работы он не нужен, в постоянной работе он будет отвлекать и тормозить.
В моем понимании, лучше центральную часть сделать светлой, а меню оставить темными — это вполне будет в духе текущих трендов дизайна.
Ну и ещё раз спасибо вам за опенсорсинг!
hrabouski
31.05.2016 11:04Мы понимаем, что многим от нашего вау-эффекта мало пользы, поэтому сделали все легко настраиваемым, как пример http://akveo.com/blur-admin-mint/#/dashboard
Fen1kz
30.05.2016 20:37+2Стильно, но мне не понравилось следующее:
1) Анимации при переходе. Админка (особенно такая мощная) подразумевает долгую работу, каждый раз смотреть на увеличивающиеся элементы как-то долго
2) Меню наползает на контент. И не скрывается по клику (Components > Mail)
3) Там же Select All не селектит (как скрыть чертово меню?)
4) Search field вверху мелкий и без границ
А так очень красиво и круто, пригодится для надергивания контролов для темного интерфейса.
kamenevn
30.05.2016 22:30+3Напишу и свое «фи» =)
Задумка хорошая, но мне кажется тут, как это часто бывает, подумали о дизайне, а о юзабилити не подумали:
1. Анимация должна быть более быстрая
2. Дизайн упростить (убрать бэкграунд, к примеру)
3. Текст не читаемый (красный на зеленом, и например вот — prntscr.com/babi4w)
4. Шрифт плохо читается
Спасибо за работу, и то, что выложили на гит — вашу работу.
Sulin
30.05.2016 22:30Админка очень хороша. мне очень нравятся админки в тёмных тонах, так как из-за белого фона мне приходится понижать яркость монитора, а то он режет глаз итак не очень хорошо видящий. Но в общем тёмном фоне кнопки и иконки действительно выглядят ядрённо, а с другой стороны если на странице будет не 20 кнопок, а одна, две, они будут привлекать внимание.
ButscH
30.05.2016 22:54+6Я уже довольно долгое время занимаюсь разработкой OpenSource CMS KodiCMS и параллельно стараюсь развивать проект SleepingOwlAdmin, главным элементом которых является админка и все что крутится вокруг нее. И могу смело сказать, что я бы не купил этот шаблон по той причине, что кроме цветовой гаммы он ничем не отличается от других шаблонов, в каких то моментах даже уступает.
Мне кажется, нет смысла занимать нишу разработки админки, если шаблон не может предложить ничего, кроме цветовой гаммы и парочки дополнительно сверстанных элементов. Основным запросом пользователей являются:
— работа с таблицами (формы поиска в таблицах) и вывод данных
— работа с формами
И в этом плане полный провал у всех. Большинство админок фактически берут плагины, немного подстраивают верстку под свой шаблон и называют это интеграцией, а когда доходит дело до использования, тратишь по несколько часов, чтобы настроить.
По мне, идеальная админка, за которую я готов заплатить, должна иметь мощный набор инструментов именно с формами. Т.е. должны быть проработаны:
- различные варианты полей (выбор даты в различных форматах, выпадающие списки (AJAX, зависмые и т.д., построение дерева), и т.д. Вариантов полей не так много)
- если говорить о выводе списка записей, то различные варианты фильтров (ползунки, чекбоксы, формы поиска)
- дэшборд не просто в виде сверстанных эелементов, а связку например http://gridster.net/ + интерфейс для добавления виджетов на рабочий стол
- Отображение списка картинок с возможностью редактирования заголовка картинки, удаление из списка и загрузка новых.
Также 99% пользователей жаждут получить wysiwyg редактор текста в возможностью загрузки и выбора файлов на сервере. И сделать это как готовый работающий инструмент. Если будет похоже на то, как это сделано в wordpress, то аудитория не заставит себя долго ждать. Причем задача не такая сложная.
За все время общения с пользователями разрабатываемых систем я пришел к выводу, что все хотят готовый инструмент, который позволит им решить их задачи, собирая шаблон как конструктор, а не просто красивую оболочку, к сожалению, мало кто захочет дорабатывать.
Сейчас, увы, это не более чем красивая оболочка без содержания. Я бы рекомендовал взять свой шаблон и собрать на нем парочку сайтов с админ интерфейсом, которым вы сами будете пользоваться и вы откроете для себя много нового.
Удачи в разработке своего продукта, готов ответить на вопросы.
damat
31.05.2016 11:23Полностью поддержку и от себя могу добавить, что в визивигах люто не хватает превью кода с подсветкой и автокомлита. Сколько не искал в свое время, найти не смог. Про валидацию кода совсем молчу, видно это что-то из области фантастики
virtyaluk
31.05.2016 15:21В точку! Хочу поставить "+", но аккаунт не позволяет.
Хотелось бы (наверное не только мне) увидеть примеры работ, удовлетворяющих все ваши требования. Спасибо.
J_K
31.05.2016 00:24Цвета хорошие, нормальные, но анимация безумно раздражает. Почему, на наведение мышью на иконку человека в письмах, она начинает дергаться? И вообще все дергается и бегает… бррр
kybarg
31.05.2016 00:36+1Шаблон — скорее UI Kit. Гоаорю как покупатель.
Как вариант добавить странички:
- Редактирования товара
- Администрирование разделов сайта
- Редактор текстовых старничек
- Страничка статистики конвертации
- Ajax элементы
- Корзины покупателей
- Администрирование пользователей
hrabouski
31.05.2016 11:16Мы рассматривали админку ближе к ui-фреймворку, пытались сделать элементы реюзабельными и кастомизируемыми, спасибо за идеи для новых страниц :)
Anton_Gorodezkiy
31.05.2016 01:01+1Выглядит интересно, в любом случае это вклад в opensource и за это уже спасибо.
Сложно говорить про themeforest, но могу сказать про codecanyon (хотя может этот как раз очень разные вещи, не знаю насколько).
Так вот в разное время я публиковал два wordpress плагина. Первый был отклонен если память не изменяет раза четыре, каждый раз с внятными комментариями от ревьювера (точно были какие-то ошибки php и не хватало документации). Когда я публиковал второй плагин, я провел тщательное тестирование и добавил документацию изначально. Второй плагин одобрили с первой попытки.
Я думаю ваша ошибка в том, что вы не знали, в чем ваша ошибка. Ваш сабмит отклонили, и вы сразу принялись переделывать то, что на ваш взгляд нужно было переделать.hrabouski
31.05.2016 11:21Проблема была в том, что к нам довольно пренебрежительно относились, хотя (как показал относительный успех на гитхабе), выгодно разместить админку на маркетплейсе было не только нам, но и самим маркетплейсам — комиссии у них огромные. Нам никто ничего не говорил по делу, куда бы мы не обращались, просто «нет». Поэтому постоянно приходилось плыть в непонятном направлении и самим додумывать, чем же мы все-таки не угодили. В итоге, как было написано в статье, мы ни о чем не жалеем :)
VitChe
31.05.2016 11:45На themeforest есть форум, где можно выложить демку проекта и текст реджекта. Пользователи и проверяющие регулярно отмечают моменты, которые нужно исправить. Таким образом можно сэкономить время и ресурсы на разработку.
inf
31.05.2016 03:52Интересно внутренней кухне маркет плейсов. Всё очень не просто))
В целом конечно этих админок уже столько и с кучей функционала и под разные платформы, что что-то новое сказать очень сложно.
Мысль была сделать админку-закос под старые винды. Аля какой-нибудь 1с с окошками, чтобы удобно было софт с десктопа на веб переносить с сохранением атмосферности)) Чтобы сгладить бухгалтерам и менеджерам шок от перехода.
akirsanov
31.05.2016 06:19Скажу как человек, иногда покупающий темы админок на themeforest.
Вот что сразу бросилось в глаза:
Спорный эффект появления: http://akveo.com/blur-admin/#/dashboard — лучше заменить на fadeIn, как в ng2-admin.
Сомнительное и негармоничное цветовое решение: http://akveo.com/ng2-admin/#/pages/charts/chartist-js — можно подобрать лучше.
В ng2-admin вообще большая проблема с цветом фона — http://akveo.com/ng2-admin/#/pages/forms/layouts — фон яркий, контролы визуально теряются.
AndreyMyagkov
31.05.2016 09:55Вау-эффект однозначно есть. Лично у меня не тормозит, не лагает.
Видел кучу подобных дашбоардов, но так и не понял кому это всё надо? Какова целевая аудитория? Ракетой управлять? Да. А обычным сайтом? Нет(
Возможно я чего то не понимаю, буду рад, если кто то напишет реальное применение подобных админок.
Loki3000
31.05.2016 10:11+2Что-то мой офисный селерон стал колом от этой админки. Оно, конечно, красиво, но у меня к админке другие требования.
PaulTG
31.05.2016 11:17Привет вам из Минска!
Действительно вау, только есть пару нюансов с закгругленными кнопками, которые слегка выбиваются из общей картины, производительностью, и иногда шрифты. Если хотите подробнее, то могу прислать письмом.
А так, очень красиво.
virtyaluk
31.05.2016 11:24Соглашусь с ораторами выше — maxru, m1skam, и impwx.
Я сам потратил ооочень много времени на изучение всевозможных шаблонов на биржах Envato, тестировал их в действии, и даже лелеял идеями создать свой шаблон для WordPress. Но после достаточно длительного исследования я пришел к выводу, что для того чтобы хотя бы иметь шанс пробиться на биржу, нужно иметь хорошую команду и полностью сосредоточится на работе. Не разрабатывать проект в свободное время в одиночку, да еще и «за месяц».
По поводу админки. Админка хорошая, но не более. Концепт не проработан до конца, дизайн перегружен ненужными элементами оформления. Возможно этот проект и выстрелил бы лет 5 назад и точно попал бы на Themeforest, но в 2016 — нет. Как в статье, на которую ссылается автор, здесь очень много не проработанных моментов, а, как известно, модерация сервиса такое не одобряет. Желаю автору провести по-больше времени на бирже, изучить предложения и удачно «зайти» со следующей попытки.
Codenamed
31.05.2016 15:09Молодцы, что выложили на GitHub, приятно, что появляется такой контент. За это респект.
Но вот только эта тема — совсем не админка. Не интерфес для работы с большими таблицами, ввода данных, подгрузки файлов и другой повседневной работы.
У вас получился отличный задел по dashboard для руководителя. В таком виде тема будет органично смотреться на экране директорского айпада. Только потребление агрегированной информации: график чего-нибудь, карточка с условиями договора и сводкой по работе по нему, контроль выполнения задач. Из ввода данных — логин/пароль, ответ на сообщение, согласование и комментарии, да может быть постановка или переадресация задачи. Для этих целей у вас есть неплохой подбор компонентов (графики, таймлайны, списки сообщений, счетчики, дерево документов), но есть над чем поработать.
Например, впилить диаграмму Ганта, удобный кастомизатор таблицы (сортировка, фильтр по колонке, добавление и сокрытие колонок), более информативные пункты таймлайна для компактного представления информации, и так далее. Лучше всего и правда плясать от реальных сценариев пользователей.
А для админки как удобного интерфейса для ввода структурированных данных у вас вообще ничего нет, по правде говоря. Например, ну какая «админка» без удобного выбора одного или нескольких объектов из списка с возможностью добавить «на лету» недостающее? И без готового стилизованного контрола для аплоада файлов. Тут можно долго продолжать. Если вам интересно, могу составить прямо список необходимых компонентов с подробным описанием :)
Buscando
01.06.2016 11:12Из всех общедоступных ангуляровских админок, с которыми я имел дело, эта, пожалуй, самая аппетитная!
Alekhin_Artem
01.06.2016 13:16А может кто-нибудь объяснить человеку очень далекому от веба, как эти все шаблоны админок работают? Допустим купил/скачал шаблон, могу ли я его использовать как фронтэнд? Что из себя представляет шаблон?
pavel_salauyou
01.06.2016 13:17Тоже делал дашборд для themeforest themesanytime.com/startui приняли без вопросов, разработка 3 месяца заняла максимум.
kamushken
08.06.2016 14:57+1как дизайнер интерфейсов, который немного в курсе трендов, сообщу визуальный подход в вашем случае устарел как минимум на год… референс на актуальные гайдлайны для десктопных систем: яндекс.музыка, airbnb, asana. в любом случае удачи и процветания, умелый дизайнер переадаптирует на новый вид ваши гайды по идее достаточно быстро.
maxru
Могу только сказать (как человек, пересмотревший ВСЕ админки на themeforest и даже купивший 5-6), что, мягко говоря, ваша админка неоригинальна. Ни по внешнему виду, ни по набору функционала.
Так что может оно и к лучшему, что ещё один клон не появился.
P.S. Не говоря уже о том, что подавляющая часть вёрстки админок делалась людьми, которые к разработке этих самых админок не имеют никакого отношения, соответственно ошибки у всех те же.
hrabouski
Большинству людей она очень понравилась, особенно на реддите. Все хвалят то, что у нее под капотом здоровый код, это говорят люди, которые купили не одну админку на тимфоресте и остались недовольны ими.
VitChe
Качественный код под капотом никак не влияет на качество самого продукта.
На самом главном экране Dashboard у вас 9 типов информации не связанных между собой. Сейчас, например, невозможно оценить конверсию посетителей в продажи; изменить период отображения, чтоб сравнить с предыдущим периодом.
ToDo и календарь выполняют одну функцию, выберите что-то одно, а второй инструмент покажите в опциях. И так со всеми остальными блоками.
В первую очередь задайте себе вопрос, как конечный пользователь будет с этой информацией работать? Вы пишите, что подходите к задаче с ответственностью — так уделите внимание наполнению, сгруппируйте информацию по типу. Если все сделать правильно, то у вас с трудом поместиться 3 типа информации на главном экране.
У меня когда-то был похожий проект, главная ошибка разработчика угодить всем) Лучше разбить идеи по реализации на разные сферы деятельности и выпустить 10 версий заточенных на определенную целевую аудиторию, чем один монструозный комбайн. К сожалению почти все админки реализованы людьми, которые ими никогда не пользовались.
Вам желаю не расстраиваться, шишки уже набиты. В следующем проекте думайте о конечном пользователе — он гарантирует вам признание!)