Основные составляющие WEB-дизайна для интернет-магазина

Коротко о главном

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

Большинство популярных онлайн-селлеров придерживаются схожей структуры: хедер с логотипом, меню и корзиной; баннеры с акциями; каталог товаров; блок с преимуществами; футер с контактами и ссылками на соцсети. Но в деталях визуал у каждого магазина уникальный и соответствует фирменному стилю бренда.

Этапы разработки дизайна интернет-магазина

Чтобы получить эффективный визуал, недостаточно просто скопировать чей-то удачный пример. Нужно пройти несколько ключевых этапов:

1. Составление брифа. Подробное обсуждение с заказчиком его требований, целей и видения будущего сайта.
2. Анализ целевой аудитории. Изучение потребностей, предпочтений и сценариев поведения потенциальных клиентов для адаптации визуального оформления под их запросы.
3. Создание макета. Разработка визуальной концепции сайта с учетом необходимых блоков, элементов, функционала и контента.
4. Внедрение юзабилити. Проработка логики и удобства пользовательских сценариев на сайте.
5. Верстка и программирование. Техническая реализация дизайна и функционала.
6. Написание текстов. Создание оптимизированного под SEO контента для карточек товаров, категорий и информационных страниц.
7. Тестирование и отладка. Проверка всех функций и рабочих элементов, исправление ошибок.
8. Запуск магазина. Финальный этап, на котором веб-ресурс становится доступен для пользователей и поисковых систем.

Основные правила дизайна интернет-магазина

При разработке визуала веб-портала важно придерживаться ряда правил:

1. Юзабилити превыше всего. Даже самый креативный вариант не будет эффективным, если пользователю неудобно его использовать. Навигация должна быть интуитивно понятной, а нужная информация — легкодоступной. Фильтры, сортировка, поиск, «хлебные крошки» — обязательные элементы для удобства пользователей.
2. Минимализм и простота. Четкая структура, достаточное количество свободного пространства, отсутствие отвлекающих элементов — то, что нужно для комфортного восприятия информации. Избегайте нагромождений и «визуального шума».
3. Уникальный стиль. Визуал должен отражать айдентику бренда и выделять его среди конкурентов. Составляющие web-дизайна интернет-магазина — фирменные цвета, шрифты, графические элементы, иконки — должны создавать единый узнаваемый образ на всех страницах сайта.
4. Качественный визуал. Используйте только оригинальные фотографии товаров высокого разрешения, желательно с возможностью 3D просмотра. Для привлечения внимания задействуйте баннеры, видео, инфографику.
5. Интерактивные элементы. Внедряйте в стилистику такие фишки, как калькуляторы стоимости, онлайн-примерочные, конфигураторы товаров, чат-боты. Это повысит вовлеченность пользователей и конверсию.

В целом, профессиональное оформление интернет-магазина должно сочетать эстетику и удобство, соответствовать ожиданиям целевой аудитории и подчеркивать уникальность бренда. Детали, цвета, шрифты могут отличаться, но принципы эффективного UX/UI дизайна едины для всех.

Принципы верстки и расположения элементов

Правило "Золотого сечения"

Для создания гармоничной композиции сайта дизайнеры часто используют принцип «золотого сечения» — пропорцию 3:2 или 5:3 для соотношения размеров элементов. Это правило помогает добиться визуально привлекательного расположения блоков. Например, у интернет-магазина Sony эта пропорция прослеживается в соотношении размеров изображений и текстовых блоков.

Правило третей

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

Адаптивность под любые устройства

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

Шаблон для создания пользовательских персон

1. Имя и краткое описание
   • Придумайте имя для персоны, например «Ольга, 34 года».
   • Опишите основные черты, например «Молодая мама, интересуется товарами для детей, активный пользователь социальных сетей».
2. Социально-демографические характеристики
   • Возраст:
   • Пол:
   • Местоположение (страна, город, район):
   • Образование (высшее, среднее и т. п.):
   • Занятость (работа, профессия, статус):
