Редизайн
ЗАДАЧА: сделать редизайн сайта для некоммерческой финансовой организации.
ОСОБЕННОСТИ: все услуги должны быть легко доступны и понятны для пользователя, интерфейс удобным и простым. Необходим личный кабинет с возможностью получения онлайн-займов.
ОСОБЕННОСТИ: все услуги должны быть легко доступны и понятны для пользователя, интерфейс удобным и простым. Необходим личный кабинет с возможностью получения онлайн-займов.
Старая версия сайта
Новый дизайн сайта
Дизайн-решение
Мы упростили существующий фирменный стиль, использовав элементы material design. Отказались от градиента в пользу плоского дизайна, улучшили навигацию и структуру. Дизайн сделали максимально простым, чистым и лёгким для восприятия.
Главная страница
Внутренние страницы
Все внутренние страницы спроектировали с учётом потребностей пользователей (знакомство с предоставляемыми услугами компании, заявка на получение услуг и другие). На каждой странице есть формы обратной связи и навигационные подсказки для удобного перемещения по разделам сайта.
Всего спроектировали 33 страницы
Сетки
В проектировании и разработке сайта мы использовали три основные сетки. Для десктопа — 12-ти колоночная универсальная сетка на 1140 px. Для планшета — 8-ми колоночная сетка на 788 px. Для мобайла использовали 4-x колоночную сетку на 288 px.
4
Колоночная
сетка
сетка
8
Колоночная
сетка
сетка
Mobile 288 px
Tablet 720 px
Desktop 1140 px
Колоночная
сетка
сетка
12
Страница услуг
Для каждой услуги мы спроектировали отдельную посадочную страницу. Использовали блочную структуру размещения контента. Разработали и сделали калькуляторы расчёта ежемесячных платежей. Для повышения конверсии разместили CTA-формы (формы конверсии).
Главный баннер
Калькулятор
Блок с контентом
CTA-форма
Блок с контентом
Карта с доступным жильём
Блок с отзывами
CTA-форма
Вопрос-ответ
Контакты
Элементы
Большинство элементов на сайте — карточки. Карточная структура позволяет легко адаптировать сайт под различные мобильные устройства. Подобрали для каждой услуги иконки, помогающие пользователю ориентироваться на сайте.
Карточки услуг
Калькулятор сбережений
Шрифт и цвета
Цвета оставили из фирменного гайдлайна компании: красный, жёлтый и светло-серый. Для сайта и личного кабинета мы использовали простой и надёжный неогротеск Helvetica. Этот шрифт очень подходит для финансовой сферы. Он ненавязчив и легко читается.
Результат
Разработали современный и надёжный сайт, отвечающий требованиям заказчика. Подходит для финансовой сферы и удобен для целевой аудитории услуг. Сайт защищен и безопасен для денежных операций.