Дизайн одной страницы мобильной версии сайта (проект под конкретного исполнителя)
Бюджет
33$
/ 2000
руб
в месяц
Создан: 4 года назад
Открыт
- Описание
- Есть готовый psd-макет для десктоп-версии главной страницы сайта (вложение).
Нужно по этому макету создать psd-макеты мобильной версии в 3 размерах:
1. 320 px (max-width: 479px)
2. 480 px (max-width: 767px)
3. 768 px (max-width: 1023px)
ОСОБЫЕ УСЛОВИЯ. Перед созданием этого проекта стороны договорились, что в случае, если версия в размере 320px (в виде картинки, не psd-макет) заказчика не устроит, то работа по проекту прекращается, а деньги в 100% объеме возвращаются заказчику. Заказчик при этом обязуется объяснить исполнителю, что именно не устроило, почему дальнейшее сотрудничество невозможно.
Если устраивает – работа продолжается до результата (с правками и принятием обеими сторонами).
Срок: до 23:59 17.12.2020
ОБЩИЕ ТРЕБОВАНИЯ К ДИЗАЙНУ. Дизайн основан на принципах функционального минимализма – только то, что нужно для достижения цели, с минимумом декоративного лишнего. В мобильной версии этого лишнего должно быть еще меньше.
Это создает требование к соотношениям элементов сайта. Фактически оперировать придется именно элементами (текстовыми блоками, заголовками и пустым пространством) – наводить красоту за счет пропорций и соотношений элементов. Расставить абы как, лишь бы расставить, недопустимо. Нужно выверять, взвешивать, чтобы в целом смотрелось пропорционально, сбалансированно, чистенько и элегантно.
Шрифты
• Заголовки: Mozer
• Текст: Open Sans
• Элементы: Font-awesome
Отличия в навигации от десктоп-версии:
1. В десктоп-версии – поэкранная прокрутка. В мобильной версии – нет.
2. Меню – гамбургером (в десктоп-версии – нет).
3. Знака вопроса (задать вопросы) в мобильной не надо.
4. Кнопки поделиться (фб, вк, ок, иг, тг) – фиксировано внизу экрана.
КОНКРЕТИКА ПО ГЛАВНОЙ СТРАНИЦЕ:
Меню отличается. В мобильной версии на главной странице – пункты меню: Статьи, Бесплатно, Курсы, Об авторе и Контакты.
1 экран: Можно пожертвовать (не размещать, скрыть) графиком и фото автора (дальше все равно фотография идет). Т.е. заголовок, текст, кнопка, а дальше «Позвольте представиться. Меня зовут…» – фото и после фото регалии (текст из 2 экрана).
3 экран: Можно пожертвовать фоновой картинкой с книгами.
Заголовок – сразу на белом (пожертвовать синим квадратом), просто заголовок и дальше – карточки. Оформление заголовка как «Мои профессиональные принципы» (экран 4).
Карточки вижу с горизонтальной прокруткой, чтобы можно было пальцем – вправо-влево (прокрутка по странице – пальцем вниз-вверх). Чтобы было понятно пользователю, что вправо и влево что-то есть (что нужно провести пальцем в сторону), нужны стрелки. Если непонятно, лучше спросить.
4 экран. Карточки – с прокруткой вправо-влево.
5 экран. Нужно продумать 2 кнопки, чтобы они были рядоположены, без переноса блоков друг под дружку – чтобы можно было выбрать. Т.е. картинок, скорее всего, не будет (думаю, красиво не вместятся, будет слишком мелко), нужно заменить на кнопки или что-то в этом роде (продумать дизайн).
При клике на кнопку – модальные окна (в соответствии с неактивными слоями в десктоп-версии).
Футер – упрощенный, как в Акция.psd (во вложении), расширенный будет использоваться только в десктоп-версии. При оформлении учесть, что в других страницах это меню будет содержать только 4 пункта). Гамбургер с полным набором ссылок будет использоваться только там, где есть полный футер в десктоп-версии (на главной – это есть). На других страницах напишу отдельно.
- Категория
Источник: fl.ru
Похожие проекты
0
0
Нужен дизайнер с опытом работы в ai SuitUp или Flair. ai ....
3 дня назад
0
3
0
0
Требуется разработать дизайн лендинга из 6 блоков + дизайн квиза + дизайн формы + дизайн страницы со статьями. Нужно будет 2 макета сайта: десктоп и мобилка....
5 дней назад
$143
0
0
Oпpocы (1004pyб/чaс) Заходитe на сaйт: gonsù....
1 неделя назад
$71
0
29
Нужно будет нарисовать новый логотип для сайта : opaeuropa md Тематика: Путешествие по Европе на автобусе....
1 месяц назад
0
4
0
6
Дизайн мобильного приложения 4 экранов. Нужен дизайн приложения 5 экранов с состоаяними, тема эзотерика, по итогу нужен будет макет страниц в figma....
1 месяц назад
0
2
Требуется собрать брендбук на основе имеющихся материалов: логотипов, презентаций, макетов, вывесок и пр. Прописать все аспекты для дизайнера и оформить в брендбук....
1 месяц назад
$1429
0
0
$286
0
2
0
37
Создание дизайна инфографики для маркетплейсов....
3 месяца назад
0
14
Нужно выполнить тестовое превью, видео пример для теста вам дадим. Ищем дизайнера со вкусом, стилем, творческими идеями....
3 месяца назад
0
15
Исходников нет, берите с сайта и просто исправить название классов ; Класс 4 изменить на 4Б , класс3-б на класс 4-А - размер 300x200....
3 месяца назад
0
3
подготовка иллюстраций, 3D-иллюстраций, флет-иллюстраций для сайта. Создание, подготовка изображений/иллюстраций для продукции и услуг, связанной с финансами, страхованием, ипотекой, вкладами и банковской системой. ТЗ и подробное описание заказа и продукции будут высланы в личный диалог. Создать изображение......
4 месяца назад
$50
0
51
Логотип - это главный ключ к успеху любой деятельности. Ведь запоминающиеся лого, дает гарантию что о вас вспомнят. Абсолютно любой и индивидуальный современный лого на ваш вкус - будет сделано!...
5 месяцев назад
$71
0
1
Необходимо нарисовать анимированный аватар в аниме стиле для FaceRig, чтобы он загружался туда в том числе. с отслеживанием глаз, рта, мимики и так далее. Руки без анимации. Рисунок нужно будет делать по фото человека....
5 месяцев назад
$4
12
2
Нужно сделать пример сметы и комерческого предложения по разработке сайта от исполнителя к заказчику в PDF формате....
5 месяцев назад
0
4
$33
23
9
6
7
Здравствуйте,. - Нужен дизайн для моего ТГ канала под названием "Devs на чиле", который можно найти в поиске ТГ- Klumdan. - В канале буду публиковать новости, обзоры из сферы IT и сервисы для упрощения работы фрилансеров. - Нужно создать дизайн аватарки канала, аватрки бота, а также 3 изображения для......
5 месяцев назад
$56
135
19
Похожая удалённая работа
- Удаленная работа для веб-дизайнера
- Удаленная работа для дизайнера логотипов
- Удаленная работа для технического дизайнера
- Удаленная работа для дизайнера для создания фирменного стиля
- Удаленная работа для дизайнера векторной графики
- Удаленная работа для художника, иллюстратора
- Удаленная работа для дизайнера баннеров
- Удаленная работа для дизайнера иконок, пиксель арта
- Удаленная работа для дизайнера 3D графики
- Удаленная работа для дизайнера презентаций
- Удаленная работа для дизайнера интерьера
- Удаленная работа для промышленного дизайнера
- Удаленная работа для дизайнера интерфейсов
- Удаленная работа для дизайнера шрифтов
- Удаленная работа для дизайнера наружной рекламы
- Удаленная работа для рукодельника
- Удаленная работа для дизайнера 2D графики
Перетащите