Semenov
Design
Создание сайтов и адаптивных интерфейсов удобных для посетителя и поисковой системы
Сайт использует файлы cookie
OK

Tilda

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

Создание сайта в Тильде

В конструкторе сайтов Tilda используется модульная система создания сайта. Блоки можно менять местами, копировать, переносить, временно скрывать или удалять окончательно. И самое главное все это можно делать быстро и самостоятельно, без привлечения программистов, что сильно снижает стоимость создания сайта.

Работа с блоками

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

Типографика

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

Работа с изображениями и видео

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

Редактор Zero Block для уникального дизайна

Макет сайта, созданный в Фигме, можно импортировать в Zero Block автоматически по API. Это экономит время — не нужно переносить каждый элемент из графического редактора в Тильду и пересобирать дизайн сайта с чистого листа.
Интеграция с Figma
Фрагмент сайта на тему военного переворота в Чили, 1973 год. В Сантьяго идет дождь, дизайнер Семенов Иван.
Фрагмент сайта на тему военного переворота в Чили, 1973 год. Демонстрация студентов, дизайнер Семенов Иван.
Фрагмент сайта на тему военного переворота в Чили, 1973 год. Справедливое общество Сальвадора Альенде, дизайнер Семенов Иван.
А еще я могу настроить способ доставки и сделать интеграцию со службами доставки.
На Тильде можно создать интернет-магазин с карточками товаров, либо просто подключить платежную систему и принимать платежи онлайн, например, если вы проводите платные вебинары или собираете людей на мастер-классы.

Интернет-магазин и подключение платежных систем

Основные возможности интернет-магазина

Компания занимается продажей фототехники Canon и сопутствующих аксессуаров. Кроме того, доступно страхование и аренда оборудования.

Пример магазина на Тильде

Можно собрать товары в корзину, указав их параметры, дополнительные услуги, например, доставку и оформить заказ, можно оплатить покупку сразу, или сделать заказ и оплатить наличными при получении.
• Настройка каталога и товарных остатков
• Поиск и сортировка товаров
• Импорт и экспорт товаров
• Создание промокодов
• Настройки SEO для товара
• Дополнительные опции к покупке
Пример стильного каталога интернет магазина, в котором все сделано удобно, красиво и аккуратно.
Пример карточки товара, которая позволяет за короткое время узнать много подробностей и мотивирует к покупке.
УЗНАТЬ БОЛЬШЕ
Информация, отправленная через формы, хранится в личном кабинете Тильды в разделе «Заявки». Также можно подключить сторонний сервис приема данных из форм: заявки будут приходить на email, в Google Таблицы, в CRM или сервис рассылок.
Подойдет небольшим компаниям и предпринимателям, которым не нужен сложный набор функций классической CRM-системы, но нужна система в делах.

CRM подключается к сайту в один клик без дополнительной платы.

Tilda CRM

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

Сбор заказов и организация работы

Формы обратной связи

Вообще тематика собираемых данных ничем не ограничена, я могу сделать форму любой сложности исходя из конкретной задачи.
Fade In Down — появление через прозрачность сверху
Fade In Right — появление через прозрачность слева
Fade In — появление через прозрачность
Fade In Left — появление через прозрачность справа
Fade In Up — появление через прозрачность снизу
Zoom In — появление через увеличение или уменьшение

STEP-BY-STEP ANIMATION

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

Дополнительно могу настроить эффект параллакса, что придаст элементам на сайте ощущения трехмерного пространства. А для дополнительной интеркактивности и вовлечения пользователей можно сделать триггерную анимацию.

Эффекты появления в стандартных блоках

Базовая и продвинутая анимация

D
E
S
I
G
N
В настройках сайта есть инструмент, который проанализирует все страницы сайта и выдаст конкретные рекомендации по каждой странице — что нужно исправить, чтобы улучшить оптимизацию для поисковых систем. Сайты, сделанные на Тильде, хорошо индексируются за счет особенностей самой платформы: последовательное расположение блоков на странице.
Требует хорошего понимания внутреннего устройства сайта, прежде всего той части, которую обычный пользователь никогда не увидит. Тем не менее, эта работа очень важна, так как напрямую влияет на место сайта в поисковой выдаче. Если у кого-нибудь возникнет вопрос, делаю ли я все о чем здесь пишу, то вот мой ответ: Да, делаю. Всегда.

<title> — название страницы, которое отображается в самом верхнем поле браузера. Это самый важный тег для оптимизации, так как поисковые системы придают ему большое значение.

<description> — краткое описание страницы. Содержимое этого тега поисковые системы используют для создания сниппета — текста, который выводится рядом с ссылкой в поисковой выдаче.

<h1> — заголовок для всего текста страницы. Следующий по важности тег после <title>.

<h2>,<h3> — теги, которые задают структуру страницы

<alt> — альтернативный текст для изображения: отображается, если картинка не загрузилась и используется поисковыми сетями в качестве ключевых слов для индексации изображений.

URL — правильные с точки зрения SEO адреса страниц, для выдачи и пользователей важно, чтобы адрес был простым, но в то же время точно передавал содержание.

www и https-редиректы — возможность настроить переадресацию со страницы с префиксом http на страницу с https, чтобы не дублировать их и избежать снижения рейтинга в поисковой выдаче.

Страница 404 — страница, которая открывается, если запрашиваемый сайт невозможно найти: человек ошибся при наборе адреса или страница была удалена.

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

SEO. Оптимизация и продвижение

Автоматический SEO анализ и рекомендации

Продвинутая оптимизация