Разработка новой структуры и визуального стиля сайта

Kassir.ru

Проектирование

Проектирование

Мы провели проектирование полного цикла: от разработки профилей пользователей
и выявления шаблонов
поведения, до интерактивных адаптивных прототипов
и технического задания

Проектирование

Цветовые решения

В Кассире есть фирменные цвета —
черный и желтый. Мы добавили к ним
белый в 80%, чтобы сделать чистый
и легкий сайт. В контенте очень много
афиш и постеров, которые сами
по себе уже перегружены информацией
и графикой, поэтому минимализм
и аккуратность стали основной нашей
целью при разработке
цветографической схемы.

Желтый
#ffc427

Серый
#ffc427

Белый
#ffc427

Также мы использовали градации основных цветов для расстановки акцентов и различных состояний контроллов

Шрифт

Из простых решений мы получаем
сложные структуры. Поэтому мы выбрали
всего один шрифт, с достаточным
количеством его графических начертаний.

Графика

Мы разработали векторную графику, которая
соответствует стилистике нового сайта
и бренду Kassir.ru в целом. Вектор на любом
масштабе и разрешении выглядит идеально.
Также это позволяет уменьшить размер сайта
и увеличить скорость загрузки страниц.

10 Бейджей

Геймификация стала
отличительной особенностью
нового сайта — вовлекая
пользователя в игру, мы
поощряем его за достижения.
Каждый бейдж хочется видеть
именно у себя в профиле!

Новичок

Бейдж за регистрацию

Last.fm

Подключение last.fm
к профилю

Исследователь

Купил билеты в пяти
разных рубриках

Тусовщик

25 разных мероприятий

Театрал

10 билетов в театр

Рок-н-рольщик

Я купил 10 билетов
на рок концерт

Что нужно для создания классного бэйджа? В первую очередь чувство,
что ты сам хочешь такой получить, поэтому мы взяли простую форму,
простой цвет и нарисовали классную картинку.

Семьянин

10 билетов детям

TOP 5

В пятерке рейтинга
пользователей

TOP 10

В десятке рейтинга
пользователей

Царь горы

Первое место в рейтинге
пользователей

На странице все
события могут
отображаться
блоками или в строку,
в зависимости от
ваших предпочтений

Элементы сайта

Все элементы организованы на основе простого
правила «Контент в первую очередь» —
пользователь должен обращать внимание прежде
всего на суть и содержание, а не на избыточную
графику. Форма при этом разработана с учетом
текущих достижений и трендов в UX и дизайне.

Фильтр организован так,
чтобы все акценты были
очевидны для пользователя.
Все всплывающие окнка
появляются таким образом,
чтобы они не перекрывали
информицию, которая
необходима при
использовании самого окна

Фильтр — ключевой инструмент на сайте. Через него проходит
основная коммуникация с сервисом. У фильтра есть
3 состояния: регулярный, расширенный и сокращенный.
Каждый призван выполнять задачу удобного поиска для
различных категорий пользователей. Сокращенный фильтр же
дает возможность управлять контентом в любой части страницы.

Kassir preview
Kassir preview
Kassir preview
Kassir preview
Kassir preview
Kassir preview
Kassir preview
Kassir preview

Ты можешь сохранить страницу
кейса к себе в Pinterest!

Еще мы разработали мобильные версии сайта.

Покупка билетов в трамвае после работы или
лежа дома на диване стала привычным делом.

Теперь все пользователи Kassir.ru могут
получить полнофункциональный доступ
к сервису со своего мобильного устройства
с любым разрешением экрана.

В мобильных версиях учтены как особенности
управления сервисом с мобильных устройств,
так и приоритетность контента при просмотре.

Инструменты
и процесс

В своей работе мы используем
прогрессивные и эффективные
инструменты, и подходы. В основе всего
лежит наш принцип «Осознанность в
каждом действии».

Работа готова
для передачи Клиенту :)