Примеры сайтов на Tilda Publishing (Тильда)

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

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

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

  1. Myfitworld.ru – персональный лендинг.
  2. Kitchenceremony.com – магазин пряностей.
  3. Partner.tochka.com – одностраничник банка.
  4. Logomachine.ru – студия дизайна.
  5. Ptichka.me – сайт сети парикмахерских.
  6. Topproekt.com – портфолио компании.
  7. Wonder-circus.ru – сайт московского цирка.
  8. Sales.zaycev.net – сайт «Зайцев Нет».
  9. Turbosolution.ru – разработчики ПО.
  10. Inclik.ru – сеть химчисток.
  11. Fabrika-wood.ru – производитель деревянных изделий.
  12. Gaodi.ru – разработчик сложной электроники.
  13. Effee.ru – школа вязания.
  14. Dotour.ru – курсы по организации авторских туров.

myfitworld.ru

Примеры сайтов на Tilda Publishing (Тильда)

Myfitworld.ru – персональный лендинг тренера по фитнесу, который отлично демонстрирует возможности Tilda для создания одностраничников. В отличие от предыдущего примера, здесь вместо скучного белого листа добавлен фон. Такая функция есть среди стандартных блоков конструктора, нужно просто выбрать её и добавить изображение, которое будет оптимизировано под размер экрана. Однако разработчик лендинга не ограничился только стандартными формами и явно использовал Zero Block — мощный редактор, в котором можно создавать блоки с нуля и настраивать их отображение для разных экранов и ориентаций.

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

kitchenceremony.com

Примеры сайтов на Tilda Publishing (Тильда)

Kitchenceremony.com – интернет-магазин пряностей и кухонных аксессуаров, демонстрирующий продающие возможности Tilda. В каталоге перед каждым типом товаров располагается блок с коротким описанием. Из него можно узнать о составе продукта и о блюдах, к которым он подходит. У каждого товара есть отдельная страница с подробным описанием, несколькими фотографиями и кнопкой в «В корзину».

Сама корзина представлена в виде простой формы, в которой необходимо указать имя, e-mail, телефон и выбрать способ доставки. Оплаты онлайн нет, но это решение магазина, а не недостаток Tilda. Конструктор предлагает интеграцию с 12 платёжными системами, среди которых PayPal, Robokassa, «Яндекс.Деньги» и «Сбербанк». Подключаются они на одноимённой вкладке в настройках проекта. На главной странице располагаются самые популярные товары, а также ссылки на разделы каталога. На сайте есть журнал с тематическими материалами. Перейти в него можно через меню навигации или с помощью блока с последними статьями внизу главной страницы. Чистая, красивая и удобная вёрстка — на Tilda добиться этого не так уж и сложно.

partner.tochka.com

Примеры сайтов на Tilda Publishing (Тильда)

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

Правда, в некоторых случаях минимализм становится чрезмерным. На странице есть только одна кнопка «Заказать счёт». Она располагается на первом экране и не спускается вниз при скроллинге. Если, допустим, посетитель захочет сделать заказ после блока с тарифами, то ему придётся возвращаться наверх или спускаться вниз. Сама форма заявки содержит только поле для ввода номера телефона. Можно было добавить хотя бы имя, а так получается, что менеджеру приходится знакомиться с клиентом при звонке. Имя легко бы влезло на место, которое занимает номер телефона — там всё равно куча свободного пространства. Исправить этот недостаток можно стандартными инструментами Tilda, нужно лишь правильно отладить форму.

logomachine.ru

Примеры сайтов на Tilda Publishing (Тильда)

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

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

ptichka.me

Примеры сайтов на Tilda Publishing (Тильда)

Ptichka.me – сайт сети парикмахерских, филиалы которой расположены в разных концах России. Для каждого города сделана собственная версия сайта, чтобы посетители получали корректную информацию о стоимости, которая заметно отличается. Для быстрого перехода к списку услуг в меню есть раздел «Цены», но работает он только для московской версии. Для других городов якорь не работает. Исправляется это правильной настройкой ссылки.

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

topproekt.com

Примеры сайтов на Tilda Publishing (Тильда)

Topproekt – портфолио архитектурной компании, при создании которого использовано минимальное количество возможностей Tilda. Судя по домену, у разработчика был подключен тариф Personal, на котором копирайт конструктора в футере убирается. Однако лейбл Made on Tilda остался на своём месте. То же относится к значку конструктора, который отображается по умолчанию на вкладке рядом с названием сайта. Чтобы заменить его, достаточно зайти в настройки проекта и загрузить другое изображение.

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

Wonder-circus.ru

Примеры сайтов на Tilda Publishing (Тильда)

Wonder-circus.ru – одностраничник московского цирка. Является анонсом предстоящего открытия с программой и возможностью предзаказа билетов на предстоящие выступления. Продающая страница. Дизайн соответствующий: яркие цвета, сочные фотографии, описания представлений и эффекты. Выглядит броско, атмосферно, оформление выполнено довольно качественно. Есть возможность скачать приложение цирка для Android и iOS. В меню используются анкорные ссылки, но часть из них не работают – видимо, страница свежая, ещё не всё довели до ума.

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

Sales.zaycev.net

Примеры сайтов на Tilda Publishing (Тильда)

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

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

Turbosolution.ru

Примеры сайтов на Tilda Publishing (Тильда)

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

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

Inclik.ru

Примеры сайтов на Tilda Publishing (Тильда)

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

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

Gaodi.ru

Примеры сайтов на Tilda Publishing (Тильда)

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

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

Fabrika-wood.ru

Примеры сайтов на Tilda Publishing (Тильда)

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

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

Effee.ru

Примеры сайтов на Tilda Publishing (Тильда)

Effee.ru – лендинг специалиста по вязанию, которая ведёт оффлайновые и записала множество онлайн-курсов. Страница содержит всё необходимое для принятия решения потенциальной аудиторией: информативную шапку с расписанием, условиями и особенностями курса, описание формата обучения, примеры работ, перечень навыков, которые получат ученики, подробное описание курса по всем 4 этапам и даже тарифную сетку с кнопками записи. Отзыв участника курса всего один – маловато, хотя бы 3 варианта не помешало бы поставить, увеличив охват информации, расширив представление о качестве обучения.

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

Dotour.ru

Примеры сайтов на Tilda Publishing (Тильда)

Dotour.ru – коучинговый проект для тех, кто хочет научиться организовывать авторские туры под разную аудиторию. Дизайн у лендинга неплохой, хотя какими-то изысками, эффектами, присущими профессиональным сайтам на Тильде, похвастаться не может. Просто нормально. Главное – всё наглядно и понятно. Есть небольшие огрехи в десктопной версии – например, пиктограммы в одном из блоков стоят не по центру, хотя в мобильной версии всё порядке. Также ссылки на начало обучения в хедере и пример урока попросту не работают. Это заметный минус – впечатление, будто разработчик не проверял то, что получилось. Шрифты хорошо читаются, достаточно крупные.

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

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

В подборке мы постарались показать примеры использования Tilda для создания разных типов сайтов: портфолио, лендинга, интернет-магазина, блога, сайта компании. В них были использованы стандартные блоки и элементы, созданные через Zero Block.

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

  • Автор: Дмитрий Луценко

Источник

Просмотров:

Добавить комментарий