Npk18.ru

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

Дизайнер сайтов на тильде скачать

Новая профессия:
дизайнер на Тильде

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

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

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

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

Вместо однобоких подходов — нарисовать красивую картинку или применить эффектную анимацию — дизайнер на Тильде влияет на успех бизнеса.

Дизайнер на Тильде — это история про радость. Даже три.

1. Счастье творчества

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

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

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

2. Никаких «адовых клиентов»

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

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

3. Радость отчуждения

Раньше, сделав сайт на заказ, дизайнер попадал к заказчику в рабство. Через полгода клиент звонил и говорил: «Сайт перестал работать», или: «А можно добавить небольшой раздел на сайт?». И дизайнер не мог ему отказать, потому что если не он, то кто?

Бесконечная история, когда дизайнер вроде бы сдал работу, а потом клиент не заплатил за хостинг и сайт удалился, или нужно внести правки и что-то дополнить, а программист, который верстал все это, пропал. Да и кому хочется возвращаться к старому проекту?

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

Дизайнер сайтов на тильде скачать

Тильдошная

Информация

О компании: Это VK версия Телеграм — канала Тильдошная.

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

Другое

Действия

104 записи Предложить новость

Во вторник Максим Ширко провел крутой мастер-класс по типографике на канале Тильды. Рассказал о подборе шрифтов и принципах верстки текста на сайте.

Посмотрите запись эфира, если пропустили: https://youtu.be/Wx64JEY1wKA

В Тильде в настройках профиля появилась галочка «Участвовать в тестировании новых функций».

Вы знаете, что делать, если хотите пробовать новые фичи первыми

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

Собрали понятные не только программистам разборы по Показать полностью… базовым терминам из Журнала КОД:

Читать еще:  Что нужно знать для работы дизайнером

Что такое домен и как его получить
https://thecode.media/domain/

Зачем нужен хостинг
https://thecode.media/host/

Как устроен интернет: адреса (IP и DNS)
https://thecode.media/dns/

SSL-сертификаты и безопасный интернет
https://thecode.media/ssl/

И сохраните заметку, где мы собрали только определения из статей на одной странице: https://tildoshnaya.com/tpost/ghx0mtorm9-tehnicheskii..

Сделали подборку проектов, которые студенты готовили в качестве первого домашнего задания на курсе Tilda PRO. Крутой факт — многие работы уже попали в официальную подборку #madeontilda. А у ребят осталось еще 2 домашкиПоказать полностью… Сделали подборку проектов, которые студенты готовили в качестве первого домашнего задания на курсе Tilda PRO. Крутой факт — многие работы уже попали в официальную подборку #madeontilda. А у ребят осталось еще 2 домашки

http://fitolabstore.tilda.ws/
http://techwearstore.tilda.ws/
http://plants-design.tilda.ws/
http://olgazonova.com/
http://nikelegend.tilda.ws/
https://ecodecorpro.ru/
https://nikeairforce.xyz/
https://livehome.tilda.ws/
http://exotic-plants.tilda.ws/
http://ogstore.tilda.ws/
http://converse-iconic.tilda.ws/hall-of-fame
http://biere-sainte.tilda.ws/
http://krossovki-store.tilda.ws/

Второй поток обновленного PRO курса стартует уже в понедельник. А в воскресенье в 13:00 пройдет бесплатный вводный урок для всех желающих. Записаться можно здесь: https://tildoshnaya.pro/pro#openlesson

Полезная функция для интернет-магазина — в блоках с единичными карточками товара ST200, ST205, ST210, ST215, ST405, ST500, ST505, ST510 можно подключать позиции из каталога.

Это поможет синхронизировать информацию о наличии, цене и вариантах товара на всех страницах. Для этого просто откройте Контент блока, пролистайте в самый низ и укажите ID товара из каталога. Заголовок, описание, изображения не синхронизируются.

ID вы сможете найти в каталоге, в самом низу панели редактирования товара.

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

