Dmitriytishanskiy.ru

Онлайн уроки
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Тильда конструктор сайтов видео уроки

Как сделать сайт на Тильде: пошаговая инструкция

Автор статей и SMM-специалист Svoemedia Ирина Сорогина рассказала о первом опыте создания сайта на Тильде, о том с какими сложностями столкнулась и сколько времени на это ушло.

Обучение в онлайн-университете: курс «Дизайн для начинающих»

Я занимаюсь контентом, но захотела сделать лендинг онлайн-курса на Тильде. Чтобы сайт получился сильным, я расспросила об этапах создания сайта коллегу Антона Чикова — главного дизайнера оперативной группы Svoemedia.

Перед созданием сайта я отвела день на подготовку: продумала структуру сайта, подобрала контент, сделала прототип, выбрала цвета и шрифт.

Структура сайта

Антон Чиков:
«Структура сайта зависит от задачи и типа сайта. Например, студии дизайна интерьера нужно показать готовые проекты, а организатору онлайн-курса — рассказать о программе.
У многостраничников и интернет-магазинов своя структура, а у лендингов есть традиционная: оффер на первом экране, описание компании или продукта, призыв к действию, преимущества, отзывы и контакты».

Сайты на Тильде состоят из блоков и страниц. Один блок — один экран.

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

Антон Чиков:
«Количество блоков на сайте неограниченно, всё зависит от задач. Чем сложнее задача, тем больше блоков нужно: для сайта пейнтбольного клуба хватит 6-7 блоков, а продавцу буровых установок может не хватить 15-ти».

Подготовка контента для сайта

Дальше я подготовила текст и фотографии. Несколько советов как подготовить текст для сайта:

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

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

Я подобрала иллюстрацию для главной страницы, скачала фотографии авторов курса, сделала скриншоты страниц с уроками.

Антон Чиков:
«Используйте свои иллюстрации или покупайте на стоках. Мы берём фото с Энвато — недорого и с коммерческой лицензией. Обратите внимание на оптимальный размер фото для Тильды — 1680px по большей стороне.
Если у вас много иллюстраций на сайте — сожмите их. Иначе у пользователя с нестабильным интернетом сайт не загрузится и он уйдет. Я сжимаю фото на бесплатном сервисе Optimizilla»
.

Прототипирование

Прототип — схема сайта, которая показывает, как будут располагаться кнопки, текст, картинки и другие элементы. Мне как новичку ребята советовали нарисовать прототип на бумаге или расписать структуру сайта в Гуглдок.


Вот такой прототип лендинга у меня получился

Антон Чиков:
«Мы делаем прототипы и согласовываем проекты сайтов в Фигме: в ней удобно работать командой и не приходится менять дизайн в Тильде».

Шрифты, цвета, иконки

Для новичка самый простой способ подобрать шрифт и цвет — подсмотреть на других сайтах по схожей тематике. Несколько ресурсов, где можно вдохновиться: One Page Love, Lapa Ninja, Land-Book.

Если у вас уже есть корпоративные цвета и шрифт, используйте их. Шрифт и цвета можно посмотреть с помощью расширения для Google Chrome CSS Pepper.


Основные цвета нашего сайта: черный, желтый, голубой. Цвет фона — белый и серый

Антон Чиков:
«Не используйте на сайте больше 2-3 цветов. Один цвет — основной, остальные — акцентные.
Советую не использовать больше двух разных шрифтов. Лучше пользоваться шрифтовыми парами, уже подобранными дизайнерами Тильды. Забудьте о курсиве и шрифте Roboto — он «состарит» сайт».


Тильда предлагает несколько пар шрифтов, этого более чем достаточно. Установить шрифт можно в настройках сайта

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

Верстка в Тильде

Верстка сайта заняла один день. Чтобы быстро собрать сайт на Тильде, я взяла готовый шаблон. Впоследствии от него осталось только три блока, остальное я добавляла из библиотеки блоков Тильды.

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

Вот несколько блоков моего лендинга:

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


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

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

  1. Загрузите видео на обложку вместо фото. Это сделать просто, и сайт будет выглядеть эффектно.
  2. Подключите анимацию к блоку. Когда на сайте все движется, информацию тяжело воспринимать, поэтому лучше с ней не перебарщивать.
  3. Разбавьте стандартные блоки zero-блоками. С их помощью картинку или текст располагают в определенном месте, а не там, где они в стандартных блоках. Но потом этот блок придется отдельно адаптировать для мобильных устройств.

