РосДеньги» – федеральная микрофинансовая компания, занимающая лидирующие позиции по предоставлению мгновенной финансовой помощи в более чем 300 городах РФ. Основанная в 2010 году в г. Санкт-Петербург, компания «РосДеньги» сегодня представлена в 33 регионах страны. С 2014 года услугами микрозаймов могут воспользоваться жители п-ов Крым.
Получить кратскосрочный займ от 1000 до 30000 рублей на срок от 7 до 17 дней можно в течение 10 минут, подав онлайн заявку на сайте, по телефону горячей линии или обратившись в один из 300 офисов компании «РосДеньги».
== == == == ==
Принять и понять
- Используем шрифт PT Sans (Google Fonts)
- Используем иконочный шрифт (см. описание ниже)
- Стандартизируем отступы, размер шрифта
- Стандартизируем палитру
== == == == ==
Иконочный шрифт, WTF?
Посетите текущую версию сайта и обратите внимание на следующие изображения (на самом деле символы иконочного шрифта):
- иконки «Отправьте заявку ... », «Одобрение заявки в течение 10 минут» и так далее
- иконки в блоке "Почему нас выбирают?" и так далее
- иконки в списках
- и так далее
Преимущества:
- Шрифт – вектор, поэтому адаптации под Retina не требуется
- Манипуляции на уровне CSS (размер, цвет и т.д.)
- Экономия трафика
Компонуется шрифт из совокупности SVG элементов. При этом стоит учитывать:
- Каждый символ (SVG) находится в контейнере, размерность которого стандартизирована
- Шрифт должен иметь рекомендованный, базовый размер. Остальные размерности, получаются путем умножения на коэффициент. Например: базовый размер = 16 пк., следовательно, в дизайне могут встречаться иконки следующих размеров: 24 (k = 1.5); 32 (k = 2); 48 (k = 2.5) и т.д.
P.S.: SVG Pack текущей версии сайт можно найти в прикреплении
== == == == ==
Стандартизируем отступы, размеры шрифта. WTF?
Элементарно! Допускается использования не более 4-х типов отступов в проекте. В случаях с типографией, допускается использование не более 5-ти размеров шрифта.
Пример отступов:
- По умолчанию: 15 пк.
- Маленький: 5 пк.
- Средний: 10 пк.
- Большой: 30 пк.
Пример размеров шрифта:
- Базовый: 16 пк.
- Мелкий: 10 пк.
- Маленький: 12 пк.
- Средний: 18 пк.
- Большой: 24 пк.
== == == == ==
Стандартизация палитры. WTF?
Допустимо использования 5-ти базовых цветов:
- Темный базовый
- Светлый базовый (белый)
- Цвет 1
- Цвет 2
- Цвет 3
Допустимо использования до 5-ти оттенков серого цвета.
Допустимо использования до 3-х оттенков для каждого базового цвета.
Фирменные цвета:
- Белый
- Красный
- Серебристый
P.S.: RGB не были установлены, поэтому возможно использование красного на ваше усмотрение. Главное, что бы цвет был насыщенным и ярким.
== == == == ==
Структура сайта. Введение.
Сайт можно поделить на 3 условные части:
- Домашняя страница (Landing page)
- Информационные страницы (набор статичных страниц, таких как: вакансии, документы)
- Личный кабинет
Вам предстоит проработать первые две части.
Пример Landing:
Пример обертки информационных страниц:
== == == == ==
Структура сайта. Требования.
Домашняя страница – langing page, состоящий из блоков. Дизайн нужно составлять с учетом того, что порядок блоков может быть изменен (за исключением верхнего и нижнего блока)
Блоки:
- Шапка (логотип, выбор города, ссылка на соц. сети, ссылка на личный кабинет)
- Промо-слайдер
- Калькулятор
- Акции
- Отзывы
- Карта отделений
- Футер (логотип, копирайт, ссылка на другие страницы сайта)
Вверху приведен список "важных" блоков. Кроме них, требуется оформить блоки:
- Почему нас выбирают
- Быстрые займы на любые цели
Пример вышеуказанных блоков и их содержимое можно посмотреть на текущем сайте:
CheckList:
- Калькулятор не должен "лежать" на слайдере
- Изображения "напоминающие" иконки должны быть у вас в векторе, для дальнейшей "перегонки" их в шрифт
- Нужно предоставить 4 представления исходя из следующих breakpoint-ов:
1) Ширина = 480 px
2) Ширина = 800 px
3) Ширина = 1280 px
4) Ширина = 1600 px
Вопросы:
- danil@chunikhin.com
Перспективы:
Победителю будет предложено провести дизайн сопровождение макета (подготовка контента, доработка мелочей) за дополнительное вознаграждение 15 000 рублей.