какие сайты можно сделать на тильде

Какие сайты мы создаем на Тильде. Обзор от Uplab

Digital-агентство Uplab о том, почему использует Tilda Publishing и какие проекты на ней можно разрабатывать.

Tilda Publishing — платформа, которая позволяет запускать качественные интернет-проекты, минуя этапы верстки и программирования. Реализована в форме SaaS-решения (software as a service — «программное обеспечение как услуга») — пользователю не нужно самостоятельно заниматься техническим обслуживанием сайта и подключать для администрирования конкретного специалиста.

Раньше мы делали сайты только на CMS «1С-Битрикс», верстая страницы кодом, однако с появлением Тильды стали использовать ее для внутренних проектов: анонсирования мероприятий, создания ежемесячных агентских дайджестов, публикации кейсов и т.д. Тильда позволила разгрузить дизайнеров и разработчиков — редактор вполне мог запустить проект с нуля самостоятельно. Через какое-то время мы стали выпускать коммерческие проекты для заказчиков, у которых был ограничен бюджет и сроки разработки.

Тильду мы выбрали неслучайно. У нее весомые преимущества перед многими другими конструкторами:

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

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

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

Лендинг для Школы ораторского мастерства Александра Яныхбаша. Состоит из блоков с основными тезисами, которые раскрывают выгоды предложения.

Клиент уже был знаком с Тильдой, поэтому целенаправленно выбрал ее для разработки сайта. Для Александра важно, чтобы сайт было легко обслуживать своими силами. К тому же он планировал вести блог — требовался удобный движок для быстрой публикации статей и внесения изменений.

Стильный лендинг с хорошим дизайном, реализованный именно на Тильде.

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

Туристический портал города Чебоксары. Запускался как собственный work&fun проект агентства, а затем перерос в полноценный портал для туристов и жителей города. Проект развивается при поддержке местной администрации. Сейчас над ним работает команда специалистов: редакторы, SEO- и SMM-специалисты, контент-менеджеры.

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

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

Первое время я регулярно писал в техподдержку и (огромное спасибо разработчикам!) большинство моих предложений было учтено. Сегодня на Тильде реализованы практически все основные моменты, которые позволяют оптимизировать и успешно продвигать сайт. Подтверждение тому — график посещаемости выше.

Предлагаю небольшой чек-лист, который поможет оптимизировать сайт на Тильде:

1. Настроить 301 redirect с версии www на версию без www или наоборот.

2. Добавить протокол https, настроить redirect 301 и указать в файле robots.txt и карте сайта (sitemap).

3. Внедрить коды систем аналитики, добавить сайт в панели вебмастеров.

4. Оптимизировать все мета-теги, указать уровни заголовков (H1, H2, H3).

5. Оптимизировать все изображения: уменьшить их вес и размер, прописать альтернативное описание изображения (alt).

6. Найти и исправить битые ссылки, добавить хлебные крошки, провести работы по внутренней перелинковке.

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

В качестве пошаговой инструкции можно использовать статью «Как оптимизировать сайт на Тильде под поисковые системы».

Источник

Обзор конструктора сайтов Tilda: возможности, ограничения, советы

Руководитель и стратег в студии веб-дизайна и контент-маркетинга Svoemedia Александра Иващенко рассказала блогу Нетологии, как её команда использует Tilda в работе.

Сайты на конструкторе сайтов Tilda я начала делать ещё в 2014 году. Тогда это был настоящий прорыв по визуальной части: было ощущение, что прикоснулся к искусству, и до конца не верилось, что оно станет таким доступным. В маленькой группе на 400 человек (сейчас подписчиков 18 тысяч) мы обсуждали возможности Тильды, поддерживали команду платформы и давали советы.

Сейчас, в рамках Svoemedia, создание сайтов на Tilda стало полноценным направлением нашего бизнеса и предпочитаемой CMS. О её возможностях, функциях и об опыте нашей команды хочу рассказать в этом обзоре Тильды.

Дизайн: что можно сделать на Тильде и как это будет выглядеть

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

Готовые шаблоны

Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Готовые блоки

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

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Подробнее о корректировке мобильной версии читайте в справочнике Тильды.

Текст и изображения

Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.

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

