Промосайт и система личных кабинетов Международной студенческой олимпиады по философии

Главное о кейсе

За два месяца мы полностью обновили креативный промосайт и с нуля разработали удобные функциональные личные кабинеты для участников, жюри и администраторов Международной студенческой олимпиады по философии. Через промосайт проходило информирование участников, а в личных кабинетах участники могли зарегистрироваться и в реальном времени выбрать тему эссе и писать свою работу. В отдельных личных кабинетах жюри оценивало эссе, а администраторы следили за ходом олимпиады. Для удобства участников конкурсные работы принимались на нескольких языках. Интерфейс личного кабинета доступен на русском и английском, университет также рассматривает возможность добавления французского и китайского языка.


In two months, we completely updated the creative promo site and developed convenient functional personal accounts for participants, jury and administrators of the International Student Olympiad in Philosophy from scratch. Participants were informed through the promo site, and in their personal accounts, participants could register and choose an essay topic in real time and write their work. In separate personal accounts, the jury assessed the essays, and administrators monitored the progress of the Olympiad. For the convenience of participants, competition works were accepted in several languages. The personal account interface is available in Russian and English, the university is also considering adding French and Chinese.

Как проект изменил жизнь пользователей

Заказчикам было неудобно пользоваться предыдущей версией сайта Международной студенческой олимпиады по философии. Несмотря на интересный и яркий дизайн, его функционал обладал серьезными недостатками: многие элементы работали нестабильно, некоторые элементы, которые не должны были привлекать внимание, были выделены, а важные — наоборот, не были акцентированы. Платформа оказалась крайне негибкой: например, отсутствовала возможность использовать сниппеты. Страницы загружались медленно, а ошибки приводили к неправильной работе всего сайта. Все это усложняло доступ к информации для участников олимпиады и негативно сказывалось на имидже этого важного события.

Благодаря улучшенному дизайну, доработанному функционалу сайта и личных кабинетов Международная студенческая олимпиада по философии прошла успешно. При помощи сайта участники узнавали о правилах мероприятия, сроках подачи заявок, темах эссе, требованиях и других аспектах олимпиады. Удобная форма регистрации обеспечила быстрый процесс записи на событие. Форма обратной связи упростила коммуникацию с организаторами, позволяя участникам задавать вопросы в любое время. Корректно реализованная возможность онлайн-подачи работ, дистанционного участия и их оценки сделала олимпиаду доступной для большего числа участников, жюри и администраторов, независимо от их географического положения. А современное оформление улучшило восприятие олимпиады в обществе как значимого международного события и сделало философию более «модной» среди молодежи.


The previous version of the International Student Philosophy Olympiad website was inconvenient for customers. Despite its interesting and bright design, its functionality had serious shortcomings: many elements worked unstably, some elements that were not supposed to attract attention were highlighted, and important ones, on the contrary, were not emphasized. The platform turned out to be extremely inflexible: for example, there was no option to use snippets. Pages loaded slowly, and errors led to incorrect operation of the entire site. All this complicated access to information for Olympiad participants and negatively affected the image of this important event.

Thanks to the improved design, updated functionality of the website and personal accounts, the International Student Philosophy Olympiad was a success. With the help of the website, participants learned about the rules of the event, application deadlines, essay topics, requirements and other aspects of the Olympiad. A convenient registration form ensured a quick registration process for the event. The feedback form simplified communication with the organizers, allowing participants to ask questions at any time. The correctly implemented option of online submission of works, remote participation and their assessment made the Olympiad accessible to a larger number of participants, jury and administrators, regardless of their geographic location. And the modern design improved the perception of the Olympiad in society as a significant international event and made philosophy more «fashionable» among young people.

Бизнес-задача и ее решение

Мы создали стильную и функциональную платформу для привлечения участников и информирования о проведении Международной студенческой олимпиады по философии.

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

Темный дизайн — одно из самых стильных решений веб-разработки. За последние несколько лет количество ресурсов, выполненных в темных тонах, значительно увеличилось. Такое оформление стало общемировой тенденцией — его используют не только небольшие и креативные компании, но и масштабные и серьезные корпорации и научные центры. На сайте олимпиады глубокий темный фон вместе с насыщенными розовыми, зелеными, синими и фиолетовыми оттенками создает атмосферу ночного города. Плавные переходы между яркими цветами похожи на неоновые световые эффекты. Дизайнеры уделили пристальное внимание подбору палитры, расставили цветовые акценты, учитывая путь юзера и важные для конверсии блоки. Такой контраст повысил простоту и удобство пользования сайтом.

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