Антон Чиков:
«Я редко использую в работе стандартные блоки, все делаю в zero. Новичкам для кастомизации советую попробовать сторонние сервисы, которые легко интегрируются с Тильдой. Например, на сайт можно добавить фотогалерею из Instagram, калькуляторы, интерактивные картинки».

Действия перед публикацией сайта

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

Я перечислю только самое важное, без чего сайт не будет функционировать полноценно. Вот что нужно сделать:

  • Проверить ссылки — в правильное ли место они ведут.
  • Проверить, как сайт выглядит на мобильных, если вы использовали zero-блоки.
  • Настроить и протестировать формы приема данных.
  • Сделать базовое SEO.

Антон Чиков:
«Минимум, что нужно сделать по SEO — прописать заголовки: H1, H2, H3 и так далее. Заголовок H1 содержать ключевой запрос, по которому ваш сайт будут искать.
Еще пропишите title и description. Их видно в поисковике и когда отправляете ссылку на свой сайт. Тильда позволяет прописать разные варианты заголовка и описания для отображения в поисковой выдаче и при шеринге в социальных сетях»
.

  • Добавить документы о защите персональных данных, если собираете информацию о пользователях: имя, e-mail, телефон и другое.
  • Добавить фавикон и бейджик для соцсетей.
  • Подключить домен.
  • Включить индексацию в настройках сайта.
  • Проверить оптимизацию для поисковиков через Тильда-панель вебмастера.

Итоги

Чтобы сделать сайт на Тильде, за который не будет стыдно, нужно продумать структуру, написать текст, подобрать картинки, собрать все в Тильде, оптимизировать, протестировать и опубликовать.

Чтобы сайт получился достойным, вдохновляйтесь сайтами из вашей ниши. Смотрите, что в них работает и почему, применяйте лучший опыт на своем сайте.

Читать еще:  Видео уроки платные

Создание лендинга заняло 2 дня: один на подготовку контента и прототип, и еще день на верстку в Тильде, оптимизацию и тестирование.

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Как создать сайт на Тильде: пошаговая инструкция

Добавьте блоки из библиотеки

В каждом блоке дизайнеры уже правильно расположили текст, иконки и изображения. Просто наполните блок своим контентом. В настройках можно изменить шрифты, отступы, фон, размер кнопок — результатом будет уникальный сайт, не похожий на шаблон.

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

Используйте шаблоны

Создайте блок с уникальным дизайном

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

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

Добавьте анимацию

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

Не стоит применять анимацию к каждому блоку. Старайтесь привлечь внимание посетителя только к самым важным элементам сайта.

Получайте заявки от клиентов

Каждая форма сделана как конструктор — можно добавить неограниченное количество различных полей, чекбоксов, выпадающих списков. А еще можно добавить прикрепление файлов, выбор даты или калькулятор — стоимость заказа будет рассчитываться автоматически перед отправкой формы. В настройках вертикальных форм есть тип поля «Разбиение по шагам», который позволяет превратить обычную форму в пошаговую.

Заявки из форм отображаются в личном кабинете. Можно настроить передачу заявок во внешние сервисы: e-mail, мессенджеры, google таблицы, CRM-системы, сервисы рассылок — всего доступно 18 сервисов для интеграции.

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

Как сделать сайт с помощью конструктора Tilda: пошаговое руководство

Время чтения: 26 минут Нет времени читать? Нет времени?

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

Почему стоит выбрать Tilda

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

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

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

Tilda выделяется на фоне других конструкторов ориентацией на визуальную привлекательность и легкость восприятия контента. Это не пустые рекламные слоганы: платформа отличается безупречной типографикой и удачной интеграцией визуального и текстового контента. Это позволяет разработчикам позиционировать «Тильду» в качестве инструмента для создания лонгридов.

Пользователям Tilda доступны модули и шаблоны, с помощью которых можно быстро создавать конверсионные лендинги. Конструктор подходит для запуска интернет-магазина. На «Тильде» можно сделать корпоративный сайт, виртуальную визитку с портфолио, контент-проект.

Примеры созданных с помощью конструктора ресурсов можно найти в разделе MadeOnTilda на официальном сайте проекта. Обратите внимание на пример интеграции «Тильды» и WordPress. «Лайфхакер» использует конструктор для создания лонгридов, а основной сайт проекта работает на WP.

У Tilda есть недостатки, которые будут рассмотрены ниже. Но главный из них нужно обсудить сразу.

