Петь может каждый
Рассвет — школа вокала, где индивидульный подход является важнейшой ценностью.
Айдентика
Иллюстрация
Сайт
О проекте
С нуля мной был создан комплекс, формирующий визуальный образ и идеентичность новой школы вокала «Рассвет».
Задача
Создать систему визуальной идентефикации, способную конкурентно выделить школу на рынке услуг по вокальным и музыкальным направлениям.
Состав проекта
Нейминг, фирменный стиль, айдентика, сайт, мерч, графика и иллюстрации.
ЦА
Преимущественно ученики школы — новички и любители в вокале. Поэтому для школы важно создать атмосферу эмоциальной раскрытости и комфорта для учеников.
Женщины 25-45 лет
  • Ищут свой способ самовыражения и самореализации в новоми формате досуга.
  • Хотят раскрыться через музыку в комфортной атмосфере.
  • Важно, чтобы занятия были гибкими по времени и индивидуальными.
Молодёжь 12-25 лет
  • В процессе формирования личности. Часто имеют амбиции стать исполнителями.
  • Хотят стать уверенней в себе и своих способностях.
  • Важна поддержка, возможность выступать и самовыражаться.
Дети 7-12 лет
  • Проявляют интерес к вокалу и творчеству.
  • Занятия могу помочь развить творческое восприятие и эмоциональную выразительность.
  • Важно специальное внимание, комфортная атмосфера и игровой формат обучения.
Конкуренты
Большинство эксплуатирует стандартные метафоры: нотные станы, силуэты микрофонов, музыкальные термины. Важно было избежать клише, но остаться в своей нише.
  1. Создай отдельную группу типа Object для заголовка и задай ей класс tf_accordion-header.
  2. Создай отдельную группу типа Object для контента и задай ей класс tf_accordion-content.
  3. Если открытому пункту нужен свой фон, цвет или подложка, заверни такой контейнер в еще одну группу типа Object.
  4. Собери все такие контейнеры в один общий контейнер (группу) и задай ему класс tf_accordion.
  5. Если нужна стрелка, добавь ее в заголовок и задай ей класс tf_accordion-arrow. Вместо отдельной стрелки можно использовать любую кнопку внутри заголовка: скрипт автоматически будет воспринимать иконку этой кнопки как стрелку и класс ей можно не задавать.
  6. Если в одном Zero Block несколько аккордеонов, задай каждому уникальный класс, например tf_accordion-1, tf_accordion-2 и так далее.
  7. Используй панель Tildify Elements для настройки свойств аккордеона. Для этого выделите элементы аккордеона или конфиг аккордеона (блок с кодом и инструкцией), панель управления появится справа на панели настроек Zero Block.
Скрипт аккордеона
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Ментальная карта
Сначала мы зацепились за образ животных, а от него пришли к «рассвету»
Мудборд
Эскизы
  1. Создай отдельную группу типа Object для заголовка и задай ей класс tf_accordion-header.
  2. Создай отдельную группу типа Object для контента и задай ей класс tf_accordion-content.
  3. Если открытому пункту нужен свой фон, цвет или подложка, заверни такой контейнер в еще одну группу типа Object.
  4. Собери все такие контейнеры в один общий контейнер (группу) и задай ему класс tf_accordion.
  5. Если нужна стрелка, добавь ее в заголовок и задай ей класс tf_accordion-arrow. Вместо отдельной стрелки можно использовать любую кнопку внутри заголовка: скрипт автоматически будет воспринимать иконку этой кнопки как стрелку и класс ей можно не задавать.
  6. Если в одном Zero Block несколько аккордеонов, задай каждому уникальный класс, например tf_accordion-1, tf_accordion-2 и так далее.
  7. Используй панель Tildify Elements для настройки свойств аккордеона. Для этого выделите элементы аккордеона или конфиг аккордеона (блок с кодом и инструкцией), панель управления появится справа на панели настроек Zero Block.
