Это же описание в удобно-читаемом виде:
docs.google.com/document/... О ПРОЕКТЕ
Tinode мессенджер с открытым исходным кодом, что-то вроде WhatsApp или Telegram, но бесплатно и весь исходный код доступен.
github.com/tinode/chat ЗАДАНИЕ
Обновление дизайна сайта
tinode-1000.web.app/ (постоянный адрес
tinode.co/, сейчас там ничего нет).
* Дизайн главной страницы
* Шаблон остальных страниц сайта.
* Шаблон страниц ошибок 404
ТРЕБОВАНИЯ / ПОЖЕЛАНИЯ
* Максимально используйте цвета приложения
web.tinode.co (логин-пароль: alice-alice123, bob-bob123)
* Используйте только шрифты, доступные в
fonts.google.com/ * Используйте существующий логотип. Возможно, мы его переделаем, но не прямо сейчас.
В случае, если нужно текстовое наполнение, используйте то, что уже есть на сайте
tinode-1000.web.app/ или lorem ipsum с пояснением того, что там должно быть.
Если пожелаете использовать скриншоты приложения, в хроме или без, то просто вставьте болванку, мы сделаем скриншот сами и поменяем. Если скриншот в хроме, то ставьте болванку в хроме (хром изображение самого устройства, а не изображение только экрана). Графику для болванок можно брать с
github.com/tinode/chat. Изображения всевозможных устройств тут
mockupho ne.com Верстка НЕ нужна.
Примеры тематически схожих сайтов:
rocket.chat/ www.whatsapp.com/ www.opengarden.com/firech... mattermost.com/ emclient.com/ www.getmailbird.com/ www.hiri.com/ www.spikenow.com/ www.thunderbird.net/en-US... ПРИЕМ ДИЗАЙНА
* Адаптивный дизайн:
десктопная версия
мобильная версия
* Определено поведение элементов при растяжении экрана (фиксированная ширина, изменяемая ширина, привязка элементов друг к другу и к краям экрана).
* Указаны размеры и положение всех элементов в поинтах (points).
* Отрисованы примеры элементов дизайна в активных (::hover), неактивных, недоступных (disabled) состояниях.
* Наличие отрисовки активных состояний элементов (выпадающие списки, фильтры и тп).
* Описание источников всей использованной графики. Лицензии на коммерческое использование (графика с
github.com/tinode/chat не требует лицензии). Можно использовать графику с
unsplash.com и c
www.pexels.com, но при этом убедитесь, что лицензия позволяет коммерческое использование и указывайте ссылку на страницу, откуда скачали графику.
* Создан ui-kit дизайна, в который входит:
цвета проекта
список использованных шрифтов проекта: название, вес в единицах, размер в поинтах
таблица представлений стандартных элементов (обычный текст, заголовки H1-H4, нумерованные и ненумерованные списки): шрифт,
размер, вес, декораторы/преобразования, цвет.
цвета и декорации ссылок: не посещенная, мышь поверх ссылки, при нажатии, посещенная.
поведение кнопок, если есть кнопки (первичная, вторичная, неактивная, при нажатии, мышь поверх кнопки)
поведение иных активных элементов UI, использованных в дизайне (меню, слайдеры, табы, селекторы и т.п.)
дизайн сообщений об ошибках ввода: где показывать, как показывать, текст + иконка или только текст или только иконка.
Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в
данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять
участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.