Вебплатформа онлайн-школи німецької мови DeutschLabor

Abstract

Кваліфікаційна робота присвячена дослідженню впливу кольору на сприйняття користувачем інформації у вебдизайні освітніх платформ та розробці колірної концепції вебплатформи онлайн-школи німецької мови DeutschLabor. У роботі проаналізовано теоретичні засади психології кольору у вебдизайні на основі праць Й. Іттена, М. Пастуро та сучасних досліджень у галузі UX. Досліджено психологічні особливості сприйняття кольору в цифровому середовищі, зокрема когнітивне навантаження, контрастність і послідовність колірної системи. Проведено порівняльний аналіз чотирьох сайтів-аналогів мовних шкіл — Goethe-Institut, DeutschAkademie, Lingoda і Berlitz. Визначено вимоги до проєктування, обґрунтовано вибір Figma як єдиного середовища для проєктування і публікації через Figma Sites. Розроблено авторську колірну систему з чотирьох кольорів — Midnight (#122C4F), Ocean (#5B88B2), Pearl Perfect (#FBF9E4), Noir (#000000) — з підтвердженим коефіцієнтом контрасту 10,5:1 відповідно до стандартів WCAG 2.1. Створено авторську концепцію на основі метафори льоду і системи, повний дизайн-макет вебплатформи з компонентною бібліотекою понад 20 елементів і дизайн-системою готовою до масштабування.The qualification work is dedicated to the study of color influence on user perception of information in the web design of educational platforms and the development of a color concept for the DeutschLabor online German language school website. The theoretical foundations of color psychology in web design are analyzed based on the works of J. Itten, M. Pastoureau and contemporary UX research. The psychological characteristics of color perception in digital environments are examined, including cognitive load, contrast ratios and color system consistency. A comparative analysis of four language school websites — Goethe-Institut, DeutschAkademie, Lingoda and Berlitz — has been conducted. Design requirements are defined and the choice of Figma as a unified environment for design and publication via Figma Sites is justified. An original color system of four colors — Midnight (#122C4F), Ocean (#5B88B2), Pearl Perfect (#FBF9E4), Noir (#000000) — has been developed with a confirmed contrast ratio of 10.5:1 in accordance with WCAG 2.1 standards. An original concept based on the ice and system metaphor has been created, along with a complete website design layout featuring a component library of over 20 elements and a scalable design system.