3. Цели и задачи
   • Что ищет на вашем сайте? Например, «Качественные детские товары по доступной цене».
   • Основные задачи. Например, «Быстро найти и заказать с доставкой на дом».
4. Потребности и боли
   • Что для него важно? Например, «Безопасные и экологичные изделия для детей».
   • Какие проблемы у него есть? Например, «Сложность в поиске надежных брендов, слишком долгие сроки доставки».
5. Покупательское поведение
   • Как ищет необходимое? Например, сначала читает отзывы, затем сравнивает цены на разных сайтах.
   • Какие устройства использует? Компьютер, смартфон, планшет.
6. Мотивация и барьеры
   • Что мотивирует к покупке? Скидки, положительные отзывы, быстрая доставка.
   • Какие могут быть барьеры? Высокая цена, сомнения в качестве, отсутствие отзывов.
7. Каналы взаимодействия
   • Где чаще всего получает информацию? Социальные сети, форумы, тематические порталы.
   • Через какие каналы предпочитает общаться? Электронная почта, мессенджеры, звонки.
8. Цитата персоны
   • Представьте, что мог бы сказать этот человек. Например: «Мне важно, чтобы заказанные товары были безопасны для моего ребенка и быстро доставлены».
9. Цель взаимодействия
   • Каких действий ожидаете от посетителя? Например, регулярно покупать через наш сайт, участвовать в программах лояльности.

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

Дизайн главной страницы интернет-магазина

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

1. Массовый магазин электроники eldorado.ru

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

2. Всеми любимый ikea.com

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

В целом, дизайн главной страницы должен соответствовать ожиданиям ЦА и бренду магазина, но при этом быть интуитивно понятным. Пользователь должен с первого взгляда понимать, чем занимается компания и какие проблемы клиента она решает.

Шапка сайта, или хедер

Хедер — первое, что видит пользователь, поэтому он должен быть информативным и побуждать к дальнейшему взаимодействию.

Обычно в шапке размещают:

• логотип компании (он же служит ссылкой на главную);
• меню с основными разделами каталога;
• поиск по сайту;
• корзину;
• кнопки «Зарегистрироваться» и «Войти»;
• телефоны и другие контакты.

В массовом магазине eldorado-хедер простой и лаконичный, без лишних деталей.

Зато в нишевом магазине Ikea в шапке вынесены USP (уникальные торговые предложения): гарантия, возврат, сервис по сборке. Это работает на доверие и мотивирует к покупке.

Рекламный блок

После хедера обычно идет рекламный блок, привлекающий внимание к акциям, новинкам, специальным предложениям. Здесь могут быть статичные баннеры или динамический «слайдер».

У eldorado в этом блоке прямо на главной странице размещен баннер с популярными новинками и кодом на скидку.

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

Каталог

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

Например, у eldorado весь каталог разбит на крупные блоки: «Ноутбуки и компьютеры», «Смартфоны, ТВ и электроника», «Бытовая техника» и т.д.

Магазин Ikea показывает свои основные коллекции мебели и освещения.

Хиты продаж и акции

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

Магазин eldorado на главной странице несколько дублирует блок «Самые продаваемые товары» — для разных категорий.

Ikea акцентирует внимание на новых коллекциях.

Дополнительная информация

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

Так, eldorado публикует здесь доступ и приглашение в личный кабинет покупателя,

а Ikea рассказывает об услугах индивидуального дизайн-проекта и преимуществах своего шоурума.

Блог

Многие онлайн-селлеры ведут свой блог — это хороший способ предоставить пользователям полезный контент и дополнительно привлечь трафик из поисковых систем.

Например, eldorado регулярно публикует обзоры новых гаджетов и советы по выбору техники.

А вот Ikea размещает идеи для декора и вдохновения.

И статьи с важной информацией:

Футер

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

У eldorado в футере достаточно лаконичный набор элементов.

