Примеры сайтов на Shopify (Шопифай) - uGuide.ru

Примеры сайтов на Shopify (Шопифай)

  • Обновлено:
    21.06.2019
  • Просмотры:
    669
  • Отзывы:
    0
Shopify – популярная на Западе платформа для создания магазинов. В Рунете слабо востребована ввиду недостаточной оптимизации функциональности под условия нашего рынка и немалой стоимости. Её используют, в основном, для публикации магазинов под зарубежную аудиторию – в этом смысле платформа интересна, свою стоимость оправдывает. Тем не менее, благодаря удобству и гибкости, в системе создано немало русскоязычных магазинов.

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

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

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

 

Примеры Shopify-сайтов:

  1. 808london.ru – магазин женской обуви.
  2. Ldvor.com – магазин одежды.
  3. Daonica.com – ювелирный магазин.
  4. 139dec.com – магазин одежды.
  5. Praxxispro.com – магазин степлеров.
  6. Babysecret.ru – детский мир.
  7. Inloveshop.ru – магазин женской одежды.
  8. Finnaturalaptek.ru – магазин косметики и БАДов.
  9. Intro-version.com – магазин женской одежды.
  10. Mouth.com – продуктовый магазин.

 

808 London – магазин женской обуви

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

Самый цветастый элемент на сайте – значок подарка в нижнем углу. Хорошо придумано: гарантированная акция при заполнении поля e-mail. Сбор базы подписчиков и возможность привлечь покупателя выгодой – идеальная наживка, при которой обе стороны выигрывают. Витрина оформлена отлично. Фотографии качественные, есть зум, описания короткие, зато содержательные. Все покупки отправляются сначала в корзину, быстрого заказа нет. В личном кабинете можно собирать скидки постоянного покупателя. Футер оформлен просто и грамотно: контакты, описания условий предоставления услуг и подписка. Ничего лишнего. Лаконично оформленный, правильный магазин. Наверняка, прибыльный.

 

L DVOR – магазин одежды

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

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

 

Daonica – ювелирный магазин

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

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

 

139Dec – магазин одежды

139dec.com – стильный магазин молодёжной одежды. Выглядит современно, дизайн качественный, адаптивный. Цифры 1, 3 и 9 в углах – интересная мелкая деталь, придающая индивидуальности макету. На первом плане – адреса торговых точек марки по всему миру, онлайн-магазин является дополнением к приглашению посетить оффлайновые торговые точки. Товарная витрина оформлена отлично – миниатюры крупные, качественные, из подписей лишь название да цена позиций. Лаконично, чётко, красиво. Описания содержат таблицы размеров, подробные характеристики модели и условия доставки/возврата.

Социалки представлены аккуратными значками Facebook да Instagram в футере магазина – больше нигде на сайте их нет. Ненавязчиво. Футер содержит ссылки на статические страницы для входа в аккаунт, контакты компании и условия оплаты/доставки. Ничего лишнего, информация подана чётко. Есть и вишлист, синхронизированный с личным кабинетом. Быстрого заказа нет – все покупки проходят через корзину. Навигация удобная. Шрифты по всему магазину читаются отлично и хорошо подходят к общей стилистике макета. Хороший образец европейского магазина с дорогой одеждой.

 

PraxxisPro – магазин офисных принадлежностей

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

Главное меню простейшее, понятное, выглядит внятно и в десктопной, и в мобильно-гамбургерной версиях. На виду в шапке вход в личный кабинет и корзину. Сайт явно ориентирован на оптовые продажи степлеров. Товарная витрина выглядит отлично. Описания степлеров настолько подробные и качественные, что это вызывает удивление. Изображения очень чёткие, в большом разрешении, есть полноэкранный просмотр. Магазин профильный, небольшой, но собран практически идеально. Всё удобно подано, ничего в дизайне не раздражает. Работает шустро.

 

Babysecret – магазин детских товаров

Babysecret.ru – отечественная торговая площадка. Реализует огромный ассортимент мебели и других полезных принадлежностей для детей. Это детский супермаркет, по сути, с большим количеством категорий. Дизайн приятный и простой: никаких стильных слайдеров, графики, анонсов, акций на виду и прочего. Всё внимание сосредоточено на удобной подаче доступных категорий товаров. Лаконичное меню, акценты приятного розового оттенка и множество полезных ссылок, которые, хоть и мелкие, но хорошо читаются. Футер сайта прокручивается в десктопной версии, что не совсем понятно – зачем это реализовано?

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

 

She is in love – магазин женской одежды

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

Главная страница хорошо передаёт ощущение динамики своей насыщенностью. Товаров немного, что намекает на их авторское происхождение. Коллекции небольшие по объёму, но выглядят свежо и бодро. Витрина информативная, яркая за счёт сочных миниатюр. Карточки товаров оформлены тщательно: множество изображений, интересные описания, полные характеристики, возможность выбора цвета моделей одежды, ссылки на соцсети. Заказа в 1 клик нет, все покупки проходят через личный кабинет и корзину. Шрифты везде внятные, хорошо читаются. Блог, скорее, для галочки и активации поисковых запросов – публикаций мало, зато они хорошо оформлены. Хороший, в целом, магазин, но он не использует множества возможностей движка.

 

Fin natural АРТЕК – магазин косметики и БАДов

Finnaturalaptek.ru – магазин по продаже косметики, витаминов и БАДов финского производства. Структура классическая, эргономика хорошая, но дизайн из серии «вырвиглаз». Зелёные, фиолетовые и оранжевые акценты элементов разбросаны в хаотичном порядке, они плохо сочетаются между собой. Логотип выглядит инородным телом, случайно влетевшим в шапку магазина. Слайдер смотрится нормально, но обрамление его ужасное. Шрифты не очень хорошо читаются, их размер в аналогичных местах прыгает – какофония. Макет адаптивный, при уменьшении масштаба некоторые элементы остаются статичными, обрезаясь как попало.

Меню информативное, сделано хорошо. Каталог впечатляет количеством категорий товаров. Витрина аккуратная, в отличие от всего остального – видать, стандартная у выбранного шаблона, над ней особо не работали, что пошло на пользу дизайну. Описания в товарных карточках грамотные, информативные, но форматирование страдает. Меню в футере не переведено (Footer menu – стандартная надпись элемента шаблона), оно выпадающее, трудно заметить. Статических страниц много, в них куча полезной информации. Есть разделы со скидками и спецпредложениями. В целом, функционально магазин нормальный, но его портит дизайн, халатное форматирование текстовых материалов и неудачная структура отдельных частей макета.

 

IV – магазин женской одежды

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

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

 

Mouth – продуктовый магазин

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

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

 

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

Внешность магазинов на Shopify во многом зависит от выбранного шаблона. Какого-то характерного образа макета нет. Конструктор мощный, позволяет реализовать почти все известные в E-Commerce-нише приёмы и подходы. В условиях Рунета движок можно использовать, но придётся допиливать его интеграциями наших платёжных, складских систем, социалок, CRM, консультантов и прочих полезных для бизнеса вещей. Магазины получаются качественные, система легко справляется с большими объёмами категорий и товаров. Работает всё, как правило, быстро.

Стоит ли использовать? Если по каким-либо причинам не подошли адаптированные под работу с нашими рынками uCoz, Diafan или InSales, то да – попробовать стоит.

  • Автор:

no avatar