Скрипт аккордеона
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Фирменный блок
Варинаты
Охранное поле
Модульная сетка
Иконка
Символ, совмещающий звук и солнце.
Логотип
Шрифт продолжает динамику знака.
Логотип
Нейминг отражает образ роста, начало нового и эмоциональное тепло
Иконка
Свободное пространство вокруг иконки должно составлять не менее 1/3 ширины иконки.
Логотип
Константой охранного поля служит ширина буквы «т»: одна сверху и по бокам и две снизу.
Логотип
Константой охранного поля служит ширина буквы «т».
Иконка
Логотип
Логотип
В качестве модуля взята толщина лучей иконки
  1. Создай кнопки табов. Каждой кнопке задай класс tf_tab-button. Если хочешь явно связать кнопку с конкретной панелью, используй вариант с id, например tf_tabs-button-1.
  2. Создай панели с контентом. Каждая панель должна быть отдельной группой типа Object, и каждой панели задай класс tf_tabs-panel. Для явной связки с кнопкой используй такой же id, например tf_tabs-panel-1. Если id не заданы, структура будет собираться по порядку кнопок и панелей внутри блока автоматически.
  3. Количество кнопок tf_tabs-button и панелей tf_tabs-panel должно совпадать.
  4. Объедини кнопки и панели в один общий контейнер типа Object и задай ему класс tf_tabs. Да, кнопки табов и панели должны быть в одной группе.
  5. Если нужны кнопки назад и вперед, задай им классы tf_tabs-prev и tf_tabs-next.
  6. Если нужен нумератор, используй tf_tabs-current для текущего номера и tf_tabs-total для общего количества.
  7. Если в одном Zero Block несколько блоков табов, используй отдельные id у корневых контейнеров и управляющих элементов: tf_tabs-1, tf_tabs-prev-1, tf_tabs-next-1, tf_tabs-current-1, tf_tabs-total-1.
  8. Используй панель Tildify Elements для настройки свойств табов. Для этого выдели элементы табов или конфиг табов (блок Скрипт табов), панель управления появится справа на панели настроек Zero Block.
Скрипт табов
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки табов перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент табов, кнопка настроек появится на панели инструментов справа.
Концепция
Передача доступности навыков пения для всех через персонажей‑животных
Мы привыкли ассоциациировать пение с птицами, однако «петь» могут самые разные животные — коты, волки и даже тюлени!
Так, каждый ученик может отожествлять себя с тем или иным персонажем, а их характер также показывает разнообразие вокального репертуара
Персонажи
Для крупных форматов
Персонажи
Для форматов поменьше
Волны
Как дополнительный или самостоятельный элемент
Шрифт
Аа
Bounded
Cоврменный «раскрытый шрифт» для заголовков и крупных надписей
Аа
Montserrat
Шрифт для основного и мелкого текста
Цвет
RGB
HEX
CMYK
30, 11, 11
#1E0B0B
64, 82, 63, 89
RGB
HEX
CMYK
93, 14, 19
#5D0E13
36, 100, 81, 59
RGB
HEX
CMYK
204, 23, 26
#СA2F25
14, 92, 91, 4
RGB
HEX
CMYK
255, 208, 146
#FFD092
0, 22, 40, 0
RGB
HEX
CMYK
255, 27, 44
#FF1B2C
0, 92, 76, 0
RGB
HEX
CMYK
246, 150, 75
#F6964B
0, 50, 73, 0
RGB
HEX
CMYK
255, 255, 255
#FFFFFF
0, 0, 0, 0
RGB
HEX
CMYK
0, 0, 0
#000000
0, 0, 0, 100
  1. Создай отдельную группу типа Object для заголовка и задай ей класс tf_accordion-header.
  2. Создай отдельную группу типа Object для контента и задай ей класс tf_accordion-content.
  3. Если открытому пункту нужен свой фон, цвет или подложка, заверни такой контейнер в еще одну группу типа Object.
  4. Собери все такие контейнеры в один общий контейнер (группу) и задай ему класс tf_accordion.
  5. Если нужна стрелка, добавь ее в заголовок и задай ей класс tf_accordion-arrow. Вместо отдельной стрелки можно использовать любую кнопку внутри заголовка: скрипт автоматически будет воспринимать иконку этой кнопки как стрелку и класс ей можно не задавать.
  6. Если в одном Zero Block несколько аккордеонов, задай каждому уникальный класс, например tf_accordion-1, tf_accordion-2 и так далее.
  7. Используй панель Tildify Elements для настройки свойств аккордеона. Для этого выделите элементы аккордеона или конфиг аккордеона (блок с кодом и инструкцией), панель управления появится справа на панели настроек Zero Block.
Скрипт аккордеона
id:
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Носители
Сертификаты
Сертификаты
Мерч
К первому квартирнику школы были сделаны афиша и подарки для участников.