Такая необычная концепция помогла создать уникальный и запоминающийся сайт, который привлекает внимание молодого поколения, любящего эстетические отсылки к прошлому в сочетании с современными технологиями и нестандартными визуальными решениями. Сайт стимулирует интерес к философии и помогает разрушить стереотипы, что философия — это «скучно» или «слишком сложно». Такая платформа с неклассическим дизайном лучше «подхватывается» медиа, позволяет использовать нестандартные рекламные кампании и эффективнее коммуницировать с аудиторией, используя креативные анонсы.

На сайте представлена основная информация об олимпиаде, включая её преимущества, сроки и формат проведения, этапы, правила и так далее. Также на сайте есть информация о жюри, что помогает участникам лучше понять, кто оценивает их работы. Разделы с новостями, статьями и медиа с возможностью фильтрации обеспечивают актуальную информацию о ходе олимпиады и связанных с ней событиях. Кроме того, предусмотрена форма обратной связи, чтобы участники могли легко связаться с организаторами.


We have created a stylish and functional platform to attract participants and inform about the International Student Olympiad in Philosophy.

The website design is made in the retrofuturism style and combines elements of stylized ancient philosophy and the aesthetics of the 80s. The original technique makes philosophy closer to young people and helps to interest participants. For example, philosophers in VR glasses symbolize a change in the perception of reality, which is a relevant topic for philosophy in the digital age.

Dark design is one of the most stylish solutions in web development. Over the past few years, the number of resources made in dark colours has increased significantly. This design has become a global trend — it is used not only by small and creative companies, but also by large-scale and serious corporations and research centres. On the Olympiad website, a deep dark background together with rich pink, green, blue and purple shades creates the atmosphere of a night city. Smooth transitions between bright colours are similar to neon lighting effects. The designers paid close attention to the selection of the palette, placed colour accents, taking into account the user's path and blocks important for conversion. Such a contrast increased the simplicity and ease of use of the site.

Animations and parallax effects make the site more dynamic and lively, immerse users in the atmosphere, creating a feeling of a journey into the world of ideas and thoughts. An animated neon grid with a light «noise» effect, like on old video recordings, imitating a sunset landscape, refers to retrowave posters. Volumetric figures with a glass effect and other decorative elements smoothly move when you hover over them and thus complement the design. Optimization of effects and testing on different devices and browsers helped to maintain a balance between visual appeal and functionality.

Such an unusual concept helped to create a unique and memorable site that attracts the attention of the younger generation, who love aesthetic references to the past in combination with modern technologies and non-standard visual solutions. The site stimulates interest in philosophy and helps to break down stereotypes that philosophy is «boring» or «too complicated». Such a platform with a non-classical design is better «picked up» by the media, allows for the use of non-standard advertising campaigns and more effective communication with the audience using creative announcements. The site provides basic information about the Olympiad, including its advantages, timing and format, stages, rules, and so on. The site also contains information about the jury, which helps participants better understand who evaluates their work. Sections with news, articles, and media with filtering capabilities provide up-to-date information about the progress of the Olympiad and related events. In addition, a feedback form is provided so that participants can easily contact the organizers.

Крафт (мастерство), реализация, технические детали

Сайт разработан на конструкторе сайтов университета — это готовое, запатентованное решение, которое позволяет создать и запустить сайт с применением настраиваемых блоков. Решение работает на платформе 1С-Битрикс: Управление сайтом. Теперь заказчики могут трансформировать вид сайта в зависимости от своих потребностей — например, перемещать меню, изменять структуру и так далее. Такой подход оказался новым для заказчика, и он был очень доволен возможностями и гибкостью инструмента.
Вместе с промосайтом мы разработали систему личных кабинетов — ЛК участника, ЛК жюри и ЛК администратора. Каждый кабинет обладает специфическим функционалом и обеспечивает уникальные возможности и уровни доступа.

