ЗнатоКИТ

Разработка фирменного стиля и сайта для квиза «ЗнатоКИТ»
ЗАДАЧИ
1
Выбрать фирменные цвета компании
2
Создать логотип
3
Создать дизайн изображений для презентации во время игры
4
Прописать правила использования изображений на сайте и в других материалах компании
5
Создать сайт на основе фирменного стиля
1
Заказчик изначально сообщил, что хочет использовать преимущественно синий цвет, а значит мне необходимо было найти красивое сочетание синих оттенков. Так был выбран цвет #3F7FBD и близкие к нему оттенки: #4388CA, #366EA3, #2A547D, #14293D.

Помимо основного цвета с оттенками необходимо было выбрать ещё несколько цветов для использования в акцентирующих внимание элементах. Этими цветами стали #E94B2F, #FFD333, #CE9B15.
2
Название складывается из двух слов «Знаток» (или «Знания») и «Кит». Маскотом компании был кит, поэтому логотип я решил делать именно в виде кита с конфедераткой (шапочка, которая ассоциируется со знаниями). Угловатый flat design и обилие выбранных цветов позволили сделать практически объёмного кита, который стал символом компании.
3
В игре есть несколько этапов, которые необходимо было разделить визуально — это техническая информация и игровая. К технической относятся правила, таблица с заработанными баллами, ответы на вопросы и другое. К игровой относятся слайды с вопросами, на которых необходимо использовать минимум деталей, чтобы не отвлекать участников от вопросов и игрового процесса. При этом необходимо было сохранить единую стилистику. На помощь пришли треугольники из логотипа.

Ниже 2 примера использования фонов с нейтральным паттерном. Вы можете подвигать ползунок влево или вправо, чтобы увидеть, как выглядит чистый слайд и как выгладит слайд с информацией.
4
A
В презентации во время игры могут быть использованы любые фотографии.
B
Технические элементы в презентации должны быть утверждены и должны повторяться от игры к игре, чтобы вызвать привыкание у игроков.
C
Любые элементы (текст, фотографии, графика и пр.) в презентации должны отбрасывать тень:
• Размытие: 4 пт;
• Сдви: 5 пт;
• Непрозрачность: 50%;
• Угол: 315°;
• Цвет: #000000.
D
Любые элементы и изображения, не имеющие отношения к вопросам, а имеющие отношение к оформлению материалов или техническим элементам должны быть выполнены в стиле Flat Design. Ниже примеры таких изображений.
4
Made on
Tilda