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

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

№1. Сайт медико-оздоровительного центра «Prospera»

Prospera.pro — сайт медико-оздоровительного центра с хорошим адаптивным шаблоном. На первом экране посетители видят слайдер с отдельными услугами и ссылкой на подробности. Ниже идёт рассказ о компании и карточки разных процедур, в которых есть только фотографии (не во всех), названия и кнопка «Читать далее». Меню навигации закрепляется в верхней части экрана при скролле, поэтому у посетителя всегда есть возможность перейти в нужный раздел. В данном случае это очень полезная возможность, потому что на главной странице информация представлена как-то хаотично. На сайте не используются виджеты для общения. Если нужно уточнить детали, придётся звонить или писать на почту, что неудобно. Это странно, потому что для Joomla есть расширения, добавляющие те же онлайн-чаты.

№2. База отдыха и развлечений «Убинка»

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

№3. Трэвеллинг Бокс – транспортно-экспедиционная компания

Tb-log.ru — сайт российской компании, которая специализируется на внутренней/международной перевозке грузов морским и автомобильным транспортом. Структура простая и логичная. Главная страница изображением в хедере демонстрирует профиль деятельности и содержит форму расчёта стоимости услуг. Над ними лаконично расположилось название компании и телефон. Под хедером идёт аккуратно оформленный блок с услугами, который дублируется в отдельном разделе визитки и ссылками в футере. В блоге всего одна запись, не помешало бы расширить его объём, хотя бы для увеличения охвата поисковых запросов. Описания услуг написаны грамотным языком с использованием хорошо читаемых шрифтов, но местами грешат штампами, давая много общих, пустых фраз взамен действительно полезной фактической информации. Для навигации можно использовать ссылки из «хлебных крошек».

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

№4. TAX Чемал – автоэкскурсии по Горному Алтаю

Taxichemal.ru — сайт компании, которая предоставляет услуги такси и организует экскурсии по Горному Алтаю. Визитка состоит, по сути, из двух спаренных лендингов для каждой из услуг. Выглядит классно. Полноэкранный хедер с презентацией оффера и контактами смотрится зрелищно, хотя в нём неактивная кнопка со ссылкой на подробное описание услуг, что есть минус. Короткое описание полезности услуги написано неплохо, хотя и вполне шаблонно. Плюс в наличии тарифов такси под каждую модель автопарка, также указана стоимость полных экскурсий по маршрутам. Форма обратной связи оформлена привлекательно. Обе страницы имеют идентичную структуру и дизайн, вполне современные, адаптивные. Несмотря на лаконичность подачи информации, её хватает для принятия решения: цены, марки авто, маршруты, контакты. Что ещё нужно?

№5. Сайт адвоката

Svparamonov.ru — сайт-визитка ростовского адвоката Парамонова С. В. Солидный, с огромным количеством контента. Одинаковые слайды главной страницы бросаются в глаза: либо убрать лишние, либо добавить разнообразные. Перечень услуг со ссылками уместен, хотя из-за разной длины описаний кнопки стоят лесенкой. Всё, что касается текстовой составляющей, сделано толково: читабельность, содержание, форматирование. Хотя шрифт бледноват местами. Также используются одинаковые иконки для обозначения разных услуг и преимуществ – уникальные смотрелись бы интереснее. Оставление заявок организовано через телефонную связь – странно, что нет соответствующей формы в дополнение к стандартным контактам.

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

№6. Вектор АвтоТранс – автомобильные грузоперевозки

Vectorat.ru — сайт-визитка логистической компании. Дизайн элементов макета угловатый, что смотрится немного грубо, но зато серьёзно. Сочетание синего и белого цветов хорошо выглядит, но контрастирует со странным чёрным футером, излишне контрастным и растянутым. Шаблон адаптивный, при сжатии меню сворачивается в гамбургер, открытие которого сопровождается анимацией искажения контентной области. Выглядит неплохо, но не совсем уместно. Слайдер в хедере содержит профильные фото и ссылку на перечень преимуществ сотрудничества, верхнюю часть занимают контакты. Кнопка заказа звонка излишне крупная, растянута по высоте и подсвечена цветом, который выбивается из общей гаммы. Не помешал бы и логотип. Присутствует онлайн-консультант от JivoSite. Главная страница также демонстрирует перечень партнёров, что является правильным ходом.

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

№7. Коллекции картинок и тематических поздравлений

Fresh-cards.ru – развлекательный проект Fresh Cards Studio, существующий за счет размещения рекламы. Поэтому на его страницах можно встретить большое количество рекламных баннеров и всплывающих блоков. Сайт содержит подборки бесплатных коллекций открыток и поздравлений, которые можно скачать и использовать в некоммерческих целях. Главная страница разделена на две части: в сайдбаре размещена галерея с актуальными праздниками и перечень ближайших событий с ссылками на соответствующие разделы коллекции, блок социальных кнопок. В основной части экрана продублированы обозначенные в меню разделы сайта и их описание. Внизу страницы – ссылки на информационные и служебные страницы сайта. Найти нужные материалы пользователь может через строку поиска или с помощью календаря событий.

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

№8. Новости Казахстана и мира

24.kz – официальный сайт телеканала «24KZ», освещающего новости Казахстана и мировые события. Сайт имеет две языковые локализации – русскую и казахскую. В шапке есть контактные данные компании, ссылки на соцсети, основное и вспомогательное меню, виджет с отображением текущей даты и времени.  На главном экране можно увидеть прямую трансляцию канала и ссылки на значимые события дня. Главная страница разделена на тематические блоки: новости Казахстана, новости мира, происшествия, телепроекты. В подвале сайта – небольшое описание компании, теги, блоки с последними и популярными новостями. На сайте установлен виджет push-уведомлений

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

№9. Первый Санкт-Петербургский ГМУ

1spbgmu.ru – официальный сайт ПСПбГМУ им. акад. И.П. Павлова. Он имеет русско- и англоязычные локализации, версию для слабовидящих. Шапка сайта содержит меню и строку поиска, на первом экране – слайдер с актуальной для посетителей информацией. Главная страница разделена на четыре вертикальных блока (Новости, Поступающим, Пациентам, Конференции), в которых размещены ссылки на новостные и информационные страницы. Возможно, такая структура упрощает посетителям поиск нужной информации, но выглядит не презентабельно. Не менее странно смотрится и футер, который дублирует меню в развернутом виде. Также в подвале находятся ссылки на аккаунты в социальных сетях и RSS-летнта.

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

№10. Современные технологии и развлечения

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

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

Подведём итоги

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

Создать сайт на Joomla можно без навыков программирования, но для полноценного управления и глубокой кастомизации желательно знать основы HTML и CSS — с ними появляются дополнительные возможности, которые позволяют сделать проект уникальным.