Дизайн мобильного приложения

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

Основное:

1. На всех страницах погоды должны быть две иконки внизу – одна открывает список городов, другая настройки, где можно выбрать шкалу градусов (Цельсий или Фаренгейт), скорость (км/ч или м/ч), осадки (мм или дюймы) и языки (точный список будет предоставлен). Посередине между двумя иконками пункты, которые будут соответствовать списку городов.

2. Иконки погоды использовать с сайта (будут предоставлены), для каждой иконки – должен быть свой фон (можно градиентом). Основные

типы: солнечно (голубой фон), облачно (три типа, которые подойдут к солнечной с облаками погоде),

дождь и снег с солнцем (также 3 типа, когда солнечно, но с осадками), просто дождь и снег (3 типа серого фона),

туман, гроза, ночь (также три типа от ясной ночи до ночи с осадками).

3. По каждому городу должно быть переключение между погодой по дням и месяцам.

4. Должен быть переключатель слайдера с пунктов (города) как на айфоне с кружочками внизу, который

показывает общее количество городов, но не более 8, он должен центрироваться и главное город по геолокации.

5. Дизайн должен быть на основе стиля, шрифтов и иконок сайта.

6. Нужна иконка или кнопка Buy premium, её важно как-то разместить так, чтобы она была

не навязчивой и не оставляла пустое место, если её нет.

Главная (Приложение 1):

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

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

Погода на день

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

Список городов (Приложение 2)

Список городов как в айфоне с поиском, гамму цветов и иконки использовать как в пункте 2 основного описания для каждого города. Для этого раздела нужно сделать 2 страницы, одна со списком городов как на айфоне, другая с результатами поиска.