Примеры сайтов на Shopify (Шопифай)
Shopify – популярная на Западе платформа для создания магазинов. В Рунете слабо востребована ввиду недостаточной оптимизации функциональности под условия нашего рынка и немалой стоимости. Её используют, в основном, для публикации магазинов под зарубежную аудиторию – в этом смысле платформа интересна, свою стоимость оправдывает.
Мы подобрали десяток примеров готовых торговых площадок, и наших, и зарубежных, чтобы показать потенциал движка в действии.
Shopify — серьёзный комбайн для организации онлайн-продаж. Бренд с мировым именем. С ним сотрудничают мощные западные компании вроде Facebook и Amazon — всё очень раскручено. Ничего, кроме магазинов, движок не умеет. Да, есть встроенный блог и возможность создания статических страниц, но всё это в дополнение к магазину. Функциональность соответствует и местами даже превышает уровень профильных CMS. Первый движок с поддержкой AR-технологии. Из коробки Shopify может почти всё, но, увы, не имеет русскоязычной локализации.
Высокая стоимость тарифных планов и шаблонов на фоне конкурентов отпугивает отечественную аудиторию. Есть и другие ограничения — система из коробки не понимает наших соцсетей и платёжных систем, приходится учить её этому через вставку кода, интегрируя всё недостающее. Несмотря на эти неудобства, люди охотно делают магазины в Shopify. Потому что он мощный, надёжный и удобный. Мы подобрали много примеров готовых торговых площадок, и наших, и зарубежных, чтобы показать потенциал движка в действии.
Примеры Shopify-сайтов:
Содержание статьи:
- 808london.ru — магазин женской обуви.
- 139dec.com — магазин одежды.
- Praxxispro.com — магазин степлеров.
- Babysecret.ru — детский мир.
- Intro-version.com — магазин женской одежды.
- Mouth.com — продуктовый магазин.
- Akm-mebel.ru — магазин геймерских столов
- Blackberryrussia.ru — магазин электроники
- Camcoffee.ru — магазин кофе
- Danz.ru — магазин солнцезащитных очков
- Ekokuhni.ru — магазин кухонной мебели
- Fitaflex.ru — магазин спортивного питания
- Goldglobe.ru — магазин ювелирных украшений
- Hd-nsk.ru — магазин мотоциклов и аксессуаров
808 London — магазин женской обуви
808london.ru — хороший образец обувного магазина. Дизайн раскрывается отсутствием элементов, призванных его подчеркнуть. Белая подложка и чёрные буквы — всё, никаких геометрических украшательств, графики, слайдеров, табов и всего остального. Логотип — и тот чёрно-белый, построен из прописных букв — проще некуда. Весь дизайн в структуре и самих моделях женской обуви — именно они задают тон, оживляют страницы. Фокус сосредоточен на витрине — здесь больше не на что смотреть. Меню вертикальное, аккуратно висит в сайдбаре, удобное. Ниже ненавязчиво маячат значки социалок. Весь сайт качественно русифицирован, работает очень быстро.
Самый цветастый элемент на сайте — значок подарка в нижнем углу. Хорошо придумано: гарантированная акция при заполнении поля e-mail. Сбор базы подписчиков и возможность привлечь покупателя выгодой — идеальная наживка, при которой обе стороны выигрывают. Витрина оформлена отлично. Фотографии качественные, есть зум, описания короткие, зато содержательные. Все покупки отправляются сначала в корзину, быстрого заказа нет. В личном кабинете можно собирать скидки постоянного покупателя. Футер оформлен просто и грамотно: контакты, описания условий предоставления услуг и подписка. Ничего лишнего. Лаконично оформленный, правильный магазин. Наверняка, прибыльный.
139Dec — магазин одежды
139dec.com — стильный магазин молодёжной одежды. Выглядит современно, дизайн качественный, адаптивный. Цифры 1, 3 и 9 в углах — интересная мелкая деталь, придающая индивидуальности макету. На первом плане — адреса торговых точек марки по всему миру, онлайн-магазин является дополнением к приглашению посетить оффлайновые торговые точки. Товарная витрина оформлена отлично — миниатюры крупные, качественные, из подписей лишь название да цена позиций. Лаконично, чётко, красиво. Описания содержат таблицы размеров, подробные характеристики модели и условия доставки/возврата.
Социалки представлены аккуратными значками Facebook да Instagram в футере магазина — больше нигде на сайте их нет. Ненавязчиво. Футер содержит ссылки на статические страницы для входа в аккаунт, контакты компании и условия оплаты/доставки. Ничего лишнего, информация подана чётко. Есть и вишлист, синхронизированный с личным кабинетом. Быстрого заказа нет — все покупки проходят через корзину. Навигация удобная. Шрифты по всему магазину читаются отлично и хорошо подходят к общей стилистике макета. Хороший образец европейского магазина с дорогой одеждой.
PraxxisPro — магазин офисных принадлежностей
Praxxispro.com — американский магазин канцелярских товаров. Упор сделан на продажу степлеров различных форматов и расходников к ним. Дизайн простой, чистый и симпатичный. Макет качественно оптимизирован для отображения на мобильных устройствах. Сине-зелёное оформление в сочетании с аккуратными, хорошо читаемыми шрифтами выглядит классно, свежо. Много белого пространства, что смотрится нарядно на фоне изображений разноцветных канцелярских примочек. Дизайн чистого офиса, экологичный и приятный.
Главное меню простейшее, понятное, выглядит внятно и в десктопной, и в мобильно-гамбургерной версиях. На виду в шапке вход в личный кабинет и корзину. Сайт явно ориентирован на оптовые продажи степлеров. Товарная витрина выглядит отлично. Описания степлеров настолько подробные и качественные, что это вызывает удивление. Изображения очень чёткие, в большом разрешении, есть полноэкранный просмотр. Магазин профильный, небольшой, но собран практически идеально. Всё удобно подано, ничего в дизайне не раздражает. Работает шустро.
Babysecret — магазин детских товаров
Babysecret.ru — отечественная торговая площадка. Реализует огромный ассортимент мебели и других полезных принадлежностей для детей. Это детский супермаркет, по сути, с большим количеством категорий. Дизайн приятный и простой: никаких стильных слайдеров, графики, анонсов, акций на виду и прочего. Всё внимание сосредоточено на удобной подаче доступных категорий товаров. Лаконичное меню, акценты приятного розового оттенка и множество полезных ссылок, которые, хоть и мелкие, но хорошо читаются. Футер сайта прокручивается в десктопной версии, что не совсем понятно — зачем это реализовано?
Мобильная версия шаблона компоновкой заметно отличается от широкой. Появляется слайдер с фото и видео, на первый план выходят популярные товары. Футер приобретает нормальный вид — статический. В магазине работает онлайн-консультант (продвинутый RedHelper, кстати), есть возможность заказа обратного звонка. Множество статических страниц отвечают на все возможные юридические и платёжно-доставочные вопросы. Витрина мощная, оформлена информативно. Описания товаров очень подробные, качественные. Есть отзывы, обзоры, предложения похожих товаров и прочее. Мощный магазин, в котором реализовано практически всё, что бывает в отрасли онлайн-продаж.
IV — магазин женской одежды
Intro-version.com — московская торговая площадка с коллекциями женской одежды. Дизайн современный, минималистичный, чёрно-белый, но главная страница структурно напоминает визитку или лендинг. Используются широкоформатные блоки, эффект параллакса, вперемешку с качественными изображениями. Всё угловатое — закругления отсутствуют, что вполне вписывается в общую концепцию. Слайдер простой, наглядный. Карусель товаров выполнена симпатично, при наведении курсора мыши меняется фото миниатюры. Шрифты чёткие, но тонкие. Шапка содержит поиск, значок корзины и сумму добавленных в неё покупок — просто, информативно.
Меню эргономичное, простое. В дизайне витрины упор сделан на фотографии моделей в одежде, подписи и стоимость смотрятся невыразительно. При сжимании ширины макета витрина разваливается — появляются пробелы в колонках. Товарные карточки оформлены хорошо, но немного скучновато — излишний минимализм. Описания короткие, везде висит значок скидок (известный маркетинговый приём), есть панель социалок. Статические страницы расскажут историю марки, предоставят контакты и опишут условия оплаты с доставкой. Есть подписка на почтовую рассылку в футере. Магазин неплох, но ему не хватает динамики в дизайне, живости.
Mouth — продуктовый магазин
Mouth.com — яркая торговая площадка пищевой тематики. Дизайн отличный — вкусный, весёлый, адаптивный, качественный. Оранжевые акценты и большое количество пустого белого пространства усиливают положительное восприятие изображений еды. Шрифты мелкие, тонкие, но, как ни странно, хорошо читаются. Структура главной страницы эффективная — множество полезной информации, смотрится всё это динамично и свежо. Окошко онлайн-консультанта стилизовано под дизайн магазина. Внизу висит ссылка на получение push-уведомлений о новостях. Блог пестрит десятками аппетитных, хорошо оформленных публикаций.
Интересно, что компания предлагает услугу подписки — регулярного получения выбранных наборов еды в течение месяца. По сути, перед нами сервис доставки. Магазин оформлен отлично, есть фильтры по множеству критериев поиска. Витрина живая, используется эффект увеличения миниатюр при наведении курсора. Описания кушаний классные, есть таблицы ингредиентов и возможность быстрого заказа, минуя корзину. Отзывы, рекомендации, рейтинг — всё есть. Футер лаконичный, содержит массу полезных ссылок, в том числе, на социалки проекта и форму подписки на рассылку. Практически эталонный магазин на Shopify, задействующий львиную часть возможностей движка.
Магазин геймерской мебели
Akm-mebel.ru — отлично сделанный магазин мебели для геймеров и не только. Столы, тумбы, кресла, шкафы, полки и всё такое в широком ассортименте. В глаза сразу бросается красивый хедер с яркими, качественными фотографиями оборудованных геймерских уголков и крупными заголовками. Сделано красиво и меню – в глаза бросаются уникальные векторные значки для всех вложенных пунктов. Всё это сдобрено плавным эффектом. Вообще, на сайте много графики, видна скрупулёзная работа. Дизайн отлично выполнен – светло, чисто, шрифты прекрасно читаются и выделяются интересным оттенком. Да и тексты написаны грамотно, хорошо форматированы, разбавлены большим количеством значков и иллюстраций для наглядности.
Главная страница даёт доступ к коллекциям мебели, футер содержит множество полезных ссылок с информацией по доставке, оплате, распродажам, сборке и прочему. Блог есть, но там всего одна публикация – для галочки. Контакты богато оформлены, есть личные данные ИП, соцсети, мессенджеры и даже канал на YouTube. Витрина красиво оформлена, миниатюры товаров с анимацией, присутствует детальная фильтрация для удобства выбора. Карточки товаров не отстаёт по качеству. Изображения с зумом, качественные, характеристик маловато, но они есть, как поля для комментариев, информацией о доставке и сборке. Добротный магазин, не вызывающий вопросов.
Магазин электроники
Blackberryrussia.ru — хорошая площадка, торгующая смартфонами Blackberry и прочей электроникой. Адаптивный дизайн в светлых тонах и с ярко-красными акцентами производит приятное впечатление. Крупный баннер в хедере – большая ссылка для быстрого перехода к каталогу товаров. Ниже аккуратно расположились баннеры со ссылками на другие категории электроники, а также информация об услугах, сервисе и преимуществах магазина. Футер классический: ссылки на сервисные разделы сайта, контакты и форма подписки на новости. Есть виджет для прямой связи с менеджером по WhatApp.
Главное меню собрано грамотно – категории товаров с приятной анимацией и полезная информация для покупателей. Ничего лишнего, всё наглядно – так, чтобы сразу можно было перейти к интересующим позициям, которые становится легче выбирать благодаря сортировке по типам, производителям и моделям. Витрина выглядит опрятно, выразительно. Крупные качественные изображения, наличие, количество отзывов и рейтинг товара. Описания подробные, красиво форматированные, есть ссылки на обзоры и видео, блоки с отзывами и возможность расчёта стоимости адресной доставки. Эргономичный, классный магазин со всеми атрибутами.
Магазин кофе
Camcoffee.ru — торговая площадка, занимаются фасовкой/реализацией кофе с плантаций Кении и Эфиопии. Сделана очень хорошо. Плотный минимализм, прямо густой, что выражается даже в шрифтах – жирных, как смола, отчётливых, с большими интервалами между строками/буквами и в меру крупных. Вкрапления красного оттенка разбавляют чёрно-белый френч цветовой гаммы и сигнализируют о важных моментах – например, добавлению кофе в корзину. Всё это адаптивное, быстро работает – да и тормозить особо нечему, стилистика сайта такая, что картинок или видео нет, графика сводится к контрастным одноцветным плашкам с названиями сортов кофе. Проще некуда. Зато стильно, своеобразно, выглядит органично.
Структурно сайт очень простой – меню из 4 пунктов, которые с контактами дублируется футером, и каталог – основная часть, которая сделана на отлично. Для каждого сорта кофе указана степень горечи, кислотности и сладости, описания подробные, включают даже данные о фермах, на которых собран кофе. Можно выбрать вариант помола или его отсутствие, а также объём фасовки. Для тех, кто хочет посмотреть иллюстрации, есть профили Instagram/Facebook. Прямо в хедере указано условие бесплатной доставки. Есть возможность подписки на рассылку и дополнительную скидку. Корзина простая, удобная, можно оставить комментарии к заказу и выбрать адрес доставки. Приятный, атмосферный магазин с хорошей эргономикой и дизайном.
Магазин солнцезащитных очков
Danz.ru — богато и современно оформленный магазин. Главная страница очень длинная и напоминает выставочную галерею моделей в очках. Выразительный хедер с крупным слайдером с переходом в преимущества продукции, категории и отдельные модели очков, качественные фото, показательное видео, отзывы – всё это напоминает классическую структуру лендинга, что вполне удачно с маркетинговой точки зрения. Макеты страниц адаптивные, смотрятся профессионально – магазин явно не новичок делал. Шрифты подобраны хорошо, явно взяли не те, что по умолчанию идут в шаблоне. Меню простое, информативное, вся продукция распределена по целевой аудитории, есть информация о производстве.
Текстовая составляющая у магазина лаконичная, грамотная, читается интересно и легко. Витрина крупная, позволяет без перехода к странице товара увеличивать изображения превью, которые выполнены крайне качественно в одной стилистике. Есть рейтинги, отзывы. Описания товаров далеко не пресные – это целые статьи с иллюстрациями и подзаголовками с кучей полезной информации. Используется уникальная векторная графика. Есть онлайн-консультант от Jivo – самый ходовой вариант на рынке. Футер чётко структурирован разделами ссылок и содержит поле для подписки на обновления. Есть аккаунты Facebook/Instagram. Отличная, недешёвая работа, магазин породистый.
Магазин кухонной мебели
Ekokuhni.ru — магазин московского производителя по продаже экологичной кухонной мебели. Дизайн, конечно, адаптивный и соответствует направленности – сочетание белого и зелёного как нельзя лучше передаёт тематику экологичности. Логотип симпатичный, сочный. Примечательно, что виджеты обратной связи через мессенджеры расположены в верхней части сайта, а не внизу, как обычно. Там же висит ссылка на перечень салонов магазина. Меню стандартное для платформы, двухуровневое, с эффектом появления. Немного портит впечатление разный размер фотографий кухонь, но, заметьте, подписи к ним находятся на одном уровне, что есть хорошо.
Каталог богатый, разбит на категории по стилям, типам мебели и назначению. Есть отдельный раздел со скидками, а также дополнительными товарами, не вошедшими в основной каталог, включая бытовую технику. Футер чистый, приятный, как весь остальной сайт, содержит все ссылки из основного меню, контакты и переходы к социальным сетям. Каталог необычный, содержит фотографии компоновки кухонь, даёт цену за погонный метр и варианты возможных цветовых решений. То есть полных цен нет, всё рассчитывается индивидуально, на что чётко указывает большая форма сразу под хедером, предлагающая заказать расчёт стоимости. Интересный магазин, но в нашей подборке есть ещё более качественные примеры.
Магазин спортивного питания
Fitaflex.ru — небольшой магазин дистрибьютора спортивного питания FitaFlex. Ориентирован на розничные продажи и оптовые продажи, прайс по которым можно запросить по форме в футере сайта. Там же находятся полные расчётные реквизиты. Дизайн простой, адаптивный, ничего лишнего. Светлый фон, изображения, текст и всё. В линейке всего 8 позиций продукции, ограниченность ассортимента внушает идею о качестве – не распыляются, торгуют по профилю тем, что работает, не пытаясь продать кучу сопутствующих товаров. Это хорошо, брендовость, узкая специализация чувствуются.
Меню из 4 пунктов содержит только явно необходимую информацию: каталог, доставка, оплата/возврат и раздел для оптовых покупателей, в который можно войти только после регистрации. Даже контакты не дублируются с футером – такое ощущение, что разработчики экономили буквы, стараясь сделать магазин максимально конкретным. Настроение сурового спорта чувствуется. Даже преимущества питания описаны односложно в слайдере на главной. Описания товаров частично дублируются, зато там есть полезная информация. Неплохой магазин, явно способный продавать, но местами не хватает информативности подачи материала.
Магазин ювелирных украшений
Goldglobe.ru — торговая площадка производителя ювелирных украшений. Ориентирована только на оптовые продажи партнёрам. Интересно, чтобы узнать цену конкретного изделия, нужно зарегистрироваться сначала. Чтобы получить прайс, нужно отправить личные данные в компанию. В общем, серьёзно всё поставлено. Также есть возможность заказа обратного звонка в виде красивой формы, появляющейся из виджета в нижней части сайта. Изображения по всему сайту качественные, есть даже синемаграф в одном из слайдеров главной страницы. Шрифты использованы простые, читаются легко. Текста на сайте немного, но он вполне качественный везде, где есть.
Сайт адаптивный, дизайн светлый, как и положено – такое ощущение, что рассматриваешь украшения в ярко освещённом фирменном салоне. Ассортимент большой, витрина продвинутая, для каждого варианта изделия можно выбирать варианты с разными параметрами. Также присутствует фильтрация по множеству признаков. Страницы с продукцией оформлены хорошо, данных достаточно для понимания, что перед покупателем. Основную роль играют фото, они качественные, берут крупным планом. Контактов много, включая соцсети с YouTube в придачу. Корзина показывает не только количество товаров в ней, но и суммарный вес изделий. Хороший оптовый магазин.
Магазин мотоциклов и аксессуаров
Hd-nsk.ru — магазин для байкеров и всех, кого интересуют Harley-Davidson и подобные им монстры. Тезис в хедере лаконично констатирует, что всё в наличии и приедет к покупателю в любой город. Отличный ход, поднимающий статус магазина. Тут же куча телефонов, включая горячую линию. Логотип крупный, но безликий, плюс ко всему, между ним и блоком контактов в десктопной версии сайта слишком много пустого белого пространства – чего-то не хватает. Вообще, дизайн неплохой. Ничего особенного в нём нет, но оранжевые вкрапления на фоне белого – всегда хороший вариант для восприятия. Единственный нюанс – не все фотографии одинакового размера и оформления, но это не особо портит картину, ведь все они качественные.
Главная страница содержит очень много информации: слайдер, ассортимент избранных товаров, блоговая секция, сайдбар с каталогом мотоциклов, одежды и прочего, а также несколько видео с демонстрацией мотосалонов компании, контакты которых расписаны в футере. Есть онлайн-консультант, причём, неожиданно не Jivo, как обычно, а Talk-me. Витрина богатая, а описания мотоциклов ещё более богатые – десятки качественных фотографий, видео, отличные описания, характеристики и прочее. Отзывов нет, да и не к чему, это же не магазин смартфонов или одежды. Ассортимент огромный, магазин солидный, быстро работает и оставляет хорошее общее впечатление. Можно зайти полистать как журнал и получить удовольствие.
Подведём итоги
Внешность магазинов на Shopify во многом зависит от выбранного шаблона. Какого-то характерного образа макета нет. Конструктор мощный, позволяет реализовать почти все известные в E-Commerce-нише приёмы и подходы. В условиях Рунета движок можно использовать, но придётся допиливать его интеграциями наших платёжных, складских систем, социалок, CRM, консультантов и прочих полезных для бизнеса вещей. Магазины получаются качественные, система легко справляется с большими объёмами категорий и товаров. Работает всё, как правило, быстро.
Спору нет, на Shopify получаются отличные магазины, русскоязычные в том числе. Сложность лишь в том, чтобы адаптировать движок, который совершенно не заточен для создания наших сайтов. Переводы шаблонов и стандартных надписей, синхронизация с нашими веб-сервисами и платёжными системами – всё это дополнительные усилия, которые не потребуется вкладывать при работе со многими другими качественными движками. Ну и цена у конструктора приличная, выше, чем у любого отечественного профильного сервиса.
Стоит ли использовать? Если по каким-либо причинам не подошли адаптированные под работу с нашими рынками uCoz или InSales, то да — попробовать стоит.
- Автор: Дмитрий Луценко
Источник: uguide.ru