Есть небольшая онлайн игра, нужно отрисовать ее для мобильных устройств, адаптивно (телефоны, планшеты).
У игры есть свой стиль (цвета), посмотреть можно dixit-online.ru , это онлайн версия настольной игры диксит имаджинариум
Что-то вроде тз:
Экраны:
0) На всех страницах нужно однотипное модальное окно, в котором могут содержаться текст, элементы форм – текстовое поле, селекты, чекбоксы
1)Главная страница
1.1)Для не авторизованных игроков. Форма ввода логинпароль, форма, мб модальное окно (регистрации), кнопки – войти, войти через вк, войти через фб, регистрация
1.2) Для авторизованных. Инфа об игроке, логин, рейтинг, кол-во очков, кол-во побед, аватар, кнопка сменить аватар, поле для выбора файла аватара. Тут же появляется двухуровневое меню доступное на всех страницах (Профиль, помощь, об игре, играть и т.д. и т.п.)
2) Информационная страница: текс + ролики с ютуба, картинки, заголовки. Предусмотреть страницу с бесконечным листингом вниз (например история операций по балансу "дата: действие +100 монет"), по кнопке "еще" и кнопку "вернуться наверх"
3) Страница с листингом карт и страница карты: куча превьюшек (так же бесконечный листинг вниз, мб пагинация) , по клику на карту получаем ее на весь экран, кнопки лайкдизлайк и их кол-во (на сайте сейчас это палец вверх и вниз), возможность перейти на страницу карты. На странице карты – сама карта, возможность оставить комментарий, возможность посмотреть прошлые ассоциации, у комментариев и ассоциаций указано кто и когда отправил, логин, аватар, дата и сам комментарийассоциация
4) Страница загрузки новой карты, выбор файла, кнопка добавить. Следующий экран – возможность обрезать(выбрать фрагмент) фото, кнопка сохранить.
5) Страница игрока : аля профиль, рейтинг, победы, понравилось N карт, не понравилось N карт, добавил N карт.
6) Страницы топов игроков и карт, топ 10 игроков сегодня, например. Аватарка, логин, кол-во очков. Так же с картами, карта, кол-во загаданных раз.
7) Страница с играми: номер комнаты с возможностью менять на любой цифровой, от 0 до бесконечности. Кнопка "создать игру". Модальное окно с текстовыми полями, чекбоксами (тема игры, лимит очков, автовыход, максимально игроков 1-12, разрешить вход после старта) – кнопка старт. Список начатых игр, в списке отображается информация об игре, аватар и логин создавшего, максимальное кол-во игроков, кол-во игроков в игре, лимит очков, сколько очков у лидера, номер игры и тема игры. Возможность посмотреть список игроков в этой игре и визуализация этого списка.
8) Страница игры: тут несколько экранов (чат, список игроков, карты в руке, карты на столе) карты в руке и карты на столе можно объединить, т.к. когда есть карты на столе – карты в руке не нужны. Чат и список игроков можно сделать как выезжающее меню слева и справа, но в таком случае нужны кнопки всегда на виду "Чат(N)" где N кол-во новых сообщений, и "Игроки(x/y/z)" x,y,z тоже числа...
В чате логин и сообщение, так же есть системные сообщения (сделать помельче и другим цветом или разделить на чат и лог игры)
В списке игроков – аватарки в круглешках разного цвета, логин, статус (ушел, ждет, рассказчик и т.п.) и кол-во набранных очков в этой игре.
Так же на странице игры всегда присутствует информационное окно, там есть заголовок, небольшой текст(иногда поле для ввода текста) и кнопка действия (ок,выход,старт и т.п.)
Список карт (с или без кнопки "выбрать") . Максимум 12 карт. Продумать визуализацию, как в конце хода показывать (выделять) правильную карту, карта которая была выбрана мной, и кто из игроков какую карту выбрал
9) Красивая анимация загрузки.
------------------------------
Весь функционал полностью реализован на сайте (если что-то не понятно), частично реализована мобильная версия
– примерно то что хочу описать выше, но она не нравится и очень урезана...
Все что описал выше – это скорее описание необходимого функционала возложенного на интерфейс, Вы дизайнер, Вам виднее как это лучше сделать...
Интересуют цена вопроса и примерные сроки, Если можете еще и заверстать, то цена с версткой и без. Кто-то без фш делает сразу на верстке, в общем интересно то и то и по отдельности...