Нужно нарисовать две страницы – лендинг и главная кабинета. Каждую в двух версиях.
Здесь и далее по тексту под лендингом я понимаю главную страницу сайта.
1. Для мобильных устройств:
- ширина экрана 375px
- итоговый макет может сжиматься до 320px (должен быть простор для сжатия, не должно быть все расположено впритык)
2. Основная (десктоп) версия:
- ширина макета 960px, не резиновый. Фоновый изображения и некоторые оформительные элементы должны выходить за ширину макета. См шапка
, чтобы понять, что я имею в виду.
Преимущество отдаем кандидатам, у которых есть внимание к мелочам, чувство вкуса и тем, которые, умеют четко и грамотно следовать ТЗ. Убедительная просьба писать заявки только ПОСЛЕ прочтения ТЗ.
ВАЖНО! Работаем исключительно через безопасную сделку.
Требования к дизайну:
- Страницы должны содержать некий набор информационных блоков, который подробно описан ниже. Как оформлять и в каком порядке размещать блоки – дело ваше. Постарайтесь, чтобы это выглядело с вашей стороны логично, обоснованно и удобно.
- Шрифты, цветовая схема, на ваше усмотрение. Задача сделать красивый, интересный дизайн, проявить творческий подход. Важно внимание к мелочам. Основной размер текста: 12-14px.
- В качестве результата работы принимаются исходные файлы макетов – psd, если растр. ai, sketch, если вектор.
- Поддержка ретина дисплеев. Макеты должны быть нарисованы минимум в 144, а лучше 216 dpi. Или же в векторе (sketch, ai), но нужно обратить внимание, чтобы растровые изображения, используемые в векторе имели достаточное разрешение.
- Иконки, цветовое кодирование валют только приветствуются. Я очень люблю иконки, главное, чтобы они были к месту и красивые.
- В конечном макете должны быть нарисованы все переходные состояния (лоадеры, модальные окна, активные, неактивные элементы, ховеры, итд, если есть)
- Срок 2 недели
1. Для простоты абстракции, предположим что биржа работает с тремя валютами: BTC (bitcoin), LTС (litecoin) и USD.
ИНФОРМАЦИОННЫЕ БЛОКИ
На всех (обеих) страницах:
- Главное меню. Пункты: Исследовать, Торги, FAQ, Поддержка, Новости, Принципы работы, История. В мобильной версии меню может быть скрыто под кнопкой бутербродом, или размещено как-нибудь по-другому, на ваш выбор.
- Название и простенькое лого. Пока разработка находится в начальном состоянии, вместо названия биржи можно писать "Exchange INC"
- обычный график изменения цены активов (на нем одновременно отображаются все активны, несколько графиков в одном). По вертикали – цена, по горизонтали – время. Длина – сутки.
- Блок покупки продажи:
Переключатель между валютами (BTC, LTC). Можно выполнить в виде табов или еще как-то. Мне видится, что тут было бы уместно цветовое кодирование. Предусмотреть, что валют может быть больше двух. Блок состоит из двух частей: ордера на покупку и ордера на продажу. Грубо говоря это две таблицы. Заголовки столбцов следующие: Сумма, BTC, USD. Ниже "Всего: 9999.99". В таблицах по 10 значений будет вполне достаточно.
- Переключатель языковых версий сайта: русский, английский, испанский. Предусмотреть, что языков может быть больше.
- Нижнее меню. Лицензионное соглашение, политика конфиденциальности, партнерское соглашение, копирайт.
- Шторка собственного онлайн-консультанта (как например, на
.
На лендинге:
- Вход на сайт и регистрация, напомнить пароль. На основной (десктоп) версии он может из себя представлять либо поля для логина и пароля, либо просто кнопки, открывающие модальные окна, на ваш выбор. Если вам кажется, что так лучше, то вход на сайт и регистрацию, можно объединить с главным меню. На мобильной версии по понятным причинам экономии места, не стоит сразу рисовать форму входа – она должна быть так или иначе скрыта под контролом
- Большая шапка с крупным лого, названием и описанием (пара строчек Lorem Ipsum). Может быть в лендинге в этом случае мелкое лого не нужно, а может быть и нужно, смотря как вы сделаете)
- Как это работает:
Кратко о бирже: Lorem Ipsum на 60 слов
- С чего начать
Блок, состоящий из трех пунктов – заголовков и описаний (описание – обычный Lorem Ipsum на 30-40 слов)
1. Зарегистрируйтесь. 2. Покупайте. 3. Продавайте
- Преимущества
Значок преимущества, краткий заголовок и описание на 20-30 слов. Всего 5 преимуществ (но предусмотреть, что может быть и больше)
В кабинете:
См прикрепленный файл (txt в utf8. для тех, кто не может прочитать есть rtf)