Gwara Media

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

Задачи проекта:

1. Разработка веб-сайта СМИ
2. Веб-дизайн
3. Связать Gwara Media со спец-проектами на Tilda
4. Связь с подкастами Gwara Media через Anchor

Цель проекта: создать нестандартную платформу для СМИ, которая привлечет внимание общественности и инвесторов.

Этап 1: Карта сайта

После детального заполнения брифа, сбора информации по проекту, постановки задач и формирования цели, мы разработали карту проекта. В нем отображается структура основного портала, а также смежные проекты: креативное агентство, Gwara-мерч и магазин книг шрифтом Брайля.

Веб-портал имеет основные разделы: 

• Дивись - визуальный контент (галереи, интервью)
• Подкасты - аудиоконтент, реализована интеграция с ANchor
• Читай - текстовый контент (статьи, интервью, истории)
• Спец. проекты - мероприятия и акции при участии Gwara Media

Этап 2: Прототипирование

Основываясь на структуре из site map, мы разработали подробное Техническое Задание (ТЗ), где детально проработали структуру каждого раздела, подраздела, страницы, блока, функционального элемента. Составляя прототип, мы визуализировали все задумки из ТЗ, главные функциональные элементы и их расположение. Разработали отдельные стили оформления страниц текстового, визуального, аудио-контента и спец. проектов.

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

Этап 3: Цвет и шрифт

Цвет прекрасно отражает эмоции, чувства и креативность. Поэтому Gwara Media не ограничивает себя в цветовой палитре. 

Этап 4: UI-kit Gwara Media

Функционал, который был утвержден на этапе прототипирования и написания ТЗ, был реализован в соответствии брендовому стилю Gwara Media, который был создан совместно с Banda Agency. Наша совместная работа позволила разработать UI-kit, который включает в себя все функциональные и визуальные элементы, с которыми взаимодейстуют пользователи веб-сайта.

Этап 5: Веб-дизайн и разработка (Desktop & Mobile)

Как итог работы мы получили интернет-ресурс с уникальным дизайном, структурой и функционалом.

Наши решения: 

• Бесконечная лента – страницы контента не заканчиваются на конкретном материале. Проскролив первую публикацю под ней для пользователя уже прогрузился следующий материал, а URL автоматически и незаметно для пользователя изменился на соответстующий. Это значительно повысит время, проведенное пользователем на сайте.
• Два сайд-бара – важные элементы перелинковки и навигации по сайту. Первый показывает пользователю похожие материалы, а второй служит навигацией по контенту, который пользователь просматривает в данный момент.
• Уникальная верстка – нестандартный дизайн и структура ресурса повлекли за собой креативные решения и со стороны команды разработки.
• Интеграция с Tilda для связи спец. и параллельных проектов с основным сайтом.
• Интеграция с Anchor для прослушивания подкастов на Gwara Media.
• Соответствие последним трендам веб-дизайна и разработки.
• Кропотливая работа над адаптивностью ресурса под всевозможные разрешения, мобильная версия.