Примеры сайтов на Joomla (Джумла)

Joomla – вторая по популярности CMS в мире, идёт сразу за WordPress. Она бесплатная, имеет обширное сообщество разработчиков и пользователей, располагает огромным количеством модулей и готовых шаблонов, за счёт чего может похвастаться достойной функциональностью. Гибкая платформа для создания визиток, портфолио, блогов, магазинов, лендингов, а также досок объявлений, форумов и даже социальных сетей. Для всего есть расширения.

Мы отобрали более дюжины сайтов, способных продемонстрировать возможности движка в разных сценариях использования.

Joomla хороша тем, что имеет довольно простой код шаблонов. Многие вещи можно отредактировать, зная лишь HTML/CSS. Хорошая платформа для начинающих пользователей CMS. Она не идеальна, панель управления и схема добавления модулей на сайт специфические, но привыкнуть можно быстро. Движок пользуется популярностью у госучреждений – на нём создано множество солидных официальных сайтов госструктур и других серьёзных проектов. Это говорит о многом – гибкости, относительной надёжности и удобстве администрирования больших сайтов.

Относительным недостатком можно считать тяжеловесность – движок неповоротлив, требует нормального хостинга, особенно после плотного обвеса модулями. Среди прочих отлично подойдёт Bluehost – мощный хостер, по которому мы делали детальный обзор. Шаблоны для Joomla недорогие, как и разработка готовых сайтов с обслуживанием – это тоже факторы популярности. Каких-то характерных черт, присущим сайтам на Joomla, не существует. Внешний вид зависит от шаблона, который, как правило, идёт в комплекте с пакетом модулей, оптимизированных под отображение в ячейках дизайна. Теперь давайте переходить к примерам готовых сайтов на Joomla.

Примеры Joomla-сайтов:

1. Afalina-spb.ru – сайт компании.
2. Mining-media.ru – сайт журнала.
3. Gpntb.ru – сайт государственной библиотеки РФ.
4. Gorskie.ru – новостной портал.
5. Spbu.ru – сайт университета.
6. Gymnasium.tversu.ru – сайт гимназии.
7. Dineviresort.ru – сайт агентства недвижимости.
8. Prjaga.ru – портал о вязании.
9. Antica52.ru – клининговая компания.
10. Kinoart.ru – сайт киножурнала.
11. Antiklopov.ru – санитарная служба.
12. Bezvorot.ru – магазин ворот и дверей.
13. Crimsongame.ru – cайт компьютерной игры.
14. Bezrulonov.ru – магазин жидких обоев.

Afalina – сайт компании по производству санитарно-гигиенической продукции

Afalina-spb.ru – сайт-визитка компании, которая производит полотенца, салфетки, губки и прочее в таком духе. Дизайн уместный для тематики – спокойные оттенки фиолетового и розового цветов придают лёгкость всей конструкции. Увы, шаблон не адаптивный. Структура классическая – слайдер с продукцией в шапке, под ним общие сведения, далее идут категории продукции, ротатор брендов клиентов и футер самого обычного оформления. Логотип удачный, под его цвет и шрифт выстроен остальной дизайн сайта.

Шрифты используются самые простые, есть некоторые претензии к форматированию текста в материалах – сплошная простыня, картинки разного размера, прайс в виде таблицы отображается кривовато. Кроме того, сайт ощутимо лагает – явно проблемы на хостинге. Есть страницы с контактами, вакансиями, FAQ. Раздел с отзывами пустует. Сайт разработала сторонняя компании (в футере видно эту информацию) и, видимо, не довела дело до ума. Оптимизация хромает, хостинг дешёвый, оформление материалов посредственное. В плане информативности сайт нормальный, но недоработки видны невооружённым глазом.

Горная промышленность – сайт журнала

Mining-media.ru – мощный сайт нишевого СМИ в формате новостного портала. Дизайн серьёзный, адаптивный. Тёмная шапка контрастирует с чистой, светлой областью для публикаций. Миниатюры новостей отлично выделяются на фоне. Слайдер с анонсами статей, лента партнёров, видеовставки, краткое содержание свежего номера, сайдбар с виджетами и акценты приятного красного оттенка в важных местах – всё выполнено качественно, подано информативно. Страницы открываются быстро, форматирование материалов на хорошем уровне. Есть личный кабинет подписчика.

