![](assets/images/portfolio/gogol/gogol404.png)
Театральная школа Gogol School
Gogol School – проект Ильи Ромашко, актера «Гоголь-центра». По его словам, это «пространство для творческих опытов, где важно доверять процессу и не бояться менять себя». Студентом творческой лаборатории может стать кто угодно: и работающий над дикцией журналист, и боящийся публичных выступлений топ-менеджер, и заскучавшая домохозяйка.
https://gogolschool.ru![](assets/images/portfolio/gogol/gogol-logo.png)
- Создание/редизайн сайта с визуальными эффектами
- Адаптация под мобильные устройства и широкоформатные экраны
- Редактирование информации через админку во всех блоках сайта
- Интеграция сайта с эквайрингом Тинькофф, Apple Pay и Google Pay
![](assets/templates/abc/img/steknew/01_bitrix.png)
![](assets/templates/abc/img/steknew/03_figma.png)
![](assets/templates/abc/img/steknew/13_ymetrika.png)
Перед нами были обозначены высокие требования от заказчика по разработке выделяющегося среди конкурентов дизайна сайта с реализацией анимационных эффектов.
Для реализации поставленной задачи максимально тщательно проработали главный экран и ситстему навигации:
- На фотографию на главном экране автоматом накладывается водяной знак со специальным эффектом
- При загрузке нескольких экранов, появляется опция листания/слайдера с автопрокруткой
- Главный экран адаптируется под всю ширину и высоту любого разрешения экрана
- На слайдах можно применять различные раскладки верстки и создавать ссылки на различные разделы сайта
![](assets/images/portfolio/gogol/main555.jpg)
![](assets/images/portfolio/gogol/menu.png)
При разработке дизайна сайта было применено правило mobile-first, изначальное создание именно мобильной версии сайта и от неё уже компьютерной версии, так как целевая аудитория от 18 до 40 лет. Бургер меню выглядит современно с дополнительными визуальными эффектами при наведении на подразделы
Особое внимание было уделено визуальным эффектам с анимацией, эффектам при наведении на объекты, разработаны различные интерактивные элементы
![](assets/images/portfolio/gogol/Gogol777.gif)
При переключении на миниатюры справа отображается подробная информация по каждому мастеру, есть возможность отфильтровать приглашенных мастеров
![](assets/images/portfolio/gogol/gogol_team.jpg)
Подключили эквайринг тинькофф-банка для оплаты обучения, настроили отправка фискальных чеков для заказчика. Есть возможность оплатить заказ через Google Pay
![](assets/images/portfolio/gogol/gogol_pay5.jpg)
На странице «О нас» посетитель может посмотреть видеоматериалы с помощью удобного слайдера, познакомиться с командой, почитать отзывы.
![](assets/images/portfolio/gogol/gogol345.png)
![](assets/images/portfolio/gogol/Gogol_main1.png)