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

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

Создать интернет-магазин на Tilda можно с помощью стандартных блоков. Если среди них нет подходящих вариантов, на помощь приходит продвинутый редактор Zero Block. В нём можно нарисовать с нуля любую секцию сайта. Функциональные возможности Tilda расширяются с помощью интеграций с другими сервисами. Поддерживается также вставка стороннего кода HTML/CSS/JavaScript.

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

1. Доставка домашней еды

Доставка домашней еды

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

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

Назвать этот одностраничник интернет-магазином сложно. Но на нём установлены блоки с карточками товаров и корзиной. При нажатии на кнопку «Заказать» набор отправляется в корзину. Одновременно появляется форма оформления покупки. В ней можно изменить количество товаров и выбрать способ оплаты — кредитной картой через Тинькофф или Яндекс.

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

2. Мебельный магазин

Мебельный магазин

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

Главная страница встречает посетителя полноэкранным хедером в формате слайдера с интересной подборкой фотографий. Далее идёт перечень коллекций с иллюстрациями и краткими описаниями. Было бы неплохо, чтобы здесь же стояли ссылки для прямого перехода к каждой из них. Интересно, что у компании есть мобильное приложение для iOS – каталог с возможностью заказа. Одно единственное видео смонтировано очень качественно, студийно, оно прекрасно передаёт атмосферу, которую можно получить, приобретая дизайнерскую мебель, увеличивая её ценность в глазах клиента.

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

Раздел FAQ отлично оформлен – здесь собраны все ответы на возможные вопросы клиентов. Формат выпадающих списков выглядит чисто, компактно, эстетично. Контактов хватает – адрес, телефон, а также соцсети, в которых можно найти много интересных композиций из мебели данного бренда. Есть даже англоязычная версия сайта, столь же качественная. Довольно редко такое встречается.

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

3. Ремонт квартир

Ремонт квартир

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

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

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

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

4. Центр дизайна и архитектуры

Центр дизайна и архитектуры

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

Видно, что работу над сайтом не закончили. Раздел с проектами находится в разработке. В карточках с новостями размещён шаблонный текст. Это вообще странное решение — публиковать сообщения в таком виде. Для новостей есть стандартный блок «Потоки», который выводит ленту сообщений.

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

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

5. Английская мужская обувь

Английская мужская обувь

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

Магазинная функциональность реализована на отдельной странице. В каталоге не очень много товаров, поэтому нет фильтрации и сортировки. При необходимости эти возможности добавляются стандартными инструментами Tilda. При наведении курсора на карточку товара меняется фотография. Чтобы посмотреть другие изображения, прочитать подробное описание и добавить товар в корзину, нужно открыть страницу товара. Для этого используется кнопка «Подробнее».

Страница товара открывается во всплывающем окне. Здесь можно выбрать только размер обуви. Но магазинная функциональность Tilda позволяет добавлять и другие параметры, просто на этом сайте в них нет необходимости. После добавления товара в корзину появляется стандартная форма оформления заказа. В ней нужно указать ФИО, e-mail и телефон для связи.

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

6. Магазин типографских товаров

Магазин типографских товаров

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

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

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

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

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

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

7. Магазин нижнего белья

Магазин нижнего белья

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

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

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

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

8. Магазин постельного белья

Магазин постельного белья

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

С точки зрения наполнения и подачи контента здесь полный порядок. Всё качественное – и описания, и фото. На Тильде подобные штуки трудно испортить: у блоков в стандарте полный порядок со шрифтами, структурой и подачей, можно ничего не менять, просто добавив свой контент. То есть технически магазин простой по меркам возможностей платформы, хотя выглядит весьма приятно, современно.

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

На сайте есть галерея «Lookbook» с эпизодами, связанными с использованием белья. Также присутствует инструкция по уходу за льном. Из контактов – только почта, есть ещё группы в соцсетях. Условия оплаты и доставки доходчиво описаны. Хороший магазинчик, способный продавать продукцию.

9. Магазин женской одежды

Магазин женской одежды

Магазин торговой марки «Tricoit», торгующий шортами, боди, кникерсами и прочими предметами женской вязаной одежды. Ассортимент невелик, цены высокие, как и у всего, так сказать, дизайнерского. Фотография в хедере главной страницы среднего, недостаточного уровня качества. Под ней представлены новинки и описание торговой марки. Далее можно перейти в Инстаграм для изучения отзывов либо сразу в категории одежды. Есть и форма подписки на обновления ассортимента и получение спецпредложений. Есть возможность оформления подарочных карт.

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

Структурно магазин не так уж прост. Здесь довольно много разделов, доступ к которым можно получить из футера: доставка и оплата, сетка размеров, уход за вещами, сроки производства, возврат и обмен, сертификация и прочее. Есть раздел вопросов/ответов, аккуратно и содержательно оформленный. То есть с точки зрения серьёзности подхода к делу проблем не видно – торговая марка даёт всю необходимую информацию.

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

10. Кухонная церемония

Кухонная церемония

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

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

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

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

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

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

11. Подарочные сертификаты в необычные отели

Подарочные сертификаты в необычные отели

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

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

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

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

12. Полотенцесушители и дизайн-радиаторы

Полотенцесушители и дизайн-радиаторы

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

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

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

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

Выводы

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

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

С точки зрения адаптивности у стандартных блоков Tilda проблем нет. Но если вы будете использовать при разработке сайта Zero Block, то за этим параметром нужно внимательно следить. Созданные с нуля блоки нужно адаптировать под разные экраны самостоятельно.

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