Details

Работа посвящена исследованию особенностей дизайн-проектирования медиапортала как цифровой среды для систематизации информации, формирования целостного образа и обеспечения коммуникации с целевой аудиторией направления подготовки «Технология художественной обработки материалов» СПбПУ Петра Великого. Цель работы — создать дизайн-проект уникальной цифровой среды, представленной медиапорталом, для систематизации и централизации информации, необходимой целевой аудитории. Задачи: 1. Проанализировать литературу по теме исследования. 2. Определить методы маркетинговых исследований для проведения анализа конкурентной среды и потребностей целевой аудитории. 3. Разработать информационную архитектуру медиапортала. 4. Создать интерактивный прототип и айдентику ресурса. 5. Подготовить демонстрационные материалы. В рамках исследования был проведен анализ теоретических источников по теме медиапортала, цифровой коммуникации, UX/UI-дизайна, информационной архитектуры и человеко-ориентированного проектирования. Были изучены подходы к классификации интернет-ресурсов, уточнено понятие медиапортала и определена его роль в системе коммуникации образовательного направления. В рамках аналитической части был выполнен анализ конкурентной среды: изучены цифровые ресурсы ВУЗов Санкт-Петербурга, реализующих схожие образовательные программы, проанализированы структура сайтов, каналы коммуникации, полнота информации, визуальное представление работ и проектов, удобство навигации, охваты и активность цифровых площадок. Также было проведено сегментирование целевой аудитории, в результате которого были выделены основные группы пользователей: абитуриенты, родители абитуриентов и студенты. Дополнительно в проектировании были учтены заказчики Бюро и клиенты мастер-классов. Для выявления информационных потребностей целевой аудитории были проведены глубинные интервью со студентами, выпускниками и преподавателями направления. Использовались методы анализа научной литературы, маркетингового исследования, построения пользовательских сценариев, UX/UI-проектирования, прототипирования и визуализации проектного решения. В результате была разработана информационная архитектура медиапортала «ТХОМ.Политех», включающая четыре основных раздела: «Образование», «Бюро», «Мастер-классы» и «Медиажурнал». Были разработаны знак и айдентика ресурса, цветовая палитра, UI-kit, черно-белый и итоговый интерактивный прототип медиапортала. Разработанный проект может быть использован как основа для дальнейшей технической реализации медиапортала, внедрения его в цифровую среду университета и представления проектного потенциала направления и взаимодействия с внешней аудиторией. Для достижения результатов в работе использовались следующие информационные технологии: сервис Similarweb Digital Suite для анализа охватов сайтов в рамках конкурентного анализа; Яндекс Вордстат для анализа поискового интереса; онлайн-сервис Figma прототипа; генеративная нейросеть ChatGPT для работы с текстовым и иллюстративным контентом медиапортала.

The work is devoted to the study of media portal design as a digital environment for systematizing information, forming a coherent image and ensuring communication with the target audience of the educational program “Technology of Artistic Material Processing” at Peter the Great St. Petersburg Polytechnic University. The aim of the work is to create a design project of a unique digital environment represented by a media portal for the systematization and centralization of information required by the target audience. The objectives of the work are: 1. To analyze literature on the research topic. 2. To determine marketing research methods for analyzing the competitive environment and the needs of the target audience. 3. To develop the information architecture of the media portal. 4. To create an interactive prototype and a visual identity system. 5. To prepare demonstration materials. As part of the research, theoretical sources on media portals, digital communication, UX/UI design, information architecture and human-centered design were analyzed. Approaches to the classification of Internet resources were studied, the concept of a media portal was clarified, and its role in the communication system of an educational program was defined. As part of the analytical stage, a competitive environment analysis was carried out: digital resources of universities in St. Petersburg implementing similar educational programs were studied; website structure, communication channels, completeness of information, visual representation of works and projects, navigation usability, reach and activity of digital platforms were analyzed. Target audience segmentation was also conducted, resulting in the identification of the main user groups: applicants, applicants’ parents and students. In addition, Bureau customers and master-class clients were taken into account in the design process. To identify the information needs of the target audience, in-depth interviews were conducted with students, graduates and teachers of the educational program. The methods used in the work included analysis of scientific literature, marketing research, development of user scenarios, UX/UI design, prototyping and visualization of the design solution. As a result, the information architecture of the “TAMP.Polytech” media portal was developed, including four main sections: “Education,” “Bureau,” “Master Classes” and “Media Journal.” The logo and identity of the resource, color palette, UI kit, black-and-white prototype and final interactive prototype of the media portal were also developed. The developed project can be used as a basis for further technical implementation of the media portal, its integration into the university’s digital environment, presentation of the project potential of the educational program and interaction with external audiences. To achieve the results, the following information technologies were used: Similarweb Digital Suite for analyzing website reach within the competitive analysis; Yandex Wordstat for analyzing search interest; the online service Figma for prototyping; and the generative neural network ChatGPT for working with textual and illustrative content of the media portal.