Дизайнер сайтов на тильде что это
Обзор конструктора сайтов 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
«Я рад, что команда чаще всего использует для вёрстки статей именно Тильду: это позволяет разместить нужные блоки (подписка, ссылка на соцсети, перелинковка на другие материалы) быстро и именно там, где мне это необходимо. Результат всегда эстетически приятен, что улучшает поведенческие характеристики и в итоге положительно сказывается на ранжировании сайтов».
Полезные функции Тильды для контент-проектов:
В Тильде есть возможность дополнить текстовый контент фото- или видеоматериалами, что делает её удобным решением для публикации книг и лонгридов.
Дизайнер сайтов на Тильде, что это такое, сколько он зарабатывает
Дизайнер сайтов на Тильде – это еще одна Интернет-профессия. В данной статье разберем, что это за специальность, какие обязанности есть у дизайнера сайтов на Тильде, сколько специалист зарабатывает. Кроме того рассмотрим, где обучаться этой профессии и искать работу.
Дизайнер сайтов на Тильде, что это за профессия
Здравствуйте, друзья! Дизайнер сайтов на Тильде – это специалист по разработке визуального продукта, то есть, макетов для будущего сайта. По-другому этого человека называют веб-дизайнером. Эта профессия в основном ориентирована на работу в конструкторе Тильда. Что это такое?
Это своеобразный конструктор сайтов, с помощью которого создаются блоги, подписные страницы, небольшие Интернет магазины и так далее. Здесь от специалиста не требуют знаний программирования, важен только дизайн сайтов. Более подробно о конструкторе Тильда читайте в статье – «официальный сайт Тильда».
Данная профессия действительно востребована. Поэтому есть возможность пройти обучение и стать дизайнером на Тильде. Об этом мы поговорим дальше.
Чем занимается дизайнер сайтов на Тильде
Рассмотрим основные обязанности дизайнера сайтов на Тильде:
На основе перечисленных обязанностей и знаний, выстраивается коммуникация между дизайнером и клиентом. Со временем может возникнуть больше задач, ведь будете сотрудничать с разными клиентами. О том, как это делается, я показывал в статье «Как и где заказывать сайт».
Сколько зарабатывает дизайнер сайтов на Тильде
Если обратиться к сервисам вакансий, то можно увидеть среднюю зарплату дизайнера сайтов на Тильде – это 10 000-80 000 рублей в месяц (скрин 1).
В некоторых вакансиях даже не требуют опыт работы. Достаточно обучиться работе в этом конструкторе и показать свои примеры работ заказчику. Со временем, вы научитесь делать качественные сайты на Тильде и клиенты сами будут к вам обращаться.
Обучение специальности дизайнера сайтов на Тильде
Профессию дизайнер сайтов на Тильде можно освоить в Интернете. Для этого разберем несколько вариантов:
Мы рассмотрели только проверенные площадки, которые помогут вам освоить данную специальность. Обучаясь на вышеуказанных площадках, можно сразу получить работу.
Дизайнер сайтов на Тильде, вакансии. Где найти работу
Здесь покажем, как найти работу специалисту в Интернете. Для этого используем три способа:
В статьях мы рассмотрели, как искать вакансии на сервисах – «Труд ком официальный сайт» и «выбираем вакансии на Джубл». Полученные знания из статьи можете применить на практике. Давайте рассмотрим список сервисов, которые помогут в поиске работы:
Процесс поиска вакансий простой – открываете сервис и пишете название вашей деятельности. После выбора вакансии оставляете заявку или отклик. Когда работодатель с вами свяжется, ему покажете свои работы в процессе собеседования и начнете деятельность.
Работу можно найти в социальных сетях. Для этого используйте специальные сообщества:
Принцип поиска вакансий в группах не поменялся – нажимаете на кнопку поиска и пишете название деятельности (скрин 2).
Далее можете связаться с работодателем и договориться о сотрудничестве.
Но лучше всего работать на биржах фриланса, здесь есть безопасная сделка. В статье мы рассмотрели, «что такое фриланс и как заработать». Вы можете опубликовать услугу на бирже фриланса и принимать заказы от заказчиков (скрин 3).
Есть возможность установить свои цены на услуги и при большом количестве клиентов зарабатывать деньги стабильно.
Заключение
В статье рассмотрен вопрос, кто такой дизайнер сайтов на Тильде, что это за профессия и где можно обучиться данной специальности. Теперь вы знаете, что эта специальность поможет вам начать зарабатывать деньги через Интернет. Главное, нужно разбираться в конструкторе сайтов и качественно разрабатывать дизайн.
Дизайнер сайтов на тильде что это
Подумайте, из каких разделов будет состоять ваш сайт, в чём основная идея и задача. Например, заказчику нужен сайт для архитектурного бюро. На поверхности понимание, что должны быть их работы и контакты. Но мы уточняем: а чем бюро отличается от других?
Оказывается, что бюро специализируется на крупных, сложных проектах и является экспертом в таких заказах. Делаем вывод, что недостаточно просто хороших картинок с подписями, нужен текст — довольно подробные описания исходных данных, процесса, объяснения и обоснования решений. Также мы понимаем, что проектов много, но показывать все необходимости нет. Концентрируемся на самых масштабных. И еще момент, нужно рассказать о людях, объяснить, почему они эксперты в своем деле.
Не уходите в сторону анимации, украшательств и спецэффектов, определите сверх идею, суть — что затронет посетителя эмоционально, что его впечатлит и вдохновит.
Разработка лендинга для школы дизайна. Страница должна объяснить будущим студентам и их родителям кто такой дизайнер.
Проблема: Школьники хотят быть дизайнерами, но зачастую не понимают специфику профессии, какие есть направления в дизайне, чем они отличаются.
Задача: Помочь будущим студентам разобраться в специализациях и понять какая именно им подходит.
Идея: Что если выделить несколько основных направлений дизайна: интерактивный дизайн, графический, промышленный и взять интервью у трёх самых крутых представителей? Личные истории очень эмоциональны и хорошо работают. Рассказать чем они живут, как добились успеха, добавить классные фотографии. Людям будет интересно прочитать, они для себя увидят, что это за человек, близок он, вдохновляет ли его образ жизни.
Откройте текстовый редактор и запишите структуру в виде списка. Оцените объем и подумайте можно ли будет уместить всю информацию на одной странице. Если информации много, то сайт нужно сделать многостраничным. В этом случае подумайте какие разделы вынести в меню.
Нюанс: не пишите главную страницу как начало «дерева». Пусть страница «контакты» будет иметь тот же уровень, что и «главная». Это поможет, когда вы будете делать навигацию.
Новая профессия:
дизайнер на Тильде
Дизайнер на Тильде — это человек, который совмещает в себе несколько профессий. Конечно же, ему приходится думать о красоте. Но эта красота должна доносить четкое и осмысленное сообщение, полезное для бизнеса.
В конце концов деньги платит бизнес, а он делает их не из воздуха. Сайт — это инструмент продаж и развития бизнеса. Поэтому у дизайнера на Тильде больше ответственности, он исследует разные сферы, чтобы построить эффективную коммуникацию. Визуальный дизайн, интерфейсы, пользовательский опыт, брендинг, айдентика, работа с текстом, маркетинг, SEO, продажи, — то, чем интересуется дизайнер на Тильде, чтобы его работа была укреплена со всех сторон.
Быть хорошим психологом — это тоже навык дизайнера на Тильде. Люди не всегда могут сформулировать, почему они хорошие и чем их дело лучше конкурентов. Поэтому грамотный дизайнер изучает бизнес клиента, ищет проблему и думает как ее решить.
Сейчас многие бизнесы завязаны на дизайне и коммуникации, продажи идут через интернет. Дизайнер на Тильде может быть экспертом и присоединяться к успеху начинающего дела, помогая выбрать хорошее решение.
Вместо однобоких подходов — нарисовать красивую картинку или применить эффектную анимацию — дизайнер на Тильде влияет на успех бизнеса.
Дизайнер на Тильде — это история про радость. Даже три.
1. Счастье творчества
Когда я начинал быть дизайнером, мне очень нравился дизайн сам по себе — это красиво, радует глаз, вдохновляет. Но постепенно технологии усложнялись и создание сайтов превращалось в борьбу с багами и программистами.
Дизайнер что-то нарисовал, его макет сначала испортил верстальщик, затем контент-менеджер загрузил какую-то ерунду, а потом еще пришел SEO-шник и искалечил ключевыми словами. От первоначальной радости — творить красоту — дизайнер получал ноль. Он не мог гордиться своей работой и часто в портфолио показывал не реально работающий сайт, а вымышленный. Это было уныло: со всех сторон все дизайнера подводили.
А дизайнер на Тильде — это счастье. Наконец-то можно контролировать работу от начала до конца. Не зависеть от какого-нибудь программиста на WordPress, а создавать и реализовывать проекты самостоятельно.
2. Никаких «адовых клиентов»
Создание сайта — сложная технология: нужно нарисовать макеты нескольких страниц, согласовать с верстальщиком, он должен написать код. На это уходит время и ресурсы нескольких людей. Когда сайт готов, у заказчика всегда есть правки — как обычный человек он что-то упустил и не учел. Для каждой правки нужно снова запускать технологическую машину, а это дополнительные расходы, которые не учтены в бюджете.
Тильда избавляет от этого. Правки вносятся быстро, программиста задействовать не нужно. Нет лишних звеньев — меньше нервозности. С клиентом можно общаться спокойно, не оценивая судоржно его пожелания в программисточасах.
3. Радость отчуждения
Раньше, сделав сайт на заказ, дизайнер попадал к заказчику в рабство. Через полгода клиент звонил и говорил: «Сайт перестал работать», или: «А можно добавить небольшой раздел на сайт?». И дизайнер не мог ему отказать, потому что если не он, то кто?
Бесконечная история, когда дизайнер вроде бы сдал работу, а потом клиент не заплатил за хостинг и сайт удалился, или нужно внести правки и что-то дополнить, а программист, который верстал все это, пропал. Да и кому хочется возвращаться к старому проекту?
Теперь же можно спокойно оставить заказчика с сайтом один на один: он сможет самостоятельно поддерживать сайт или найти другого дизайнера на Тильде, который с радостью возьмет подработку.
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Сразу отметим, что данный материал ни в коем случае не является рекламным, а представляет из себя анализ Тильды, как решение для бизнеса.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Рассмотрим параллельно 2 ситуации, которые могут показаться разными, но по факту объединены одним и тем же.
1. Заказчик не имеет серьезного бюджета, но ему срочно необходим небольшой сайт для мероприятия, которое стартует уже в конце недели.
2. Заказчик имеет серьезный бюджет, но у него отсутствуют амбициозные задачи и в целом планы на будущий сайт. Сроки не превышают 14 дней, но для простоты понимания давайте приведем также к 7 дням.
Задача
По факту перед нами стоит задача, как сделать симпатичный MVP-проект, в срок не превышающий 7 дней.
«Да, давайте здесь не будем заострять внимание и формировать представление, что вся web-разработка такая же быстрая и не затратная. В данной ситуации разбираются частные случаи, чтобы показать, что даже казалось бы в безвыходной ситуации есть решение»
День 1. Подбор референсов и обсуждение проекта
Для экономии времени и ресурсов приступаем к аналитике, но акцентируем внимание только на самых важных моментах, а именно:
какова будет общая концепция продукта;
какие есть конкуренты и что они из себя представляют;
Что нравится целевой аудитории;
что из референсов может лучше всего подойти.
Конец дня ознаменовывается обсуждением выбранных решений с заказчиками. На каждый из этапов тратим примерно по 2 часа.
День 2. Прототипирование
День 3-4. Дизайн
На данном этапе делаем акцент, выделяя под него 2 суток. Так как он является самым основным в рамках работы на Тильде. Определяемся с 3 наиболее интересными и продуманными работами в данной нише, предварительно все это согласовав с заказчиками. Первый день занимает подбор и поиск будущих элементов сайта, а именно:
иные визуальные элементы, которые нельзя отнести к чему-то конкретному, но от этого они не становятся менее важными
Все должно быть объединено общей идей, сочетаться между собой, что также отсылает нас к проработке первичной логики по которой уже идет дальнейший отбор элементов. На чем первый день удачно заканчивается. Собрав бэкграунд элементов, вспоминаем о тех исходных работах, которые мы взяли, как ориентир. После чего объединяем удачные идеи этих сайтов с теми элементами, что мы нашли, находясь в свободном плавании на ресурсах для дизайнеров.
День 5. Верстка
День 6. Подключение домена
День 7. Видео инструкции и обучение заказчика
Для этого записываем видеоинструкции:
как добавлять контент;
Как редактировать текст и менять изображения;
Как пользоваться панелью администратора
Где они уже самостоятельно сможет все настроить, повторяя шаги из видео.
Вывод
самозанятые или у вас небольшой стартап, когда нет уверенности в бизнес-модели;
Экономия на более чем половине команды разработчиков, отсекая программиста и верстальщика. Используя при этом 2-3 пары рук квалифицированных специалистов, позволяет получить продукт за весьма скромный бюджет, досягаемый для многих, кто развивает свое дело.