Автор статей и 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 дня: один на подготовку контента и прототип, и еще день на верстку в Тильде, оптимизацию и тестирование.

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

Дизайнер-сборщик веб-сайтов на Тильде

Дизайнер-сборщик веб-сайтов на Тильде

Дизайнер-конструктор веб-сайтов на Tilda.cc в студию бизнес-презентаций, зарплата: 50-70 тыс. руб. (можно без опыта)

Мы в http://rocketslides .pro/ создаем бизнес-презентации — в PowerPoint и в виде веб-сайтов. Наши сайты и презентаций обучают, продают услуги и привлекают инвестиции. Другими словами, помогают бизнесу развиваться, оплачивать гениальных специалистов и менять мир вокруг себя.

Мы ищем дизайнеров-сборщиков сайтов на платформе Тильда для удаленной работы. Почасовая оплата из расчета 50−70 тыс. рублей в месяц, точная ставка — по итогам проверки тестового задания.

Условия:
Удаленная работа в молодой команде по часовой ставке из расчета 50 тыс. руб. в месяц в зависимости от уровня.
Успешное решение теста оплачивается вместе с расчётом после прохождения испытательного срока в 50 часов. Часы будут фиксироваться вами самостоятельно, в специальной форме, без установки дополнительных программ. Расчет ежемесячный на карту, расчетный счет в Российском банке или QIWI — ваша зарплата будет зависеть от количества часов, которое вы отрабатываете.

Для работы с нами вам необходимо соответствовать следующим критериям отбора:

— Вы готовы уделять работе с нами по 6-8 часов в день;
— Вы хотите развиваться и быстро обучаемы — даже если вы сейчас чего-то не знаете или не умеете — вы готовы обучаться и понимать с первого раза все необходимые для идеального исполнения задачи элементы, не повторяя одну ошибку по 10 раз;
— Знание конструкторов сайта, шаблонов, умение оперативно всё внедрять;
— Вы обладаете творческим мышлением — вы будете заниматься не только версткой сайта, но и разрабатывать дизайн сайта, учитывая все пожелания клиента;
— Вы внимательны к деталям — самый главный фактор, мы нацелены показывать 100% вашего результата напрямую клиенту, потому очевидные ошибки недопустимы;
— Вы обладаете базовой грамотностью — большинство проектов мы делаем на русском языке, сленг и непонятное изложение недопустимы;
— Вы ответственны — клиент может положиться на вас и быть в вас уверенным;
— Вам важно заботиться о клиенте и о процессе — вы должны понимать, что мы работаем с реальными людьми, что это важно для них. Что эти сайты — их детище, и наша задача — визуализировать его, отразить мысли клиента в слайдах. Необходимо заботится в процессе создания сайта в первую очередь о том, что то, что хочет показать и донести клиент — будет донесено и показано;
— Вы стремитесь понимать клиента и процесс — мы не делаем сайты «вслепую». На любом этапе мастеру необходимо вдумываться в смысл бизнеса клиента и как более ярко и правильно отразить его суть в визуальном оформлении сайта;
— Вы готовы вдумываться в слова клиента и в то, что он хочет добиться своим сайтом — и визуализируете его мысли.

Что нужно будет делать

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

Что будет плюсом

— Художественный вкус, дизайн-образование
— Опыт в веб-дизайне, готовые сайты в портфолио
— Опыт работы с заказчиками
— Внимательность к деталям
— Понимание письменного английского языка

Как вы попадете к нам?
Есть тестовое задание (ниже) с подробными инструкциями и чек-листом. Вы читаете инструкцию, вдумываетесь и делаете тестовое задание, не упуская ничего из инструкции и сверяясь с чек-листом. Вы гарантированно попадете к нам в команду, если успешно справитесь с тестовым заданием. Если мы видим, что вы проигнорировали инструкцию и упустили что-то из чек-листа, то такое задание мы не можем считать выполненным.

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