Стоимость Tilda

Пользователям доступны три тарифных плана: Free, Personal и Business.

Возможностей бесплатного тарифа хватит для создания сайта-визитки. Пользователь получает 50 Мб дискового пространства, возможность создать один сайт и до 50 страниц. План Free предполагает доступ только к части модулей. Поэтому функциональность сайтов на бесплатном тарифе ограничена.

Важный момент: пользователи бесплатного тарифа могут зарегистрировать сайт только на поддомене. URL выглядит так: vash-site.tilda.ws. Это практически не влияет ни на пользовательский опыт, ни даже на доверие к сайту со стороны поисковых систем. Живым пользователям по большому счету все равно, на каком домене работает сайт. Но все-таки коммерческие сайты принято регистрировать в доменных зонах .ru, .com, .biz и подобных.

Теоретически доменное имя влияет на пользовательский опыт. Человеку проще запомнить URL pupkin.ru или roga-kopyta.com, чем pupkin.tilda.ws или roga-kopyta.livejourlnal.com. Но все-таки подавляющее большинство посетителей приходит на сайт из поиска и по ссылкам, а не вводит адрес ресурса в строку браузера.

Для корпоративного сайта, контент-проекта, интернет-магазина лучше использовать тарифный план Personal. Он стоит 500 рублей в месяц. После оплаты пользователь получает доменное имя в зоне .ru или .com, возможность создать до 500 страниц и использовать 1 Гб дискового пространства. Также платный тариф открывает полный доступ к библиотеке модулей.

Доступ к конструктору сайтов стоит 6000 рублей в год. Это неоправданно дорого. Полноценный сайт на любой CMS, например, WordPress, Joomla!, Drupal, OpenCart, обойдется гораздо дешевле.

Например, один из ведущих хостинг-провайдеров рунета по состоянию на ноябрь 2018 года предлагает услугу виртуального хостинга за 3344 рубля в год. Бонусом пользователь получает четыре домена в зонах .ru и .рф и бесплатный SSL-сертификат. Хостер предоставляет 17 Гб дискового пространства. У этого же хостинг-провайдера есть и более дешевые тарифные планы.

Тариф Business включает все возможности Personal. Дополнительно пользователь может создавать до пяти сайтов. Главное отличие — возможность экспортировать код и установить Tilda на свой сервер.

За подключение по тарифу Business нужно платить 1000 рублей в месяц или 12 000 рублей в год. Обратите внимание, услуги хостинг-провайдера нужно оплачивать отдельно.

Выбор тарифа зависит от формата сайта и потребностей владельца. Принять решение поможет таблица.

Создание сайтов на Tilda. Получаем новую специальность самостоятельно.

В рубрике «без воды» будем конспективно рассматривать интересующие нас вопросы из серии «давно хотел узнать, но жалко выкидывать время на тонны воды».

Специализация

1. Определиться с тем, что буду разрабатывать: лендинги, сайты-визитки, интернет-магазины, лонгриды, промо-сайты.

2. Чтобы зарабатывать нужно не учиться всему, а стать профессионалом в узкой сфере.

3. Чтобы выбрать специализацию, нужно ответить на вопрос “Что мне интуитивно нравиться”, оценить рынок услуг разработчиков на Тильде и рынок запросов в группах и т.д.

4. Определиться с ЦА.

5. Это промо-страницы (мероприятия, курсы, обучение. ), лендинги (производства, строительство…), сайты-визитки (общ. организации, детские сады…)?

6. Сужение ЦА лучше продает, но требует большей подготовки.

1. Делать сайты для себя.

2. Делать сайты друзьям.

3. Делать сайты бесплатно или за символическую цену.

4. Делать сайты за отзыв.

Портфолио

1. Сделать в виде сайта/лендинга для себя.

2. Разместить свою фотографию или видео.

3. Описать кто я и чем полезен.

4. Показать свои лучшие работы.

5. Указать стоимость работ.

6. Разместить отзывы заказчиков.

7. Добавить свои контакты и возможность заказать услуги.

8. Описать подробно что я делаю и как это работает.

9. Указать тонкости: что делает меня хорошим.

Читать еще:  Laravel видео уроки

10. Указать ограничения: чем не смогу помочь и что тогда делать.

11. Описать миссию, стратегическую цель и интересы.

12. Добавить изюминку.

13. Создать свою группу в соц. сетях.

14. Публиковать туда свои работы, как только заканчиваю их.