В личном кабинете студенты могут зарегистрироваться на мероприятие, заполнив необходимые данные — адрес электронной почты, ФИО, страну, город, вуз, год поступления и направление обучения. Также требуется загрузить фото или скан студенческого билета. Участники могут видеть свои данные, статус учетной записи, информацию о сроках проведения этапов олимпиады, свои баллы, а также список эссе с текущим статусом, комментариями от жюри и возможностью подать апелляцию. Уведомления о результатах, дедлайнах и других обновлениях помогают участникам оставаться в курсе событий. В системе также доступны настройки для изменения учетной записи, обращения в службу поддержки и часто задаваемые вопросы для быстрого решения технических и организационных вопросов. На выбор темы эссе участникам отводится 10 минут по таймеру. После выбора дается 3 часа на написание работы. Во время написания эссе орфография текста не корректируется автоматически. В течение этого времени можно сохранять промежуточные версии эссе, но после отправки внесение изменений невозможно. Если 3 часа истекают, работа автоматически отправляется на проверку жюри. В процессе написания на экране отображаются тема, цитата к ней и обратный отсчет времени.

Личный кабинет жюри предоставляет возможность удобного просмотра и оценки работ участников. Члены жюри могут выставлять баллы, оставлять комментарии и использовать фильтры для быстрого поиска эссе по таким параметрам, как тема, статус, язык, страна и населенный пункт. Каждая работа проходит проверку трех экспертов, каждый из которых оценивает ее по заранее установленным критериям в своем личном кабинете. Баллы суммируются, и система автоматически рассчитывает средний балл для итоговой оценки. Для проверки работ установлен срок в 15 дней, который отслеживается в интерфейсе наряду с темой и цитатой эссе, облегчая работу жюри и соблюдение дедлайнов.

Администратор в личном кабинете отвечает за управление всей системой и контролирует процесс проверки работ, отправляя результаты после каждого этапа. Каждый этап проверок ограничен таймером. В личном кабинете администратора отображается количество зарегистрированных участников (с подтвержденными и неподтвержденными учетными записями), число членов жюри, статус эссе и апелляций. Основные возможности администратора включают просмотр и редактирование списка членов жюри, а также назначение и распределение их задач, контроль процесса проверки эссе и мониторинг стабильности работы сайта, проверка фото/скана студенческого билета для подтверждения учетной записи участника, добавление новых тем для эссе.


The website was developed on a constructor — a ready-made solution that allows you to create and launch a website using customizable blocks. The solution works on the 1C-Bitrix: Site Management platform. Now customers can transform the appearance of the site depending on their needs — for example, move the menu, change the structure, and so on. This approach was new for the customer, and he was very pleased with the capabilities and flexibility of the tool.

Together with the promo site, we developed a system of personal accounts — a participant's personal account, a jury's personal account, and an administrator's personal account. Each account has specific functionality and provides unique capabilities and access levels.
In the personal account, students can register for the event by filling in the required data — email address, full name, country, city, university, year of admission, and field of study. You also need to upload a photo or scan of your student ID. Participants can see their data, account status, information about the dates of the Olympiad stages, their scores, as well as a list of essays with the current status, comments from the jury, and the ability to file an appeal. Notifications about results, deadlines, and other updates help participants stay up to date. The system also provides settings for changing an account, contacting support and frequently asked questions for quick resolution of technical and organizational issues. Participants are given 10 minutes by timer to choose an essay topic. After selecting, they are given 3 hours to write the work. While writing the essay, the spelling of the text is not corrected automatically. During this time, you can save intermediate versions of the essay, but after sending, changes cannot be made. If 3 hours are up, the work is automatically sent to the jury for review. During the writing process, the topic, a quote to it and a countdown are displayed on the screen.

The jury's personal account provides an opportunity to conveniently view and evaluate the participants' work. Jury members can assign points, leave comments and use filters to quickly search for essays by such parameters as topic, status, language, country, and locality. Each work is checked by three experts, each of whom evaluates it according to pre-set criteria in their personal account. The points are summed up, and the system automatically calculates the average score for the final grade. The deadline for checking the works is 15 days, which is tracked in the interface along with the topic and citation of the essay, making it easier for the jury to work and meet deadlines. The administrator in the personal account is responsible for managing the entire system and controls the process of checking the works, sending the results after each stage. Each stage of checking is limited by a timer. The administrator's personal account displays the number of registered participants (with confirmed and unconfirmed accounts), the number of jury members, the status of essays and appeals.

The main administrator's capabilities include viewing and editing the list of jury members, as well as assigning and distributing their tasks, controlling the essay checking process and monitoring the stability of the site, checking a photo / scan of a student ID to confirm the participant's account, adding new topics for essays.

Скриншоты