Есть раздел с книгами из отрасли и репортажами с выставок. Навигация, несмотря на огромное количество контента, удобная, материалы грамотно структурированы по категориям. Портал имеет 2 локализации – русскую и английскую. Солидно – все публикации качественно переведены, как и положено приличному СМИ. Есть быстрый поиск по сайту и архив, дающий доступ к номерам журнала вплоть до 1994 года. Раздел «О журнале» содержательный, в нём выложена информация для партнёров, подписчиков, об издательстве и прочее. Очень хороший пример реализации новостного портала на Joomla.

Сайт государственной публичной научно-технической библиотеки России

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

Портал имеет англоязычную локализацию. Лента новостей выглядит некрасиво – начиная с форматирования превью статей, обрывающихся на полуслове, и заканчивая огромными отступами, угловатыми пустыми кнопками и такими же миниатюрами публикаций на манер листов календаря. Форматирование статей среднее по качеству, да и читать не очень удобно в обрамлении резко тёмного фона несимметричной формы. Футер чрезмерно широкий, выглядит неряшливо, значки социалок излишне яркие и крупные, структура размещения элементов неудачная. Функционально всё в порядке, но редизайн библиотеки не удался.

Новостной портал еврейских общин

Gorskie.ru – ещё один пример крупного новостного портала, хорошо демонстрирующий функциональный потенциал Joomla. Дизайн обычный, чистый, можно сказать, классический для новостных сайтов. Синий и чёрный акценты контрастируют чистым белым фоном и серым шрифтом публикаций. Читать удобно, ничего не режет глаз. Дизайн адаптивный. Структура навигации простая – всё очевидно подано. Две колонки публикаций и сайдбар на главной странице выглядят насыщенно, но при этом легко читаются. Портал имеет 3 локализации – русский, иврит и английский. Единственный недочёт – в русской версии шаблона не перевели кнопку «Read More».

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

Сайт Санкт-Петербургского государственного университета

Spbu.ru – ещё один пример сайта солидного госучреждения. Корпоративный сайт, по сути. Смесь визитки и новостного портала. Дизайн адаптивный, вполне приличный, хотя слайдер крупноват, а белый шрифт меню на фоне выбранных изображений не очень хорошо читается. Зато в мобильной версии всё отлично – выпадающее чёрное меню удачно контрастирует с белым, чётким шрифтом. Красные акценты элементов добавляют живости дизайну. Структура сайта сложная, но понятная – найти информацию легко.

Разделов множество – для студентов, пресс-центр, абитуриентам, вакансии, анонсы событий, новости и прочее полезное. Локализация по английскому и китайскому языкам придаёт веса университетскому сайту. Публикации отлично форматированы, легко читаются, есть кнопки социалок – всё хорошо подогнано, свежо смотрится. Футер немного перенасыщен ссылками разной длины, что выглядит немного сумбурно. Есть версия для слабовидящих. Хороший образец сайта на Joomla.

Сайт академической гимназии

Gymnasium.tversu.ru – образовательный сайт гимназии, созданной на базе Тверского государственного университета. Создан на базе современного адаптивного шаблона со множеством эффектов вроде затухания, анимации появления элементов и прочих. Дизайн чистый, свежий. Красные, синие и зелёные акценты придают живости, не перегружая при этом глаза. Шрифты читаются неплохо, но им не хватает чёткости, их верхушки в некоторых местах съедаются форматированием (особенности стилей шаблона либо неудачная регулировка межстрочных интервалов), они слегка теряются среди цветных элементов.

Материалов множество – сайт явно полезен для аудитории. Выложена фотогалерея за все годы существования гимназии. Расписания, информация для поступления, новости, методички, документы, отклики в СМИ и многое другое присутствует. Качество публикаций ожидаемо высокое. Контакты в шапке, контрастные ссылки социалок и подписка на ленту RSS позволяют быстро подключиться к экосистеме учебного заведения. Приятно, что сайт работает быстро. В целом, проект оставляет приятное впечатление, мелкие недочёты теряются на фоне общего высокого качества реализации.

Denivi Resort – сайт агентства недвижимости

