>

>

Сайт для КПК «Щит»

Shield

Сайт для некоммерческой финансовой организации

Редизайн

ЗАДАЧА: сделать редизайн сайта для некоммерческой финансовой организации.

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

Старая версия сайта

Новый дизайн сайта

Дизайн-решение

Мы упростили существующий фирменный стиль, использовав элементы 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. Этот шрифт очень подходит для финансовой сферы. Он ненавязчив и легко читается.

Результат

Разработали современный и надёжный сайт, отвечающий требованиям заказчика. Подходит для финансовой сферы и удобен для целевой аудитории услуг. Сайт защищен и безопасен для денежных операций.