Примеры сайтов созданных на Joomla

Joomla — универсальный движок для создания сайтов. Чаще всего его используют для разработки коммерческих проектов: сайтов компаний, интернет-магазинов. Функциональность CMS расширяется с помощью плагинов. Это позволяет гибко изменять возможности движка, добавляя необходимые инструменты.

Целевая аудитория Joomla — представители малого и среднего бизнеса, пользователи без опыта в веб-разработке. Для создания сайта на этом движке не требуются специальные навыки или длительное обучение. Можно обойтись стандартными инструментами и расширениями Joomla, чтобы запустить даже интернет-магазин.

Мы собрали несколько примеров сайтов, сделанных на Джумле. Изучив их, вы лучше поймёте возможности движка, а также сможете оценить дизайн и адаптивность шаблонов, разработанных для этой CMS.

1. Транспортная компания

Транспортная компания

Сайт компании, предоставляющей услуги железнодорожной перевозки. Главная страница встречает пользователей блоком с формой заказа обратного звонка. Ниже идёт описание того, какие конкретно услуги можно получить: перевозку полувагонами, платформами, крытыми вагонами, хоппер дозаторами. Каждая карточка — ссылка на подробное описание типа. На главной странице также размещены блоки с преимуществами и новостями компании.

На отдельных страницах размещена информация о компании, список услуг с подробной формой заявки на перевозку, сведения о сотрудниках компании с фотографиями и указанием должностей, документы в формате PDF и DOCX, контактные данные. Есть раздел с новостями. Кроме текстов на сайте ничего нет: ни онлайн-чата, ни калькулятора для расчёта примерной стоимости перевозки, ни других виджетов.

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

Общее впечатление: сайт компании с типичным набором контента и распространёнными проблемами. При разработке использован старый шаблон для Joomla без адаптивного дизайна. Если на десктопе это не сильно влияет на впечатление (всё-таки сфера специфическая, не нужно много красоты и анимаций), то на смартфоне пользоваться сайтом некомфортно.

2. Ателье-студия

Ателье-студия

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

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

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

Общее впечатление: при разработке этого сайта возможности Joomla были использованы по минимуму. Как электронной каталог он выполняет свою задачу — например, если клиент просит скинуть ему примеры работ. Как возможность для привлечения новых пользователей сайт работает слабо — нет даже минимального текстового описания услуг. При желании можно было добавить и другие возможности — например, калькулятор для расчёта стоимости пошива. На Joomla для этого не требуются навыки разработки — можно воспользоваться готовыми бесплатными решениями.

3. Гродненский государственный университет им.Янки Купалы

Гродненский государственный университет Янки Купалы

Сайт белорусского государственного университета им.Янки Купалы имеет пять языковых локализаций. Он представляет собой информационно-образовательный портал для студентов, абитуриентов и их родителей.

Дизайн сайта выполнен в бело-голубой цветовой гамме. В шапке размещена строка поиска и одноуровневое меню в два ряда. На первом экране – блок, состоящий из слайдера, календаря событий, ссылок соцсетей и изображений с ссылками на важные информационные страницы.

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

Большинство страниц сайта также представляют собой галерею изображений с текстовыми подписями и ссылками на подробную информацию.

Общее впечатление: сайт университета содержит много полезной информации, но структура ее подачи сложна для восприятия. Страницы перегружены яркими фотографиям, меню, ссылками, баннерами. Кроме этого, дизайн сайта не адаптивный.

4. Магазин автомобильных запчастей

Магазин автомобильных запчастей

Пример интернет-магазина, сделанного на Joomla. На главной странице — блок с популярными товарами. В карточках размещены фотографии, наименования, цены. При наведении на неё появляется кнопка «Подробнее», ссылка в которой ведёт на страницу с подробной информацией о товаре.

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

У каждой позиции в каталоге есть отдельная страница с подробным описанием. Здесь размещены дополнительные фотографии, информация о наличии в магазине и на складе. Можно сделать быстрый заказа, указав ФИО, почту и номер телефона, или добавить товар в корзину. Регистрироваться для оформления заказа не обязательно. Доступен выбор способов доставки и оплаты, поддерживается онлайн-оплата.

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

Общее впечатление: магазинная функциональность реализована неплохо — есть большой каталог, поддерживается быстрый заказ, можно оформить покупки без регистрации и оплатить их онлайн. Впечатление портит отсутствие адаптивного дизайна. Для современного интернет-магазина это большая проблема. Решить её может выбор другого шаблона для Joomla, который умеет подстраиваться под размер экрана.

5. Региональный центр содействия трудоустройству выпускников ВУЗов

Региональный центр содействия трудоустройству выпускников ВУЗов

Сайт Центра, находящегося в г.Саратов, создан с целью содействия трудоустройству и социальной адаптации выпускников высших учебных заведений, в частности Саратовской области.

Дизайн сайта максимально простой с белым фоном и стильной шапкой (не адаптивный). Ниже расположена строка поиска и ссылки на региональные ВУЗы и молодежные организации. Основное меню сайта находится в левом сайдбаре.

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

В футере сайта указано лишь название организации.

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

6. Лучшие развлекательные шоу, проекты, казахстанские сериалы

Лучшие развлекательные шоу, проекты, казахстанские сериалы

Сайт принадлежит казахстанскому Агентству «Хабар», объединяющем информационный телеканал «Хабар 24» и киноканал Elarna. На сайте можно ознакомиться с новостями, телепроектами, транслируемыми сериалами и пр.

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

Под галереей с рекламой популярных программ, расположенной на первом экране главной страницы, находятся отдельные блоки: новости, актуальные проекты, кино и сериалы. Между ними ненавязчиво вставлены небольшие рекламные баннеры.

В непропорционально большом футере продублированы ссылки соцсетей и меню, а также опубликованы подробные контактные данные канала.

Реализована рассылка push-уведомлений через сервис Gravitec.

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

Выводы

Joomla позволяет создавать сайты разного типа. В основном это коммерческие проекты — сайты компаний, интернет-магазины, портфолио. Результат зависит от того, какой шаблон выбрал разработчик, какие расширения он использует.

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

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

» Примеры сайтов » Примеры сайтов созданных на Joomla