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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Реставрация сантехники

Реставрация сантехники

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

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

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

На сайте есть полноценный блог. На его главной странице размещены превью записей с фото, заголовком и кнопкой «Подробнее». Каждый пост открывается на отдельной странице. Переключаться между статьями можно с помощью кнопок «Вперед» и «Назад», которые размещены внизу страницы.

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

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

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

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

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

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

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

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

Выводы

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

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

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

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