А у Ikea, наоборот, очень подробный, с множеством ссылок и возможностью подписаться на новости компании.

Дизайн основных страниц интернет-магазина

Рассмотрим на примере магазинов eldorado и Ikea основные принципы стиля страниц каталога, карточки товара и информационных разделов (доставка, оплата, возврат).

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

Контент структурирован и разбит на блоки, много воздуха. У Ikea прослеживается более утонченный стиль, качественные фото занимают 80% экрана, а описания товара лаконичны. Eldorado же использует подробные текстовые описания и характеристики.

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

Карточка товара

SEO-оптимизация карточки товара — основа любого интернет-магазина. От ее внешней оболочки и наполнения во многом зависит, состоится ли покупка.

В интернет-магазине eldorado карточки очень подробные. Помимо фото товара с разных ракурсов и видео, здесь представлено детальное текстовое описание, характеристики, инструкция по эксплуатации. Также можно прочитать и оставить отзывы, задать вопрос консультанту.

Эстетика карточки товара в Ikea более лаконичный и воздушный. Упор сделан на визуальную составляющую: профессиональные фотографии высокого разрешения, 3D-модели, возможность посмотреть товар в интерьере. Описание и характеристики занимают немного места, зато есть возможность сразу заказать консультацию дизайнера или услугу по сборке и установке.

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

Кнопка целевого действия

Кнопка «Купить» или «В корзину» — ключевой элемент карточки товара. От ее визуальной составляющей и расположения напрямую зависит конверсия.

В eldorado кнопка крупная, яркая, с четким текстом «В корзину». Она статична и находится справа от фото и цены — там, где ее ожидает увидеть пользователь.

В Ikea кнопка «В корзину» более лаконичная, но тоже хорошо заметная за счет контрастного цвета.

Также важно, чтобы после нажатия на кнопку пользователь сразу попадал в корзину, а не тратил время на дополнительные действия. У Ikea этот процесс упрощен до предела — при клике просто всплывает окно с формой заказа.

В общем, кнопка целевого действия должна быть:

1. заметной и контрастной;
2. с четкой и побуждающей формулировкой;
3. располагаться на видном месте, рядом с ценой и фото;
4. вести на страницу корзины без длительных переходов.

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

Сравнение различных типов навигации

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

Дизайн личного кабинета

Личный кабинет — важный элемент онлайн-шопа, который упрощает взаимодействие с пользователем и повышает retention rate (показатель удержания). Он должен быть максимально функциональным и удобным.

Минимальный набор разделов личного кабинета:

• мои заказы (с возможностью отслеживания статуса);
• мои данные (контактная и платежная информация);
• история просмотров и избранное;
• настройки доставки и подписки.

У eldorado личный кабинет оформлен очень просто и понятно, без лишних элементов. Вся информация структурирована, навигация интуитивная.

В Ikea всё просто и функционально. Помимо стандартных разделов, здесь есть возможность получить бонусы за заполнение профиля и поделиться с друзьями.

Важные составляющие web-дизайна интернет-магазина при разработке личного кабинета:

1. Простая регистрация в 1-2 клика (через email или соцсети).
2. Удобная навигация по разделам.
3. Возможность редактировать личные данные.
4. Структурированное отображение истории заказов.
5. Сохранение избранных товаров.
6. Настройки рассылок и уведомлений.

Не загромождайте личный кабинет лишней информацией и функциями. Главное — дать пользователю возможность быстро найти нужную информацию и совершить целевое действие. UI/UX дизайн должен быть интуитивным и понятным даже неопытному юзеру.

Дизайн корзины интернет-магазина

От стилистики корзины во многом зависит, завершится ли покупка или пользователь уйдет на этапе оформления заказа. Этот раздел должен быть максимально простым и понятным.

Основные принципы эффективной корзины:

1. Заметная и удобно расположенная иконка корзины (обычно справа в хедере).
2. Отображение количества и списка товаров при наведении на иконку.
3. Возможность редактировать количество и удалять товары.
4. Простая форма оформления заказа (минимум полей).
5. Несколько способов оплаты и доставки на выбор.
6. Работающий промокод, если есть.

Отличный пример оформления корзины интернет-магазина — у Ikea. Иконка корзины всегда «прилипает» к хедеру при прокрутке. Внутри — структурированный список товаров с фото, названием, ценой, количеством и кнопкой удаления. Ниже — итоговая сумма заказа и кнопка «Оформить». Сам процесс оформления сведен к паре кликов — данные подтягиваются из профиля, остается только выбрать способ оплаты и доставки.

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

Примеры удачного дизайна интернет-магазинов

В завершение давайте рассмотрим лучшие дизайны интернет-магазинов, соответствует потребностям целевой аудитории и бизнес-задачам.

Первый пример мобильного интернет-магазин — sunlight.net, ювелирный магазин. Здесь сразу чувствуется статус и изысканность, но при этом нет вычурности. Светлые тона, много воздуха, крупные качественные фото украшений. Атмосферные lifestyle-фотографии погружают в мир роскоши. Шрифты и элементы навигации лаконичные, акцент на визуале. При этом функционал сайта продуман до мелочей: удобные фильтры по типу изделия, металлу, вставкам, цене и скидкам. Корзина оформлена очень просто, процесс покупки интуитивно понятен.

Главное, что объединяет эти примеры — целостность и продуманность до мелочей. Видно, что при разработке учитывались и бизнес-цели магазина, и потребности конкретной целевой аудитории. А значит, такой дизайн обречен на успех.

Популярные цветовые схемы

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

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

Итоговые рекомендации по дизайну интернет-магазина

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

1. Определить свою ЦА и отталкиваться от ее потребностей.
2. Соблюдать единый стиль и использовать элементы фирменного стиля.
3. Стремиться к простоте и удобству навигации, не перегружать страницы.
4. Использовать качественный визуал: фото, видео, инфографику.
5. Располагать элементы в соответствии с паттернами восприятия (Z-паттерн, F-паттерн, правило третей).
6. Грамотно работать с типографикой: не более 2-3 шрифтов, достаточный размер кегля.
7. Позаботиться об адаптивности дизайна под разные устройства.
8. Сделать акцент на продающих элементах: цене, кнопке заказа, доставке, отзывах.
9. Провести тщательное юзабилити-тестирование всех страниц и процессов.
10. Использовать анимацию и интерактивные элементы для вовлечения, но в меру.

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

Например, добавить на сайт нестандартные фишки: онлайн-конструктор товаров, распродажу в формате квеста, интерактивный тест для подбора размера. Или обыграть свою нишу (детский магазин в стиле комикса, магазин настолок в виде игрового поля). Но не увлекайтесь креативом в ущерб юзабилити.

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

Отталкивайтесь от своих бизнес-задач, изучайте ЦА, следуйте гайдлайнам и лучшим практикам, но не бойтесь экспериментировать. И постоянно анализируйте результаты, совершенствуйте оболочку, адаптируйтесь к меняющимся запросам клиентов. Только так можно добиться успеха в высококонкурентной среде e-commerce.

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

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

А чтобы структурировать работу, используйте чек-листы для каждого типа страниц: главной, каталога, карточки товара, корзины. Сверяйтесь с ними при разработке и тестировании, чтобы ничего не упустить.

Скачайте наш бесплатный чек-лист по дизайну интернет-магазина из 40 пунктов. С ним вы сможете оценить свой текущий визуал и найти точки роста. А также учтете все важные моменты при разработке нового сайта.

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

Подведем итоги:

• Качественный внешний вид интернет-магазина напрямую влияет на продажи.
• Оболочка должна решать бизнес-задачи и учитывать потребности ЦА.
• При разработке важно сочетать эстетику, маркетинг и юзабилити.
• Следуйте общим принципам, но ищите свою уникальность.
• Не бойтесь экспериментировать и постоянно улучшайте оформление.
• Используйте чек-листы, привлекайте экспертов, анализируйте результаты.