15. Собирать отзывы заказчиков.

16. Писать полезный контент.

17. Группа помогает развеять оставшиеся сомнения заказчика.

Чтобы научиться работать в Тильде, необходимо начать с копирования понравившихся сайтов.

  1. Изучить возможности Тильды . Справочный центр и практические руководства . Цель: знать в каком разделе искать инструменты.
  2. Копировать сайты. Это способ получения навыков разработки. Задача: выбрать 5-7 сайтов и скопировать с максимальной точностью.

Стратегия выхода на рынок

1. Копируем сайты, нарабатываем навык (2 нед)

2. Берем первые заказы, организовываем работу, делаем портфолио, нарабатываем отзывы, работаем по цене заказчика (2 нед.)

3. Поток заказов, качество выше цены, нарабатываем портфолио и репутацию, определяем цену работы (300 грн/час, 2 мес.).

4. Заказов больше, чем можем выполнить, зарабатываем деньги, выбираем проекты (3 мес. от начала деятельности).

5. Избирательно относимся к проектам, берем только дорогие и качественные проекты, поднимаем стоимость работ (1 год после начала)

Альтернативный подход

1. Сотрудничать с веб-студиями в роли подрядчика.

2. 2-3 студии обеспечат заказами.

Необходимые качества

3. Работа на результат.

4. Доводить дела до конца.

5. Работать сфокусировано.

Программы

— Уменьшение изображений, оптимизация по веб.

— Волшебный ластик — удаление фона.

— Размытие и резкость.

— Слой-маски — переход одного изображения в другое.

3. Svg explorer extension — отображение svg файлов в проводнике.

Расширения

1. ColorZilla — определение цвета.

2. WhatFont — определение шрифтов.

3. Emmet Re:vie — проверка адаптивности.

4. LastPass — менеджер паролей.

Сервисы

Учет рабочего времени

• https://toggl.com — расчет стоимости часа работ, доказательство работы для заказчика. Таблица статистики ( Проект/ Стоимость/ Время/ Стоимость часа )

Работа с заказчиками

1. Работать с теми, кто приятен по первому впечатлению.

2. Говорить правду.

3. Соблюдать сроки, отвечать за слова.

4. Поддерживать рабочие отношения, не дружеские.

5. Если клиент что-то просит — говорить “да”.

6. Направлять заказчика, общаться по делу.

7. Работать профессионально.

8. Общаться по проекту там, где мне удобно.

Алгоритм работы с заказчиком

1. Квалификация заказчика.

2. Выяснение подробностей проекта. 3. ТЗ.

4. Договоренность, предоплата.

5. Выполнение работы.

6. Оплата 2 части, обратная связь.

Квалификация заказчика

В месяц нужно 4-5 проектов. Не нужно браться за каждый. Задача понять:

1. Хочу ли работать с заказчиком?

2. Смогу ли выполнить проект?

3. Подходит ли проект по срокам и деньгам?

Вопросы на этапе квалификации:

1. Опишите максимально подробно вашу задачу.

2. К какому крайнему сроку нужно закончить проект.

3. Структуру сайта и тексты предоставите вы, или это с меня?

4. Какой бюджет проекта?

5. Есть ли ТЗ или прототип?

Если заказчик адекватно ответил на все вопросы — переходим к следующему этапу.

Подробности проекта

Управление проектом нужно брать на себя. Давать заказчику задачи с дедлайном.

1. Максимально подробно описать проект.

2. Скидываем каталоги лучших сайтов и просим выбрать ТОП-5: https://land-book.com , https://www.behance.net

3. Спрашиваем, есть ли сайты, откуда можно взять информацию.

4. Спрашиваем, есть ли тексты для сайта.

5. Просим подготовить видео, фотографии, кейсы, отзывы.

1. Это правила, по которым играем с заказчиком. Если правила не установлены -заказчик может их нарушать.

2. Контент можно включать в ТЗ, но не обязательно.

3. Составлять ТЗ в свободном стиле простыми словами.

4. Что должно быть в ТЗ:

— Какие блоки/страницы будут разрабатываться на лендинге/сайте.

— Время работы на каждой страницей

— Стоимость разработки за объем, прописанный в ТЗ

— Порядок оплаты и сроки разработки

— Как будет происходить разработка

Расчет стоимости проекта

1. Рассчитывается исходя из затрат времени на проект.

2. Трудозатраты зависят от скорости работы.

3. Чем выше скорость работы, тем больше стоимость часа.