Zero-блоки

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

Работа в Zero-блоке похожа на работу в графическом редакторе, только созданный индивидуальный дизайн можно сразу посмотреть в Тильде

Елена Сартасова, шеф-дизайнер Svoemedia

«​Zero-тренды и минимализм в дизайне сайтов диктуют дизайнерам задачу больше акцентировать внимание на колористике и типографике. Главное – это контент, а дизайнер лишь создаёт атмосферу, помогающую считать его суть. Чем чище и однообразнее фоны и проще графика на сайте, тем интуитивнее и интеллектуальнее воспринимается сайт пользователем: когда ничто не мешает, сайт действительно хочется читать, а не просто рассматривать его дизайн. Простая блочная структура Тильды позволяет довольно легко создавать такой дизайн за счёт простоты компонентов: фон, текст, форма и картинка, которые есть в Zero-блоке и стандартных блоках».

С помощью Zero-блоков можно делать анимацию, но если сайт предполагает постоянную редактуру (особенно это актуально для сайтов мероприятий), нужно будет вносить правки во все разрешения.

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Елена Сартасова, шеф-дизайнер Svoemedia

«​Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».

Проанализировав задачи клиентов, мы создали библиотеку шаблонов на Тильде для типовых решений. Мы хотим, чтобы заказчики клиентов быстрее находили на сайтах то, что им нужно. А клиенты экономили деньги для развития бизнеса: такое решение позволило нам сократить стоимость разработки сайта для клиента в 12–15 раз.

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

Сценарии использования: для каких типов проектов подходит Тильда

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

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Тильда позволяет исключить полностью дорогостоящие этапы HTML-верстки и программирования и сократить стоимость разработки для нашей команды и клиента.

Александра Назмеева, менеджер проектов Svoemedia

«​Тильда позволяет вовсе не привлекать полноценного разработчика даже для многостраничных сайтов (исключение — сложные калькуляторы и иные нетиповые задачи). По сравнению с разработкой сайтов полного цикла, сайты на Тильде сокращают время создания крупных проектов до 1,5–2 месяцев, включая этапы от прототипирования и написания контента до запуска работоспособной версии».

Сайт компании и лендинги

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

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Функции личного кабинета пользователя в Тильде на данный момент нет. В проекте компании UNIUP все презентационные страницы и блог сделаны на Тильде, а личный кабинет — внешняя ссылка на другой сайт:

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Личный сайт или портфолио

На Тильде можно собирать сайты-портфолио, личные сайты специалистов.

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

Контент-проекты

На Тильде мы сделали и ведём самое большое медиа по химической промышленности в России: проект Инжинирингового химико-технологического центра в Томске.

Для этой ниши цифры очень приятные — 10 000 посетителей в месяц. По словам Ильи Мазова, директора по развитию ИХТЦ, контент-проект приносит от 15% годового оборота компании.

Максим Колташов, главный редактор SVOEMEDIA ​

«Я рад, что команда чаще всего использует для вёрстки статей именно Тильду: это позволяет разместить нужные блоки (подписка, ссылка на соцсети, перелинковка на другие материалы) быстро и именно там, где мне это необходимо. Результат всегда эстетически приятен, что улучшает поведенческие характеристики и в итоге положительно сказывается на ранжировании сайтов».

Полезные функции Тильды для контент-проектов:

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

Источник

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

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

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

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

1. Лендинг фитнес тренера

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

2. Интернет-магазин пряностей

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

3. Одностраничный сайт

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

4. Сайт дизайн-студии

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

5. Сайт салона красоты

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

6. Сайт-визитка компании

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

7. Цирк чудес

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

8. Группа компаний «Зайцев Нет»

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

9. Сайт программного комплекса «Турбо»

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

10. Сеть химчисток

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

11. Производитель электроники

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

12. Производитель изделий из дерева

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

13. Производитель изделий из дерева

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

14. Курсы по организации авторских туров

какие сайты можно сделать на тильде. Смотреть фото какие сайты можно сделать на тильде. Смотреть картинку какие сайты можно сделать на тильде. Картинка про какие сайты можно сделать на тильде. Фото какие сайты можно сделать на тильде

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

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

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

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

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

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *