|
Сайт всемирного курултая башкирВсемирный курултай (конгресс) башкир — старейшая общественная организация башкирского народа. Сегодня курултай башкир — это международный союз общественных организаций, призванный решать задачи объединения, этнокультурного развития и обновления башкир. Нам доверили разработать новый сайт. ПроблемаТрадиция башкир собирать курултай или йыйыны для обсуждения важных вопросов и решения насущных проблем уходит своими корнями в глубокое прошлое. Известно, что йыйыны проводились ещё в 1556–1557 годах, когда решались вопросы о добровольном вхождении Башкортостана в состав Российского государства. Сегодня, в условиях глобализации и огромного количества сайтов и сервисов (вк, одноклассники, фейсбук, инстаграм, тикток и т.д.) возникла необходимость в «Центральной» площадке — первоисточнике, где можно было бы все собрать воедино, хранить, структурировать и распространять.
ЗадачаТребовалось создать инструмент позволяющий редакции публиковать хорошо читаемые статьи на разных языках. Загружать фото и видео с различных событий и мероприятий. Транслировать на сайт публикации с других площадок, например подгрузка фотографий из Instagram или видео с Youtube или наоборот, отдавать RSS в новостные агрегаторы и аудио для подкастов. При этом помнить, что создание сайта такого рода подразумевает под собой работу в условиях больших нагрузок на сервер.
Сайт всемирного курултая башкир — непрерывный поток информацииНа старте это напоминает многополосное издание, но как только мы проваливаемся внутрь — это что-то вроде персональной новостной ленты. ![]() При прокрутке экрана фиксируются определенные блоки ![]() Пример типовой статьи с использованием разных компонентов. Навигация фиксированная, всегда перед глазами и пропадает при прокрутке экрана.
![]() Бесконечная лентаКак только страница заканчивается — подгружается следующая, по той же или схожей тематике. По умолчанию показываем свежие. От новых к старым. Подборки статей — автоматические.
![]() НавигацияПомимо классической навигации c категориями и рубриками — присутствуют теги, при помощи которых можно отфильтровать и найти нужный материал за 2–3 клика. Теги динамически изменяются в зависимости от ранее выбранных и читателю предлагают более релевантные, чтобы сузить круг поиска нужного материала. Например, если выбрать тег «Новости» и «Благовещенский район», то по другим районам республики не будет новостей. Только в случае, если они присутствовали в новости. ![]() ![]() Так же есть поиск, который ищет по разным параметрам. Например, в выдаче можно встретить документы ![]() ![]() Мероприятия и события башкирского народаНовости и события разделяет башкирский орнамент. Все события можно отсортировать по дате. ![]() Подгрузка видео с YoutubeКурултай башкир присутствует на всех популярных сайтах и сервисах, в том числе снимают и выкладывают различные видео на Youtube. На главной показываем свежие выпуски.
![]() Виджет с фото из InstagramПоказываем как все фотографии, так и фотографии, отмеченные каким-либо тегом.
![]() Сохранение родного языкаОдно из основных требований — версия сайта на башкирском языке. Требовался шрифт с поддержкой башкирских символов и возможность использовать в коммерческой и не коммерческой деятельности. Выбор пал на семейство «Интер» — это вариантивный гротеск, который отлично подходит для экранов и поддерживает множество языков— Рома Ганиев, Арт-директор и дизайнер Шрифт разработал шведский дизайнер ![]() Есть русская и английская версии сайта В любой момент мы можем изменить язык. Редактор позволяет скопировать полностью структуру оригинала и сосредоточиться на переводе. РедакторПомогли выстроить процесс создания качественных материалов — разных форматов и сложности. Заранее заготовленные компоненты позволяют редакции создавать красивые и хорошо читаемые статьи из текста, изображений и других элементов — без необходимости писать код. Буквально в несколько кликов. Как результат — конверсия растет, публикациями делятся в соцсетях, увеличиваются глубина прокрутки и время, проведенное на странице. Шаблоны элементовРазработали единый стиль оформления статей, который задает общее направление и правила публикации. Тем не менее в редакторе есть возможность менять его в заданных рамках: выбирать разные заголовки, подзаголовки, текстовые блоки, отступы, разделители, цитаты, выносы, изображения, видео и другие элементы. ![]() В первых же версиях, заложили функционал публикации аудиофайлов, которые в последующем выросли в отдельное направление — подкасты.
Список литературыОтдельный компонент, чтобы указать источник информации. Например, список литературы. ![]() Микрошаблон для башкирской поэзииТребовалось сделать его отличным от основного текста и читаемым не смотря на размеры произведения. Сложность заключалась в том, что заранее неизвестна ширина блока набранного текста. Простыми словами длина строки может быть любых размеров. ![]() На сайте множество авторских статей и мнение автора не всегда совпадает с позицией МСОО «ВКБ», для таких случаев есть возможность добавить разделитель и подпись в конце статьи.
![]() ПодкастыПодкаст может быть в единственном экземпляре и объединенный в альбомы. В первом случае показываем длительность и время публикации, во втором считаем эпизоды.
![]() Каждый подкаст имеет свое заглавное изображение, оно же является обложкой страницы и в любой момент изображение можно изменить в редакторе. Послушать можно на сайте или скачать себе на устройство.
![]() В конце краткое описание с ссылками на все платформы, где публикуется данный подкаст.
События и новости на интерактивной картеВсе новости и события, публикуемые МСОО «ВКБ», привязаны к интерактивной карте. Это своего рода географический фильтр и дополнительный способ навигации на сайте, который поможет быстрее найти информацию по географическим признакам. ![]() ![]() ![]() Карта масштабируемая, вплоть до выбора районов Республики Башкортостан.
ИзображенияРедактор поддерживает все популярные графические форматы файлов, ко всем можно добавить подпись. ![]() ФотоальбомыТак же как и с подкастами — в каждом альбоме есть возможность выбора главной фотографии, она же является обложкой фотоальбома и в любой момент превью можно поменять. ![]() Все фотографии внутри альбома выстраиваются по сетке вне зависимости от соотношения сторон. Каждая фотография имеет страницу с кратким описанием. ![]() Изображения и фотографии можно просматривать в режиме полноэкранного показа слайдов.
![]() Конструктор историйРеализовали конструктор историй, который позволяет загружать картинки и видео в привычном режиме, прямо как в Instagram.
![]() ![]() ![]() ПлейлистыПодгрузка видео на сайт происходит без участия человека, а чтобы человек не потерялся во всем многообразии, было решено сделать плейлисты. ![]() Больше 60% заходят на сайт с мобильных устройствВсе экраны адаптировали под мобильные и протестировали на всех возможных на тот момент разрешениях. От старых бюджетных телефонов с маленьким разрешением экрана до современных флагманских новинок. ![]() |