4. Расчет делаем в 2 этапа:

— приблизительный расчет на этапе квалификации (кол-во блоков * 1 час * стоимость часа * 1,15 = стоимость проекта)

— точный расчет по техническому заданию, исходя из опыта определяем время на каждый блок (дизайн + настройка)

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

Расчет сроков

1. Поблочно по ТЗ рассчитываем количество часов на проект.

2. Прибавляем к рассчитанному времени 25% на согласование, правки, ступор.

3. Рассчитать количество рабочих дней исходя из 4-5 рабочих часов в день.

4. Не забывать про выходные, чтобы не перегореть.

5. Уведомлять заказчика, если не успеваем.

Взаиморасчеты

1. Уверенно называем цену из ТЗ, т.к. есть обоснование.

2. Преоплата 30-50%.

3. Создаем сайт на своем аккаунте, передаем проект только после полной предоплаты.

4. Вторую часть оплаты берем перед привязкой домена и формы оплаты.

Правовые отношения с заказчиком

  1. До оформления ИП можно работать как физ.лицо.
  2. Договор нужен когда расчеты ведутся через расчетный счет.
  3. Работать по договору только по просьбе заказчика. Пример

1. Группа ВК Тильды.

2. Свой сайт и группа в соц.сети.

3. Объявления в группах бизнес направленности.

4. Партнерство с веб-студиями.

6. Контекстная реклама Яндекс и Google.

7. Таргетированная реклама ВК, FB, Instagram.

9. При хорошем выполнении заказы нужно будет искать в течение 1-2 месяцев.

Этапы работы с проектом

1. Подготовка контента для сайта.

2. Создание дизайн-концепции.

3. Разработка дизайна в стандартных и Zero блоках.

4. Адаптация дизайна.

5. Настройка сайта.

6. Тестирование и публикация.

Контент на сайте

  1. Прежде чем начинать разработку, необходимо иметь дизайн будущего сайта: тексты, фотографии, видео, фирменный стиль.
  2. Весь контент оформляется в виде полного или упрощенного прототипа.
  3. Если не умею делать контент, нужно брать заказы, где он подготовлен.

Разработка дизайн-концепции

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

Алгоритм разработки дизайн-концепции

1. Ищем референсы.

2. Придумываем идеи.

3. Подбираем изображения для первого экрана.

4. Подбираем цветовую палитру.

5. Подбираем шрифты.

6. Разрабатываем первый экран.

7. Показываем заказчику.

8. Дорабатываем варианты, пока не согласуем концепцию с заказчиком.

Поиск референсов

2. Собрать референсы. Сохранить понравившиеся элементы в документ.

3. Придумать на бумаге несколько вариантов, выбрать, что понравится больше.

Подбор изображений

1. Ширина изображения на фон — 1680 пикселей

2. Отсутствует пикселизация изображения

3. Форматы jpg, png

4. Каждое изображение оптимизируем под веб

Подбор шрифтов

1. В большинстве случаев шрифтов Тильды остаточно.

2. Для заголовков 36-60 пкс Для текстов 14-18 пкс Подзаголовки 18-24 пкс

Какие стандартные блоки используются

1. Ответы на частые вопросы.

2. Слайдер галереи.

3. Слайдер галереи в поп-ап.

5. Видео в поп-ап.

6. Открытые формы заявки.

7. Формы заявки в поп-ап.

8. Поп-ап карточка товара.

9. Слайдер отзывов.

11. Слайдер партнеры.

12. Блоки из “другое”.

Экраны адаптивности

1. 5 экранов. Адаптируем от большего к меньшему.

2. Наследственность элементов.

3. Сначала весь дизайн, после адаптация каждого блока.

Перед настройкой

1. Адаптацию и настройку страницы делать только после того, как будет полностью согласован Дизайн.

2. Перед адаптацией и настройкой продублировать все страницы. Сэкономит время, если заказчик после настройки решит изменить блок.

3. Сделать по завершению настройки резервную копию в свой аккаунт и аккаунт заказчика.

Адаптация дизайна

1. Только после создания всего дизайна.

2. Не копировать адаптированные блоки для создания новых.

Читать еще:  Найти своё призвание урок самопознания 6 класс

3. Адаптируем от большего к меньшему экрану.

4. Сделав 1 блок, выпишите размеры шрифтов для заголовков и текста.

5. Для тестирования используем сервис Emmet Re:view .

Настройка страниц

1. Создаем всплывающие формы заявки и настраиваем их, привязываем формы к соответствующим формам.

