Разработать дизайн интерфейса сайта

Сайт: https://ico.dropthebomb.io

Описание проекта:  набор микрозаданий и возможность их выполнять для участников.

Задача: на примере страницы в приложении разработать адаптивный интуитивный дизайн для пользователей.

Для оценки можно предоставить image файл в хорошем качестве. После выбора победителя необходимо предоставить итог в Zeplin, выполненный под верстку.

Цветовая гамма, схожая с данной на скриншоте(могут немного разнится тона). Возможно добавление 1-2 новых(без пестроты и цветовых излишеств) и иное использование цветов.  Логотип возможно подстроить под общий стиль.

Особое внимание уделить шрифтам, сейчас шрифты сильно разнятся и не всегда читаемы.

Моменты которые нужно подчеркнуть и выделить:

1) На всех страницах должно отображаться имя пользователя и его ID. 

2) при наведении на имя пользователя выпадает меню - нужно показать, что там есть меню и отобразить само всплывающее меню(3 пункта).

3) При входе нового пользователя он должен видеть ссылку-призыв "Пройдите 1ый квест"(можно заменить на аналогичную по смыслу надпись),  выполненную так, чтобы пользователь обратил на нее внимание.

4) Порой в  разделе Лента(первый пункт меню под логотипом) появляются новые сообщения для пользователя,  необходимо показать, что пришли новые сообщения (знаком/анимацией/как либо иначе)

5)  Участник/Текущие/Предстоящие - это фильтры на основании которых выводится информация под ними. По-умолчанию Текущие. Нужно оформить их так, чтобы было ясно что они влияют на ифнормацию внизу, ну и конечно отображая какой из фильтров выбран. Возможно оформить в виде табов (а-ля Excel, Google sheets)

6) При наведении на строчку- проект, стрчока должна выделятся. На примере выделен и нажат проект DropTheBomb.

7) Все кнопки должны быть понятны, как кнопки. При наведении должны реагировать.

8) социальные ссылки(в кружках слева) должны быть выполнены в соответствующей цветовой гамме(а не как на скриншоте)

9) выпадающие меню должны быть гармоничны.

10) на самой странице Проекты сверху(на скриншоте до фильтров Участник/Текущие/Предстоящие) должно быть описание раздела одной фразой. Например, "Здесь вы можете просматривать свои текущие проекты, а также рассматривать и присоединяться к новым."

11) Bottom страницы должен быть уже чем есть, чтобы не бросаться в глаза.

12) Список задач в конкретном проекте должен быть ближе к самой строке проекта на которую кликнули. Сейчас находится очень низко.

13) В пятой колонке должен отображаться значок, по нажатию на который всплывает окно с пояснением к задаче. Нужно значок сделать под дизайн, так чтобы было понятно что это пояснение и отобразить это окно с текстом подсказкой. Пример пояснения:

"Для выполнения задания нужно:

• - нажать выполнить
• - вступить в группу
• - нажать проверить"

14) Нужно отобразить значок/иконку/кнопку для закрытия списка задач по текущему проекту и возвращениию к общему списку проектов.

15) Надпись "Остлось мест 803" под логином можно убрать.

16) Все логичные выравнивания должны быть соблюдены.

17) закругления кнопок, полей, текстовых строк(где необходимо) должны быть выполнены.

18) Все меню, ссылки, кнопки должны быть понятны и при наведении меняться, для акцента на этом поле.