Чек-лист проверки качества

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

1. Целевая аудитория
   • Определена целевая аудитория, учтены ее потребности и предпочтения.
2. Прототип и макет
   • Проработан прототип с четким размещением всех ключевых элементов.
   • Учтены все требования заказчика.
3. Визуальная концепция
   • Соблюдается фирменный стиль (цвета, шрифты и проч.).
   • Веб-дизайн уникален и отражает идентичность бренда.
4. Юзабилити
   • Навигация сайта интуитивно понятна.
   • Реализованы основные функции для удобства пользователей (поиск, фильтры, «хлебные крошки»).
5. Мобильная адаптация
   • Дизайн адаптирован для экранов всех размеров (компьютеры, планшеты, смартфоны).
   • Отсутствуют ошибки в отображении на мобильных устройствах.
6. Главная
   • Хедер содержит логотип, меню, поиск и корзину.
   • Есть рекламный блок, каталог, блок хитов продаж и акций, блог и футер.
7. Карточки
   • Качественные фотографии с разных ракурсов доступны для просмотра.
   • Присутствуют подробное описание, цена, кнопка добавления в корзину и отзывы.
8. Личный кабинет
   • Есть возможность просматривать историю заказов, редактировать персональные данные и сохранять в избранное.
   • Реализованы настройки уведомлений.
9. Корзина
   • Отображаются все выбранные товары с возможностью изменения количества.
   • Процесс оформления заказа прост и понятен, с возможностью выбора способа оплаты и доставки.
10. Кнопка целевого действия
    • Кнопка «Купить» или «Добавить в корзину» имеет контрастный цвет и четкий призыв.
    • Размер кнопки удобен для нажатия на всех устройствах.
11. Тестирование и запуск
    • Проведено полное юзабилити-тестирование всех страниц.
    • Все ссылки, формы и интерактивные элементы проверены на корректность работы.
12. Скорость загрузки
    • Страницы загружаются быстро, изображения и коды оптимизированы.
13. Общий стиль и уникальность
    • Дизайн един в своей концепции на всех веб-страницах.
    • Есть уникальные компоненты, выделяющие магазин среди конкурентов.

Проверив все пункты этого чек-листа, вы сможете запустить ваш интернет-магазин уверенно, зная, что он полностью готов к привлечению и удержанию клиентов.

Инструменты для создания прототипов

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

• Axure RP. Программа для создания интерактивных прототипов с возможностью детализированной проработки логики взаимодействия и сценариев. Подходит для сложных проектов, где важно проработать каждый элемент пользовательского пути.
• Figma. Онлайн-инструмент для дизайна и прототипирования, который поддерживает совместную работу в реальном времени. Отлично подходит для команд, позволяя дизайнерам и разработчикам легко обмениваться правками и менять макет прямо в браузере.
• Adobe Experience Design. Программа для прототипирования, позволяющая создавать интерактивные макеты и тестировать пользовательские сценарии. Хорошо интегрируется с другими продуктами Adobe, что упрощает работу для тех, кто уже использует их в своем процессе.
• Sketch. Один из самых популярных инструментов для UI/UX-дизайна, особенно среди разработчиков Mac. Он предлагает обширный набор функций, упрощает создание повторяющихся элементов и поддержание единого стиля.
• InVision. Сервис, предназначенный для интерактивных макетов и их презентации клиентам. Отлично подходит для получения обратной связи от пользователей и заказчиков, а также для создания анимаций и тестирования взаимодействий.
• Marvel App. Простой и удобный инструмент для разработки быстрых прототипов и тестирования идей. С ним можно легко переносить макеты с бумаги в цифровую среду и делать их интерактивными для тестирования пользовательских сценариев.

Выберите наиболее подходящий, исходя из задач проекта и уровня необходимой детализации.

Глоссарий