2. Настраиваем якорные ссылки, прописываем их в меню страницы.

3. При необходимости создаем меню с фиксацией.

4. Создаем Поп-ап с политикой конфиденциальности.

5. Настраиваем теги h1 и h2.

6. Внимательно проверяем каждый блок.

7. Название и описание страницы.

8. Бейджик для соц.сетей.

Настройка сайта

1. Загружаем фавикон, если нет — делаем.

2. Подключаем домен по инструкции Тильды.

3. Подключаем приемщик данных.

4. Тестируем на прием заявок.

5. Отключаем галочку “не индексировать” с каждой страницы.

6. Проверяем сайт на ошибки в панели Веб-мастера.

7. Дополнительные фишки здесь

Передача проекта

1. Просим заказчика проверить сайт.

2. Если есть мелкие правки — исправляем.

3. Передать доступ к Тильда-аккаунту или передать сайт на аккаунт клиента.

4. Попросить отзыв.

Что еще просят клиенты

1. Обратный звонок, чат.

2. CRM-системы (подключаем по инструкции Тильды).

3. Яндекс.Метрика, Google Analytics — минимальный набор настроек для клиента.

Курс «Тильда Мастер» — научись работать на конструкторе tilda и зарабатывать от 50000 рублей

1. Общие положения

Настоящая политика обработки персональных данных составлена в соответствии с требованиями Федерального закона от 27.07.2006. №152-ФЗ «О персональных данных» и определяет порядок обработки персональных данных и меры по обеспечению безопасности персональных данных ИП Харюков С.А. (далее – Оператор).

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

2. Настоящая политика Оператора в отношении обработки персональных данных (далее – Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта http://perfect-tilda.ru.

2. Основные понятия, используемые в Политике

1. Автоматизированная обработка персональных данных – обработка персональных данных с помощью средств вычислительной техники;

2. Блокирование персональных данных – временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных);

3. Веб-сайт – совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу http://perfect-tilda.ru;

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

5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных;

6. Обработка персональных данных – любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных;

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

8. Персональные данные – любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта http://perfect-tilda.ru;

9. Пользователь – любой посетитель веб-сайта http://perfect-tilda.ru;

10. Предоставление персональных данных – действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц;

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

12. Трансграничная передача персональных данных – передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу;

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

3. Оператор может обрабатывать следующие персональные данные Пользователя

1. Фамилия, имя, отчество;

2. Электронный адрес;

3. Номера телефонов;

4. Также на сайте происходит сбор и обработка обезличенных данных о посетителях (в т.ч. файлов «cookie») с помощью сервисов интернет-статистики (Яндекс Метрика и Гугл Аналитика и других).

5. Вышеперечисленные данные далее по тексту Политики объединены общим понятием Персональные данные.

4. Цели обработки персональных данных

1. Цель обработки персональных данных Пользователя — Уточнение деталей заказа услуги.

2. Также Оператор имеет право направлять Пользователю уведомления о новых продуктах и услугах, специальных предложениях и различных событиях. Пользователь всегда может отказаться от получения информационных сообщений, направив Оператору письмо на адрес электронной почты kharyukov.serg@gmail.com с пометкой «Отказ от уведомлениях о новых продуктах и услугах и специальных предложениях».

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

5. Правовые основания обработки персональных данных

1. Оператор обрабатывает персональные данные Пользователя только в случае их заполнения и/или отправки Пользователем самостоятельно через специальные формы, расположенные на сайте http://perfect-tilda.ru. Заполняя соответствующие формы и/или отправляя свои персональные данные Оператору, Пользователь выражает свое согласие с данной Политикой.

2. Оператор обрабатывает обезличенные данные о Пользователе в случае, если это разрешено в настройках браузера Пользователя (включено сохранение файлов «cookie» и использование технологии JavaScript).

6. Порядок сбора, хранения, передачи и других видов обработки персональных данных

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

1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц.

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

3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомление на адрес электронной почты Оператора kharyukov.serg@gmail.com с пометкой «Актуализация персональных данных».

4. Срок обработки персональных данных является неограниченным. Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты на электронный адрес Оператораkharyukov.serg@gmail.com с пометкой «Отзыв согласия на обработку персональных данных».

7. Трансграничная передача персональных данных

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

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

8. Заключительные положения

1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты kharyukov.serg@gmail.com.

2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.

Ссылка на основную публикацию
Adblock
detector