Примеры интернет-магазинов созданных на OpenCart

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

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

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

1. Автомобильные запчасти

Автомобильные запчасти

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

Каталог скрывается под ссылкой «Запчасти» в главном меню. Чтобы перейти в него, нужно сразу выбрать одну категорию. Не очень удобный подход к навигации — по привычке ждёшь, что при нажатии на ссылку «Запчасти» откроется весь каталог. Благо, этот недостаток можно устранить, прописав правильную ссылку.

У каждой позиции в каталоге есть отдельная страница с подробным описанием, дополнительными фотографиями, отзывами клиентов. Это стандартные возможности OpenCart. На этом сайте они используются слабо, контента очень мало, но всё работает так, как нужно.

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

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

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

2. Женская одежда

Женская одежда

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

В главное меню вынесены ссылки на важные разделы: каталог, страницу с новинками, топ-200 продаваемых товаров. Некоторые пункты меню не работают — например, «Бренды» и «Sale». В них просто не добавили ссылки на соответствующие разделы — видимо, они не готовы.

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

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

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

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

3. Салон связи

Салон-связи

В главное меню вынесены названия брендов: Apple, Huawei, OnePlus, Samsung, Xiaomi. При наведении на пункт меню появляется дополнительное меню. Это позволяет пользователям сразу переходить к нужным им товарам — например, умным часам Xiaomi или планшетам Samsung. Меню «Каталога» тоже сделано удобно. В нём отображаются категории, подкатегории и карточка с товаром дня.

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

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

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

4. Магазин электроники

Магазин электроники Нотик

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

Дизайн чистый, свежий – много белого пространства, на котором хорошо смотрится витрина, и обрамление из простой серой подложки. Оранжевые кнопки контрастно выделяются. Цена на витрине представлены в гривнах и долларах – для кого-то так будет явно удобнее. Есть возможность добавления товаров в избранное и в сравнение.

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

Удобно то, что можно выбирать товары из категорий по брендам. Вообще, каталог здесь классно оформлен. Есть возможность фильтрации техники по характеристикам и стоимости. Товарные карточки хорошо оформлены, можно покупать в 1 клик и в кредит/рассрочку. Тут же идёт описание условий оплаты/доставки, а также блоки с похожими товарами и рекомендуемыми. Качество и объём описаний разнится у разных товаров по объёму и качеству. Есть возможность оставления отзывов.

Единственная претензия к магазину – он работает не очень быстро. Явно не тормозит, но скорость перехода между категориями чуть ниже, чем хотелось бы. В остальном никаких проблем нет. Хорошая работа, практически эталонный пример маркета на OpenСart.

5. Магазин хозяйственных товаров

Интернет-магазин хозтоваров

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

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

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

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

6. Магазин холодильного оборудования

Магазин холодильного оборудования

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

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

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

7. Магазин гаджетов и аксессуаров для смартфонов

Магазин гаджетов и аксессуаров для смартфонов

Магазин представляет большой ассортимент аксессуаров и гаджетов для смартфонов, компьютерной техники, красоты и здоровья, дома и дачи, хобби и даже товаров 18+.

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

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

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

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

Оформить заказ можно в 1 клик, указав контакты для связи с менеджером (виджет обратного звонка присутствует в товарных карточках и зафиксирован в левой части страниц) или через корзину. В корзине указывается способ оплаты и доставки, а также скидочный купон (при его наличии). Реализована политика обработки персональных данных.

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

8. Оптовый интернет-магазин одежды

Оптовый интернет-магазин одежды

Компания Хеппивеар Юг занимается оптовыми продажами одежды, канцелярских принадлежностей, товаров для дома отечественных и зарубежных производителей.

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

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

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

Товарная корзина включает в себя только необходимые для оформления заказа элементы без кросс-селинга и других дополнительных блоков.

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

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

9. Магазин мебели

Магазин мебели

Ассортимент магазина «Все стулья» не ограничивается стульями и креслами. В нем также представлена мебель, для гостиной, спальни, кухни, прихожей.

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

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

Из меню сайта можно перейти к полному каталогу товаров и популярным категориям. Витрину товаров в выбранной категории пользователь может настроить по сетке из 3, 4 и 5 колонок и отсортировать по различным параметрам. У товаров, представленных в нескольких вариантах, отсутствует кнопка покупки в 1 клик, что вызывает ассиметричность товарной витрины.

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

В целом возможности движка реализованы на сайте в полной мере, а имеющиеся недостатки легко устранимы.

10. Компания “Любимый Василек”

Компания Любимый Василек

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

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

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

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

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

Футер сайта не использован по максимуму. Кроме ссылок на социальные сети и минимальных контактных данных, он не содержит никакой полезной информации.

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

11. Магазин Михаила Лабковского

Магазин Михаила Лабковского

Известный психолог Михаил Лабковский разработал линейку брендовой продукции (ежедневники, книги, календари, толстовки, футболки и пр.) и реализует ее в интернет-магазине, созданном на движке OpenCart.

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

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

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

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

Интересный эффект реализован для фото товаров в каталоге – при наведении курсора мыши происходит смена одной картинки на другую.

Оформить заказ можно как с регистрацией, так и без нее.

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

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

Выводы

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

Результат во многом зависит от бюджета, затраченного на разработку сайта. Сам по себе OpenCart бесплатный. Но стандартные возможности ограничены. Хотите привлекательный дизайн — скорее всего, придётся покупать премиум-тему. Хотите удобный каталог с системой фильтров — покупайте платный модуль или платите специалисту за разработку кастомного решения.

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

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