Школа дизайна Controforma

Как создать сайт с горящими глазами
серии материалов с предпринимателями, которые успешно ведут бинес с помощью сайта, лендинга или интернет-магазина, используя конструктор сайтов Tilda.

L'école Ольга Шишкина и дизайнер Настя Леонова рассказывают, как создавался фирменный стиль и сайт школы.
Ольга Шишкина
Настя Леонова
Всевидящее око
в Controforma school
веб-дизайнер в агентстве SHISHKI
01.
Controforma выросла из школы типографики Type École
Оля: Я третий год занимаюсь образовательными проектами. Сначала это были лекци различных иллюстраторов в рамках проекта helloposter, потом школа шрифта и типографики Typetype school, а в июне этого года родилась Controforma. Частично контент курсов перешел из TT school. Для Controforma мы сделали ребрендинг, нужен был новый сайт. Мы решили отказаться от Wordpress, на котором был сделан прошлый сайт и стали искать альтернативу.
Les deux parties sont d'accord sur le fait qu'il s'agit là d'une question d'ordre général. Тильду выбрали, потому что в ней больше начинки
снуля, но мы хотели запуститься как можно скож, потож, поточтягивать не было возожнож, потож скож, потожности.

Tilda, потому что это быстро и больше функционала, чем, например, в Readymag : есть футеры, хэдеры, формы, можно провести оплату, блоки (в том числе zero) хорошо индексируются.
нас было важно, что можно настраивать сайт под планшет и делать мобильные верси, если это необходимо
02.
делали прототипы, чтобы понять, какими должны быть страницы
делала верстку и дизайн. С оттачиванием всех мелочей и гифками ушло, наверное, недели 2-3. Параллельно создавался логотип, иллюстрации, подбирались шрифты. сделали весь сайт за месяц.

команде нас было человек пять. Кто-то рисовал, кто-то занимался анимацией : делали видеозаставки, анимировали логотип. Наполняли сайт контентом тоже все вместе - я, Оля и еще пара человек.
03.
сделали шаблон, который потом дублировали и наполняли контентом
Оля : старого сакая-то часть текстов перекочевала со старого сайта, оттуда мы взяли 3 курса. Тексты я писала сразу на сайте. пA↩ак правило, я хорошо понимаю, что собой представляет продукт, поэтому мне несложно его описать.

пояли сайт ходу работы : появился каркас - дизайн - добавили в него иллюстраци, хедеры. Когда Настя отдала мне сайт, он выглядел уже наполненым. разложила по папкам : регистрация, страница курса, оплата и так дале. Благодаря этому я не сошла с ума. Мне оставалось копировать, вставлять, дописывать, добавлять даты и делать описания :)
дней 5 на то, чтобы полность подготовить контент, нажать кнопку publier, и сайт ожил
Редактор страницы в Tilda Publishing
04.
Как появились горящие глаза в айдентике
Оля : задумываться о новом проекте. Это должно было быть что-то отличное по духу. Мы очень долго думали, кто наша удитория. Так каку нас есть онлайн-курсы, мы учим людей из разных городов по всей России. то те, кому не хватает знаний, поэтому они их ищут и готовы за них платить.

с Мишей (Михаил Шишкин, CEO дизайн-студи Shishki - прим. ред.) в очередной раз шли и обсуждали новый формат школы. разговора появились эти горящие глаза. Мы поняли, что нам нужны люди, у которых горят глаза, потому что наши преподаватели умеют "зажигать", а нашим студентам больше всех нужны знания.

