TAGART

Дизайн > Интерактивный > Сайты

Веб-портал «Успешный Крым»

Задача: разработать веб-портал «Успешный Крым».

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

Портал состоит из пользовательской и административной частей. Пользователи имеют возможность просматривать и размещать успехи, а также делиться ими с друзьями. Успех представлен заголовком, текстовым блоком (до 500 символов), четырьмя фотографиями и одним видео. Ограничения установлены для более емкого и целостного описания и презентации успеха. Содержание портала представлено на русском и английском языках. В автономном режиме, при описании успеха на одном языке, текст автоматически переводится на другой. Пользовательская часть состоит из меню управления, ленты успехов, страниц просмотра успеха, регистрации, настроек профиля и помощи.

Дизайн-концепция

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

Культура постмодернизма породил формат коммуникаций, по принципу сочленения смысловых и визуальных кусочков, собранные в клипы. Единичный Успех определяется как один из компонентов, формирующих клиповый образ Успешности Крыма. В веб-портале Успехи размещены в виде бесконечной ленты. При пролистывании вниз, происходит загрузка новых успехов.

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

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

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

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

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