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

0 340

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 – сайт компании по производству санитарно-гигиенической продукции

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итоги

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

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

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

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

Оставьте ответ

Ваш электронный адрес не будет опубликован.