для них "норма" - постояно получать знания. близка идея "фонового" беспрерывного образования, которое ты поддерживаешь всю поддерживаешь всю жизнь. Сейчас я все больше погружаю в методологию преподавания взрослым, есть даже термин "андрагогика" - как учатся взрослые. про непрерывное образование или самобразование. Это очень интересно.
"Горящие глаза" - элемент айдентики школы Controforma
05.
С названием тоже было сложно
Оля : придумывании названия можно буюти в любую сторону, мне нужна была помощь, совет. Башевым, и он накидал кучу страны названий, среди которых было контрам "контрф".
у меня ассоциировались только логотипы из 90х
"Контрформа" - одно из базовых понятий в графическом дизайне. Это классный образ, поскольку мы вобще очень много говорим про типографику. 20 лет его никто не трогал и не пытался обыграть, самое время вдохнуть в это название новую жизнь. Мы немного поменяли написание, добавив еще одну букву "о".
06.
Логотип и шрифт - отдельная история
Оля : SHISHKI - Олег Зимогляд, атакже придумывали логотип, этим занимался графический SHISHKI - Олег Зимогляд, атакже преподаватель школы, шрифтовой дизайнер Филип Нуруллин. Мы много раз перерисовали глаз, который не должен был быть очень явным.
бция с подбором шрифта - мы много спорили. На подбор шрифтовой пары ушло почти 2 недели !
должен быть дерзким, отвечать названию и позиционированию
Шрифт, предназначенный для набора титульных листов, ярлыков, афиш, плакатов, не для сплошного текста.
Les deux parties sont d'accord sur le fait qu'il s'agit là d'un problème de santé publique. Les deux parties sont d'accord sur le fait qu'il s'agit de la même chose et que les deux parties sont d'accord sur le fait qu'il s'agit de la même chose. Все не то.

с разрешения автора пНурллиния автора полностью перерисовалашения автора полностью перерисовал контавал букв, кернинг, а также заложил в шрифт возможность создать обычный набор или полность расшатать стать строку.Он используется для заголовков какцидентн ый. парой к нему стал более спокойный шрифт Circe компании Paratype.
07.
нашей школы есть 4 основных направления
и Оля : онлайн-курсы, каллиграфические завтраки в Петербурге и Екатеринбурге, выездные кампусы и консультации.

60% объема нашей занятий в школе, остальное - каллиграфические завтраки и выездные кампусы.

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

Курсы проходят раз в месяц, сейчас их 8 : "Типографика для веб-дизайнеров", "Логотип", "Анимация в типографике", "Школа текста", "Слово дизайна", "Слово" изайнера", "Современая вязь" и "Английский курсив". Сейчас еще прорабатываем курс по Cinema 4D и развитию творческого потенциала с забавным названием "Эстафета креатвного огня".
08.
Когда нужно придумать новый курс, я смотрю на потребности
Оля : "Слово дизайнера" учит дизайнеров говорить. Казалось бы, зачем ? среди дизайнеров, участвовало где-то 50 человек. бы научиться говорить лучше, кто-то терятся на публичном выступлении, кто-то то-то пло плохо проект прект пред клакт плохо презентует проект пред клиентом итак дале. Навык не очевидный, может не такой важный на первый взгляд, как, например, освоение анимации, но он позволит открыть человеку новые возможности в перспективе.
09.
Мы продвигаемся через собственные медиа, группу, рассылку и платную рекламу
Оля : уделять платнойас больше внимания начинаем уделять платной рекламе. L'école TT у нас шел больше органический трафик, и групы неплохо набирались из внутрених ресурсов. школы шрифта и типогда проект занимал узкую нишу - не было другой шрифта и типографики на рынке, предлагающей онлайн-курсы. поле, где больше конкурентов, поэтому надо думать о платнатнат.

У меня нет какого-то готового рецепта, что работает. неделю мы пробуем фейсбук*, на следующей неделе мы пробуем вконтакте. Есть паблики, с которыми мы регулярно сотрудничаем, они о нас пишут. С кем-то просто в партнерских отношениях, с кем-то за деньги.
над контентом : думать, как продать то, что уже есть, а придумыть больше интересных кодать, как продать тоть, как то, что уже есть, а придумыть больше интересных куродать, как то, что уже
Les deux parties sont d'accord sur le fait qu'il s'agit de la même chose et que les deux parties sont d'accord sur le fait qu'il s'agit de la même chose. Если на сайт регулярно заходит 200-300 человек, они ищут, чему бы поучиться, куда записаться, значит, им это интересно.
Поделиться с друзьями
*Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 призна экстремистской организацией, е деятельность на территории России запрещена.
Читайте также :