ЗБАГНУТИ, ЧИ ВАМ
ПІДХОДИТЬ ТІЛЬДА
ЗА 60 ХВИЛИН
ПІДХОДИТЬ ТІЛЬДА
ЗА 60 ХВИЛИН
Розберемо плюси, мінуси платформи Tilda та як працювати із нею для новачка і у парі зі спеціалістом.
рОздІл 1
Огляд платформи Tilda Publishing
Конструктор сайтів Tilda дозволяє за пару годин створювати сайти з професійним дизайном: лендінги, інтернет-магазини, посадочні сторінки чи блоги. В основі інтерфейсу лежить принцип створення сторінок з смислових блоків.
Чому Тільда це хороший вибір
Розглянемо основні переваги Тільди, за які її обирають.
Блочна механіка
Сторінки сайту збираються з блоків. У бібліотеці їх більше 450. Вони розділені на 28 категорій: їх легко змінювати, і додавати.
Шаблони
Дизайнери Tilda створили 180+ шаблонів для швидкої публікації. У списку можна знайти варіанти, які враховують специфіку різних сфер бізнесу.
Адаптація
Наявність якісної адаптації, можливість адаптувати і свій дизайн, переглядати відразу на різних розширеннях і регулювати його.
Zero Block
Zero Block – вбудований візуальний редактор, в якому ми можемо зробити дизайн з нуля, його можна адаптувати для різних екранів вручну. Результат може бути приголомшливим.
Анімацiя
Будь-який з стандартних, а недавно і Зеро-блоків можна анімувати і залучати користувача в сайт краще.
Форми, інші сервіси, CRM
Тільда прекрасно співіснує з іншими сервісами, з якими можна створювати розсилки, збирати дані навіть всередині Тільди.
Вбудована статистика
Ви зможете оцінити ефективність сайту за допомогою статистики в налаштуваннях. Дії в кнопках, заявки – все це зберігається в Тільда.
SEO-оптимізація
Для заголовків, зображень, можна налаштувати SEO-оптимізацію, яка допоможе потрапити на верхні позиції пошукових запитів.
Бібліотека коду Мотільда
Існує велика кількість плагінів і аддонів, які можуть доповнити ваш сайт, реалізувати складніший функціонал. Наприклад такими бібліотеками є Тильдошная, Мотільда.
Над чим Тільді варто попрацювати
Перерахуємо недоліки цієї платформи
Пропорції Zero Block
Висота екрану мобільного телефону в браузері погано вважається, і для того щоб розрахувати її, необхідно прокрутити сторінку до самого низу).
Саме тому іноді елементи в зеро-блоці можуть смикатиcя. Але це можна вирішити, коли ти попереджений про це.
Саме тому іноді елементи в зеро-блоці можуть смикатиcя. Але це можна вирішити, коли ти попереджений про це.
Коли треба більше 500 сторінок
Тільда не розрахована на великі проекти, вона буде працювати повільніше: хоча навіть це можна обговорити з розробниками Тільди.
Можливо тоді краще обрати самописну адмінку і розробку з нуля.
Можливо тоді краще обрати самописну адмінку і розробку з нуля.
Робота з поп-апами
Дуже складно налаштувати попап, якщо ви робите його із зеро-блоку. Але є дуже багато розробок на Мотільді, які допоможуть в тому, щоб зробити попап таким, який вам потрібен.
mo-ti.ru
Мотільда – це сайт із додатками до Тільди, на кшталт готових меню, поп-апів, які можна вставити за допогомою T123 (блок з кодом HTML, CSS, JAVA).
Мотільда – це сайт із додатками до Тільди, на кшталт готових меню, поп-апів, які можна вставити за допогомою T123 (блок з кодом HTML, CSS, JAVA).
Кому підходить Тільда (окрім як усім)
PR, Advertising,
Media
Media
Всі, кому потрібні окремі спецпроекти в стислі терміни, якісно і зроблені без особливих технологічних зусиль і великої команди.
Малий, середній бізнес, бутікові проекти
Кому треба зробити свій сайт і мати можливість його швидко змінювати.
Навчальні центри і курси
Тільда починає бути хорошим інструментом для освітніх можливостей через персональні кабінети.
Що Тільда робить простішим
Де з'економити час, що можна зробити, аби полегшити ведення бізнесу
Розробка сайту коротшає удвічі
Не потрібно мати розробника, щоб зробити сайт: штат людей, необхідних для його створення теж зменшується, що дорівнює скороченню витрат на створення сайту.
Передати керування сайтом легко, можна передати права на адміністрування, підімкнути домен
Тільда доволі легка у засвоєнні, тому наповнення сайтом легко передати для іншого співробітника, а ще через велику кількість шкіл і майстер-класів освіта взазалі не є проблемою.
Змінити у макеті можна все, і ці зміни – блискавично відображаються.
Якщо треба змінити лого, переприв'язати сторінки, швидко повідомити, що товар закінчився, навіть зробити презентацію на лекцію – все це зробити можна дуже швидко.
Мультисервісна платформа
Підімкнути Мейлчімп, Гугл Таблиці, Бітрікс – список сервісів, з якими пов'язана Тільда, дуже великий.
Як жити, якщо ти не спеціаліст, або щось слід зробити дуже швидко?
Роби зі стандартних блоків. Ця лекція виконана на стандартних блоках Тільди.
Роби зі стандартних блоків. Ця лекція виконана на стандартних блоках Тільди.
розділ 3
Критерії успішності сайту до запуску
Аналізуйте сайт як
1
Маркетолог
Чи усунули ми всі перешкоди між покупкою і клієнтом, чи придатний сайт для просування.
2
Бренд-менеджер
Чи ваш сайт не виглядає за стилем відірвано від вашого бренду, як виглядає на тлі конкурентів.
3
Ваш персонал
Чи є інструкції по роботі з цими рішеннями опісля запуску.
- користувач чітко розуміє, що продає цей сайт
- текст максимально короткий і дизайн його розкриває
- маркери стилю бренду чітко помітні і йдуть у симбіозі
- платіжні системи працюють і є підтвердження дій
- мобільна версія присутня і працює
– ви знаєте, що з цим робити далі
- текст максимально короткий і дизайн його розкриває
- маркери стилю бренду чітко помітні і йдуть у симбіозі
- платіжні системи працюють і є підтвердження дій
- мобільна версія присутня і працює
– ви знаєте, що з цим робити далі
Як оцінити сайт на Тільді?
Чек-ліст, як виявити основні помилки сайту як дизайнер.
Шрифти,
типографіка,
орфографія
типографіка,
орфографія
- Відстань від і до заголовка, між блоками не повинна ніде на макеті змінюватися, відстані між колонками, між абзацами не повинна змінюватися.
- Заголовки повинні бути в одному кеглі, підзаголовки в одному кеглі, основний текст в одному кеглі.
- Чи зручний для читання використаний інтерліньяж?
- Чи дотримано ієрархія шрифтів, особливо якщо у нас є списки, переліки, багато інформації в картках?
- Чи немає орфографічних помилок і розривів абзацу в непотрібних місцях, чи правильно ми перенесли слова, щоб текст можна було прочитати легко і швидко.
Кнопки,
стани кнопок,
форми і повідомлення про заповнення форм
стани кнопок,
форми і повідомлення про заповнення форм
- Чи однаковий чи всюди ховер, якщо кнопки з протилежною дією («Підтвердити» і «Пізніше» наприклад) то чи виглядають вони різними.
- Дивимося на розмір елементів: пропорції кнопок не повинні змінюватися.
- Якщо у нас є заокруглення, або тіні - вони на всіх елементах повинні бути однаковими.
- Повинно бути після заповнення форми щось, що вказує, що дані були отримані авторами сайту. Відредагуйте це повідомлення під себе.
Дизайн і загальна
стилістика сайту
стилістика сайту
- Чи в однаковому стилі оброблений фотоконтент, чи не обрізані на ньому важливі частини фотографій (наприклад очі, лоб, кисті рук).
- Іконки повинні бути оптично вирівняні, бути в одному стилі.
- Зроблена адаптація на мобільних пристроях?
- Подивитися, як буде виглядати посилання в Фейсбуці і при індексації в Гуглі
- Чи всі блоки логічно розміщені на сайті, чи немає "перестрибувань" від одного до іншого?
- Чи немає графічного перенавантаження на сайті?
розділ 4
Як почати розробку сайту на Tilda
Почніть з прикладів вдалих сайтів у вашій ніші.
https://tilda.cc/ru/inspire/
Це ресурс Тільди із прикладами готових магазинів і лендінгів на Тільді.
Це ресурс Тільди із прикладами готових магазинів і лендінгів на Тільді.
Розробляємо сайт на Тільді, етапи розробки
Встановіть мету і формат сайту
Ви маленький магазин косметики, і хочете продавати її онлайн. Відповідно мета – "продавати косметику" і вам потрібен інтернет-магазин.
Підшукайте приклади готових сайтів у вашій ніші, проаналізуйте їхні переваги і недоліки.
Підшукайте приклади готових сайтів у вашій ніші, проаналізуйте їхні переваги і недоліки.
Накиньте приблизну структуру
У магазину косметики буде така структура:
- головна сторінка, на якій знизу буде перелік усіх продуктів (скажімо їх 9), а на кожен товар можна не створювати окрему сторінку, а створити картки
- про компанію (поширено)
- окремо шапка сайту
- окремо підвал сайту
- публічна оферта (через платіжну систему)
- заміна та повернення, оплата і доставка.
- 404 (сторінка коли щось не знайдено)
- головна сторінка, на якій знизу буде перелік усіх продуктів (скажімо їх 9), а на кожен товар можна не створювати окрему сторінку, а створити картки
- про компанію (поширено)
- окремо шапка сайту
- окремо підвал сайту
- публічна оферта (через платіжну систему)
- заміна та повернення, оплата і доставка.
- 404 (сторінка коли щось не знайдено)
Напишіть тексти
Почніть з головної, пам'ятайте про логіку розповіді – ми спочатку обіцяємо, розповідаємо про суть обіцянки і потім пропонуємо її укласти і на кінець ще раз запевняємо, чому ми виконаємо свою обіцянку. Потім скоротіть тексти вдвічі, позбавившись від всього зайвого і залишивши лише потрібне.
Зробіть приблизний план блоків на папері (прототип)
Намалюйте, що за чим буде знаходитись спочатку на папері і таким чином ви зможете побачити вже приблизну модель того, що де знаходиться і чи зберігається логіка.
Зробіть все це за допомогою блоків усередині Тільди
Зробіть спочатку версію для комп'ютера і потім перейдіть на мобільну версію і адаптуйте ваш контент і верстку. Записуйте кольори і користуйтеся палітрою всередині Тільди, завантажте шрифти.
Анімація
Проанімуйте блоки, де це буде доречно, подбайте про колір кнопок для підтвердження того, що користувач робить щось вірно.
Опублікуйте, поставте Фейсбук-піксель, налаштуйте форми в CRM
Підключіть домен, назвіть форми правильно, аби розуміти, звідки приходять заявки, не забудьте про оплату тарифних планів.
https://tildoshnaya.com/modification
Це ресурс з анімаціями і додатковими ресурсами, який дозволить зробити кльові анімації і ефекти. Потребує базового розуміння коду.
Це ресурс з анімаціями і додатковими ресурсами, який дозволить зробити кльові анімації і ефекти. Потребує базового розуміння коду.
Як вибрати спеціаліста на Тільді
Де знайти людей, які працюють на Тільді?
На самому сайті TILDA – https://experts.tilda.cc/ru/
Запитайте у спеціаліста
- Який його план роботи та оплати,
- Чи він зробить мобільну версію та адаптацію,
- Чи він пише тексти,
- Приклади робіт
- Чи він зробить мобільну версію та адаптацію,
- Чи він пише тексти,
- Приклади робіт
Оцініть терміни і бюджет
Для розробки лендінгу потрібно близько 2 тижнів зі спеціалістом, магазину – 3-5 тижнів.
Вартість робіт коливається від 300 до 5000+$ за сайт.
Вартість робіт коливається від 300 до 5000+$ за сайт.
Якщо робите самі вперше
На невеликий проект зі стандартних блоків у вас може піти 3-7 днів якщо з нульового рівня входу і 1 день, якщо ви знайомі з такого роду інтерфейсами.
Сфери бізнесів, які обрали сайт на Тільді
Можна подивитися на приклади робіт у різних галузях і зробити висновок про ефективність самому.
Магазини, лендінги товарів та послуг
Студії архітектурного дизайну, інтер'єру, дизайнери
ДЯКУЮ ЗА УВАГУ
Запрошую задавати запитання а також на свої Telegram та Youtube канали із великою кількістю корисного про дизайн.