Dineviresort.ru – визитка риэлтора в современном адаптивном дизайне. Главная страница выполнена в удобном формате лендинга. Шапка слишком крупная, изображение с эффектом пикселизации смотрится неплохо, но видео в маленьком окошке на фоне неуместно. Лучше бы его поставили в хедер на весь экран. Цветовая схема подходящая – оттенок синего а-ля морская волна созвучен тематике. Логотип посредственный – буквы плохо читаются, они не чёткие. В целом, структура и размещение элементов в шапке неудачное. Зато всё остальное в порядке – сочные фото, красочные описания, красивый слайдер-гармошка, видеоролики и ссылки на аренду апартаментов.

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

Наша пряжа – портал о вязании

Prjaga.ru – серьёзный портал на тему вязания. Дизайн хорошо подогнан под чёткое отображение элементов. Стилизован под пряжу и строчку нитками – отлично подходит. Он адаптивный, причём, мобильная версия корректно отображает элементы. Качественная работа. Есть личный кабинет, пользователи могут оставлять свои публикации. Блоговая лента с «рецептами» одежды смотрится нормально, несмотря на разные размеры миниатюр изображений – здесь это не режет глаз.

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

Клининговая компания

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

Главная страница иллюстрирует преимущества компании фактами и показывает основные услуги. Меню очень объёмное, многоуровневое. Страницы содержат качественные описания, красиво форматированные. Читается всё отлично, фотографии чёткие, имеют одинаковый формат. Везде указаны цены, есть отдельный прайс. Портфолио с работами объёмное, но имеет структурные пробелы – пустые, несимметричные области между блоками фото. В контактах нет схемы проезда, хотя таковой заголовок присутствует. Внимание привлекает отдельный раздел с акциями. Сайт хорош структурно и по части качества подачи материалов, но сделан на шаблоне, пусть и качественном. Он имеет заметные пробелы, увы – видно, что ребята из студии дело своё знают, но, похоже, спешили.

Искусство кино – сайт журнала

Kinoart.ru – сайт журнала, посвящённого кинематографу. Выполнен качественно. Дизайн контрастный, хорошо сделан, но на любителя. Адаптивный, мобильная версия подогнана хорошо. Чёрно-белое классическое кино, напоминает о временах Чарли Чаплина и Мерилин Монро. Есть подписка, анонсы выпусков, мероприятий, множество качественно оформленный публикаций, возможность заказа билетов на сеансы кино в популярных кинотеатрах Петербурга и Москвы. Используется небольшое количество ненавязчивых эффектов.

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

Санитарная служба

Antiklopov.ru – сайт санитарной службы, предлагающей услуги по борьбе со всевозможными насекомыми и не только в локальных и промышленных масштабах. Мощный, красивый, с огромным количеством материалов. Дизайн адаптивный, яркий и даже впечатляющий – видна работа студии или матёрого фрилансера. Используется множество технически сложных и разнообразных элементов, эффектов для более интересной презентации огромного количества услуг. Графика, иллюстрации, сложное форматирование, сочные баннеры, чередующиеся фоны для упрощения восприятия длинных страниц – работы проделано очень много и сделана она на отлично. Ещё один пример сайта, который новичок на коленке собрать не сможет.

Главная страница имеет сложную и грамотную структуру, выглядит очень убедительно: куча доводов о преимуществах сотрудничества, полезной информации, ссылки на страницы с вредителями, цены, заказа обратного звонка через умный виджет и полный перечень регионов в футере, в которых работает компания. Текста очень много, он очень грамотный, легко, интересно читается, великолепно форматирован. Отдельного раздела контактов нет, но в шапке, да и по всему сайту призывно дублируется номер телефона, есть ещё ссылки на соцсети. Качественная, масштабная работа, у которой нет видимых недостатков. Что важно, объёмные страницы загружаются более-менее шустро.

Магазин ворот и дверей

Bezvorot.ru – отличный адаптивный магазин дистрибьютора продукции компании Hormann, которая производит разного рода входные механизмы: двери и ворота разнообразного назначения, обычные и автоматизированные, а также аксессуары и запчасти к ним. Дизайн довольно простой и по-своему правильный – бело-синяя гамма, которая передаёт чувство надёжности и спокойствия. На сайте присутствуют виджеты консультанта от Jivo и заказа обратного звонка. Главная страница изобилует преимуществами сотрудничества, даёт ссылки на популярные товары каталога и демонстрирует категории продукции. На сайте есть блог с несколькими полезными статьями технического характера и куча сервисных разделов: оплата, доставка, возвраты и т. д. Полный комплект полезных данных.

