Брендинг и креативный сайт театральной студии "PHANTOM"

Ссылка на сайт:

Время разработки:

1 месяц

Результат работы

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

Мы добавили приятную анимацию там, где это было уместно, чтобы сделать сайт еще более увлекательным.

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

Цель проекта:

Главной целью проекта было отразить креативную деятельность театральной студии через визуал сайта, а также рассказать без слов историю названия студии "Phantom".

О проекте

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

Эту идею мы отразили не только в логотипе, но и в иллюстрациях, созданных специально для этого проекта. Мы создали образ кота-режиссера, который сопровождает нас на сайте в качестве живого персонажа, олицетворяющего студию.

Понравился проект? Давайте сделаем что-то крутое вместе.

Концепт

Веб-дизайн

Брендинг

Задачи проекта:

Верстка Tilda

Digital Art

Отзыв
Ирины Якушенок

2024

шрифт

( база )

цвета

( палитра )

Figma

Adobe illustrator

маскот

логотип

Tilda

Тот самый Фантом

⭠

Procreate

Форма для связи

[{"lid":"1717701822375","ls":"10","loff":"","li_type":"nm","li_title":"\u041a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442?","li_ph":"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f","li_nm":"Name"},{"lid":"1717701822376","ls":"20","loff":"","li_type":"rd","li_title":"\u041a\u0430\u043a\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430?","li_variants":"\u041b\u0435\u043d\u0434\u0438\u043d\u0433 (\u041e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442)\n\u041c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\n\u042d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0441\u0430\u0439\u0442\n\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0441 \u043b\u0438\u0447\u043d\u044b\u043c \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u043c\n\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438\n\u0411\u0440\u0435\u043d\u0434\u0438\u043d\u0433\nDigital-art","li_radcb":"cb","li_nm":"\u041a\u0430\u043a\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430?"},{"lid":"1717702496453","ls":"30","loff":"","li_type":"ph","li_title":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0412\u0430\u0448\u0435\u0433\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430","li_ph":"\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440","li_nm":"Phone"},{"lid":"1717703136106","ls":"40","loff":"","li_type":"em","li_title":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448 email","li_ph":"\u0412\u0430\u0448 email ","li_nm":"Email"},{"lid":"1717703333919","ls":"50","loff":"","li_type":"em","li_title":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0412\u0430\u0448 \u043d\u0438\u043a\u043d\u0435\u0439\u043c \u0432 Telegram (@name)","li_ph":"\u0412\u0430\u0448 email ","li_nm":"Email_2"},{"lid":"1717703167007","ls":"60","loff":"","li_type":"rd","li_title":"\u041a\u0430\u043a \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f?","li_variants":"Telegram\nWhats App\n\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\nEmail","li_radcb":"cb","li_nm":"\u041a\u0430\u043a \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f?"},{"lid":"1717703396122","ls":"70","loff":"","li_type":"in","li_title":"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u043f\u043e \u0434\u0430\u043d\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443","li_nm":"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u043f\u043e \u0434\u0430\u043d\u043d\u043e\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443"},{"lid":"1717703527231","ls":"80","loff":"","li_type":"cb","li_req":"y","li_label":"\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d(-\u0430) \u0441 <u><a href=\"http:\/\/jam-designstudio.ru\/privacy\" style=\"color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; box-shadow: none; text-decoration: none;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a><\/u>","li_nm":"Checkbox"}]