Магазин довольно объёмный, меню насыщенное, страницы изобилуют фотографиями, но, тем не менее, загружается всё это почти мгновенно – налицо правильная оптимизация Joomla на качественном хостинге. Честно говоря, движок не является лучшим вариантом для запуска магазина, но в данном случае реализация неплохая. Витрина выглядит сносно, есть заказ в 1 клик, корзина более-менее удобная, описания дверей и прочего очень детальные, со схемами, подбором расцветок и материалов. Есть фильтрация для упрощения выбора продукции. Раздел с акциями в главном меню важен для продаж. Контактных данных много. Это, на редкость, удачный магазин на Джумле, обычно сайты этого типа выглядят здесь похуже и работают медленнее.

Сайт компьютерной игры

Crimsongame.ru – сайт, полностью посвящённый олдскульному шутеру Crimsonland, который продолжает помогать офисным работникам доживать до конца рабочего дня. Интересный пример того, как можно в наше время поддерживать игру 2003 года, сделав для этого целый сайт с подробным описанием каждого скилла и перка, кучей видео, модов и дополнений к игре. Это проект для фанатов, реализованный с зашкаливающей долей увлечённости игрой. По сути, блог, с описаниями всего, что есть в игре. Кстати, сайт очень шустро работает – хостинг здесь явно нормальный используется.

Дизайн адаптивный, игровой, скажем так, – чёрно-красная гамма отлично отражает происходящее в шутере. Кровь и мрак. Атмосферно. Сайт очень объёмный, работы проделано немерено. По каждому оружию или навыку есть отдельная качественная статья с иллюстрациями, видео и параметрами. Более того, здесь много творческих материалов, связанных с Crimsonland. Здесь же можно скачать и саму игру. Отличный пример любительского игрового сайта на Джумле и того, насколько фанату может быть не жалко времени и сил на поддержку ламповой ностальгии.

Магазин жидких обоев

Bezrulonov.ru – ещё один пример качественного магазина. Торгуют жидкими обоями в широком ассортименте. Помимо продажи, компания выполняет отделочные работы. Сайт мощный. Дизайн не является впечатляющим – он просто качественный и не мешает магазину продавать, а, скорее, способствует этому: спокойный фон, яркие акценты для привлечения внимания к ключевым моментам, внятные и простые шрифты, лаконичные и бросающиеся в глаза заголовки, отлично написанная текстовая составляющая. У магазина есть калькулятор услуг – отличная вещь, с которой мы знакомили вас в обзоре uCalc. Также есть блог с полезными статьями по выбору и нанесению жидких обоев.

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

Итоги

Joomla позволяет создавать разнообразные типы сайтов, но особенности движка таковы, что выгоднее всего делать блоги, порталы и прочие типы сайтов с большим количеством контента и пользовательских публикаций. Магазины и лендинги встречаются реже. Тем не менее, шаблоны есть под всё – вопрос лишь в удачной адаптации отображения контента в модулях.

Очевидно, движок пользуется популярностью у госорганизаций – вы видели примеры мощнейших порталов солидных образовательных учреждений. Некоторые сайты из подборки работают медленно, но при этом отлично сделаны. Почему так? Хостинг. Этот движок любит мощные сервера и оптимизацию, иначе крупные сайты на нём ведут себя неповоротливо. Поэтому экономить 3 доллара, купив хостинг подешевле, не стоит. Обратите внимание на провайдера Bluehost. Его официально рекомендуют разработчики WordPress. Сайты на Joomla с ним тоже летают, да и условия там хорошие – дают много всего. Стабильно, быстро, беспроблемно. Joomla имеет среднюю устойчивость к атакам, но проблемы решаются настройками и плагинами. Стоит ли использовать эту систему? Да, как и WordPress, она хорошо подходит роль первой CMS новичкам.

• Автор: Дмитрий Луценко

Источник: uguide.ru