Пройдите тест и получите расчёт стоимости сайта
Отлично! Теперь мы готовы к диалогу :)
1. Какой сайт Вам нужен?
2. Есть ли у Вас фирменный стиль?
3. Адрес имеющегося сайта (если он у Вас уже есть)
4. Кто будет посетителями Вашего сайта
5. Комментарии и пожелания
Хотите сайт?
Напишите свое имя и номер телефона. Мы свяжемся с вами и уточним детали.
Нажимая кнопку «Отправить», Вы соглашаетесь с политикой обработки персональных данных
ГАЙД

Ты — дизайнер по брендингу в Молнии

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

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

Насмотренность - каждый день смотри, составляй муд борды, узнавай о новых трендах, тем больше узнаешь, тем больше у тебя поле для творчества
Этапы работы
Вся работа по брендингу в Молнии делится на три этапа.

1. Дизайн-концепция.
Три варианта логотипа с фирменным стилем.

3. Разработка.
Разработка остальных носителей необходимых клиенту.

4. Сдача проекта.
Завершающие согласования, передача исходников, проверка работы.

Менеджер по работе с клиентами подключает тебя к работе над проектом.
Он лично встретится с тобой и поставит задачу.

Подбираем референсы
Референсы - кейсы, которые подходят для конкретного проекта.

Иногда клиент сам подбирает примеры. Там понравился шрифт, там - знак.

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

Как подбирать референсы?
В них должны быть интересные идеи, шрифты, верстка. Не обязательно, чтобы эти сайты были по тематике проекта. Выбирать референсы можно по цветам, шрифтам, интересной анимации, и так далее.

Оптимальное количество референсов для сайтов - пять-семь. Большее количество может утомить клиента, меньше - не дать достаточно информации о том, в каком стиле стоит работать.

Менеджер по работе с клиентами согласовывает подобранные тобой референсы.

Пример:

IT-компания предоставляет услуги от консалтинга и заканчивая полным решением под ключ.


1. https://www.behance.net/gallery/116636963/itio-it-company?tracking_source=search_projects_recommended%7Cit
Лаконичный знак, динамичный, градиент добавляет знаку иллюзию движения и делает его более красочным и интересным. Фирменные элементы вызывают ассоциации с технологичностью, свечением экрана.

2. https://goldkant.de/
Сдержанные цвета, чистота, минимум декоративных элементов и анимации оставляют достойное впечатление. Также интересно выглядит сдвиг стоящих рядом фотографий.

3. https://thega-group.com/
Верстка, напоминающая журнальную, крупные заголовки и фотографии, на фоне которых основной текст заметен, но не выделяется слишком сильно. Не напоминает документ.

Два пути:

1. У клиента есть свой собственный фирменный стиль, со шрифтами, цветами и прочим. В этом случае не нужно подбирать референсы.

2. У него нет фирстиля и он говорит: “Я не знаю. Порекомендуйте что-нибудь”. В этом случае ты отталкиваешься от референсов. Например, где-то ему понравился строгий шрифт, ты и выбираешь строгий, без завитушек. По цветам - тоже отталкиваешься от сферы клиента. Похоронной компании не нужен яркий дизайн. Фестивалю индийских красок не нужен черно-белый.

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


ВАЖНО!
Перед отправкой референсов клиенту, они одобряются арт-директором
Разрабатываем дизайн-концепцию
Менеджер согласовал референсы с клиентом.
Ты приступаешь к работе над концепцией. Это наброски того, как должен выглядеть сайт.

Почему мы не делаем весь сайт сразу?
Мы экономим время. И клиента, и студии.
Дизайн-концепция разрабатывается на трех блоках из прототипа.

Пример прототипа
Это - чистое творчество. Руководствуйся референсами и своим вкусом.
Как правило, за шрифтами и фотографиями мы обращаемся к бесплатным базам и стокам.

Ты подбираешь шрифты:

fonts.google.com - шрифты от гугла самый верный способ найти хороший шрифт с бесплатной коммерческой лицензией.
webfonts.pro - сайт с множеством шрифтов в различных начертаниях. Есть как платные, так и бесплатные, нужно быть осторожным и проверять наличие коммерческой лицензии.

Не забудь, что в тильде используется формат woff.

Затем - цвета.

Ты наполняешь концепцию фотографиями и анимацией.

ru.freepik.com- большая библиотека изображений с бесплатным коммерческим использованием. Есть как векторный формат, так и растровый.
unsplash.com- большой фотосток с изображениями в хорошем качестве.
www.flaticon.com- большая библиотека иконок
giphy.com - сток с гифками
undraw.co/illustrations - иллюстрации
ВАЖНО!
Не используй фото из google!
На все шрифты и фотографии должна быть коммерческая лицензия. Желательно — бесплатная.
Как придумать идею?
Технически - никак.
С нуля ты точно ничего не придумаешь.
А значит, все зависит от твоего опыта и насмотренности.

Как набраться опыта?
Смотри референсы.

Behance, dribbble, made on tilda. Awwwards. Так как в большинстве случаев это сайты, сделанные с помощью кода, не все возможно повторить на Тильде, поэтому в первую очередь стоит обратить внимание на madeontilda

tilda.cc/ru/madeontilda- made on Tilda
www.awwwards.com - awwwards
dribbble.com- dribbble
www.behance.net - behance

СМОТРИШЬ СМОТРИШЬ СМОТРИШЬ.
Смотришь как сделаны эти сайты. Почему авторы использовали именно эти шрифты и цвета. Начинаешь разбирать и разбираться.
ВАЖНО!
ВО ВРЕМЯ ПРОСМОТРА, ДУМАЙ, КАК ЭТО МОЖНО РЕАЛИЗОВАТЬ НА ТИЛЬДЕ.
Набираешь список. Прописываешь для менеджера под каждым сайтом, что тебе конкретно приглянулось. Стилистика сайта, цветовая гамма, можно указать детали на конкретном блоке и т д


ПЕРЕД НАЧАЛОМ РАБОТЫ
Обсуди с менеджером по работе с клиентами проект.
Что это за проект?
Чем занимается клиент?
Чего он хочет от проекта?

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

ПЕРЕД ЗАВЕРШЕНИЕМ РАБОТЫ
Поговори с менеджером по работе с клиентами. Расскажи ему, почему ты выбрал именно такую концепцию, где в этой концепции отражены референсы, и в чем состоит ее идея.

Сайты на Тильде строятся на основе двух типов блоков.
ЗЕРО (уникальный, нулевой) - блок, который ты делаешь вручную. Это как страница в фотошопе.

СТАНДАРТНЫЙ - шаблон в Тильде. У него есть много ограничений. Картинка будет здесь, слово будет здесь. Максимум - меняется цвет, шрифт, размеры.
Лайфхак: Так же можно комбинировать стандартные и зеро-блоки. Функционал тильды позволяет накладывать один блок на другой, если в строке overflow поставить значение visible и убрать высоту блока. Тогда один блок наложится на другой. Такой способ можно сочетать с блоками, в которых много пустого места, например с квизами, или с часто задаваемыми вопросами. А также обыгрывать это какими-то декоративными элементами.

Таким образом, например, сделан сайт thalassolab.com. Стандартные блоки с видео и результатом обыграны листьями, что сильно оживляет дизайн.
Главный блок должен иметь размеры grid container height: 700 и window container height: 100. Первый параметр - высота блока, оптимальная для всех размеров ПК, в котором должен помещаться контент. Второй параметр позволяет растянуть фон блока на весь экран, вне зависимости от размеров.

Для остальных блоков важен только параметр grid container height. Но и он может меняться в зависимости от количества контента на блоке, параметр window остается незаполненным.

После разработки концепции, она презентуется клиенту. Это — работа менеджера. Ты подключаешься к презентации редко, в тех случаях, когда менеджер по работе с клиентами не справляется с презентацией.
Твоя задача на презентации - четко объяснить, почему ты применил то или иное решение.
ВАЖНО!
ДИЗАЙН-КОНЦЕПЦИЮ УТВЕРЖДАЕТ АРТ-ДИРЕКТОР!
Клиент вносит правки
Если клиенту не нравится твоя дизайн-концепция, ты ее переделываешь.

Относись к этому философски. Принят дизайн или нет - зависит только от вкуса клиента. И не зависит от твоих профессиональных качеств.
Приступаем к дизайну
ПЛАНА РАБОТЫ В ДИЗАЙНЕ НЕТ. НО ЕСТЬ ПРАВИЛА.
Первые три блока, входящие в дизайн-концепцию, ты не меняешь.

Заголовки должны быть одного размера. Если у тебя заголовок в одном блоке 20, в другом он не должен быть 22.

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

Следи за тем, чтобы все было идеально ровно. До каждого пикселя.

Работа с карточками и рамками.
Чем крупнее шрифт, тем больше рамка.
Когда есть текст в карточках, со всех сторон должно быть одинаковое расстояние. Не нужно бояться давать пространства вокруг. Лучше дать больше воздуха, чем зажать текст. Расстояния желательно не меньше 50px.

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

Заголовки на следующем разделе должны быть ближе к контенту, чем к краю блока. Иначе они будут визуально относиться к предыдущему блоку.
Лайфхак: если используется много стандартных блоков, то проще всего будет работать, если увести поля вокруг блока в ноль и поставить между ними пустой зеро-блок в цвет фона. Тогда на этапе адаптива расстояния можно будет регулировать.
Если используются векторные изображения, используется расширение svg. Если растровые: прозрачный фон - png, цельные фото - jpeg. png тяжелее, а визуально для фотографии разницы нет.

svg легкий, векторный, основан на математических моделях. Он растягивается сам, каким бы большим бы ты его не делал.

Логотип - в svg.
Если логотип в векторном формате отсутствует, то используем png. Мы используем jpeg ТОЛЬКО В КРАЙНЕМ СЛУЧАЕ.

К логотипу необходимо добавить ссылку на главную страницу сайта, для этого просто поставить слэш - “/”

Надо не забывать про анимацию. Если используется параллакс эффект, то базовую анимацию не использовать, а делать через степ бай степ (пошаговой). Это необходимо из-за разницы функционала - если в пошаговой есть конкретная точка на странице, от которой идет отсчет анимации, то базовая привязывается к месту, на котором находится элемент во время обновления страницы.

Подробнее: https://www.youtube.com/watch?v=WVT0OxsSdwk

Конструктор карт

Если в стандартном блоке можно вбить координаты точек, то для зеро-блока потребуется конструктор карт.

В Яндексе есть отдельная страница “Конструктор карт”.

https://yandex.ru/map-constructor

При получении кода необходимо скопировать код из окошка iframe, после чего идем в зеро-блок, создаем внутри html элемент, в него вставляем скопированный код и заменяем показатели width и height на 100%. После этого html элемент располагаем так, как должна находиться карта и опубликовываем страницу.

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

Если висячий предлог не убрать текстовой рамкой, то не надо его переносить с помощью enter - тогда ломается верстка на мобильных устройствах. Для переноса необходимо использовать неразрывный пробел, который вставляется вместо пробела между словами - #NBSP; (прописными буквами, иначе он не будет работать)

Пример:

Без неразрывного пробела:

Выберите, как мы можем вам
помочь, и оставьте заявку. Мы
свяжемся с вами, уточним
необходимые детали и назначим
время выполнения услуги.

Вставляем неразрывный пробел: (в режиме редактирования в уникальных блоках комбинация #NBSP; заменяется на маркер - )

Выберите, как мы можем
вам помочь, и оставьте заявку.
Мы свяжемся с вами, уточним
необходимые детали и назначим
время выполнения услуги.

Ссылки на страницы, находящиеся внутри сайта (не сторонние источники) необходимо прописывать без доменного имени - т.е “/newpage”, иначе при смене домена навигация может не сработать.

Так же для навигации в меню используются не ID блоков, а якорные ссылки (стандартные блоки), иначе при изменении блока или копировании страницы навигация перестанет действовать. Якорные ссылки прописываются в формате #newsection

Если есть навигация по лендингу и дополнительная страница, где необходимо меню, то ссылки прописываются как /#newsection

Подвал сайта обязан содержать в себе ссылки на политику конфиденциальности, а также копирайт, подтверждающий защиту авторских прав по типу © 2020. «Название фирмы» или © 2020. Все права защищены.
По-умолчанию ставим шильдик “Сайт запустила Молния”, который впоследствии клиент может попросить убрать. Ширина его должна быть 80px, цвет — в гамме сайта.

Остальное зависит от пожеланий клиента и функционала сайта.

НЕ ЗАБЫВАЙ НИЧЕГО!
ШРИФТЫ
КНОПКИ С РАССЫЛКОЙ
АДАПТИВ
и прочее...

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

После этого ты либо возвращаешься к дизайну, либо переходишь к адаптиву.
Делаем адаптив
Ты делаешь адаптив для 4 устройств. Мобильный телефон вертикально/горизонтально, планшет Верт/горизонт. У каждого есть своя сетка, важно не выходись за пределы сетки.

Высота блоков Grid container height:

На ПК: 700 пикс.
На планшетах горизонтальный: 700
Планшет вертикальный: 900
Телефон горизонтальный: 450
Телефон вертикальный: 550

Это самые оптимальные размеры.

Когда есть текст в карточках, со всех сторон должно быть одинаковое расстояние. На мобильных устройствах ширина может быть поменьше - 30-40px.

НЕ БОЯТСЯ ДАВАТЬ ВОЗДУХА.

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

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


Лайфхак: Иногда стандартные блоки в адаптиве могут выравниваться по центру, хотя на ПК все стоит по левому краю. Для исправления надо нажать на текстовый блок прямо на странице редактирования, выделить весь текст и в панели инструментов нажать выравнивание по левому краю. Тогда и в адаптиве текст встанет на нужное место.
Проводим пуско-наладочные работы
Чек-лист для пуско-налачных работ:

1. Фавикон, во всех разрешениях - ico, png 270px, 152px.
2. Бейджи на все страницы
3. Код для рейтинга рунета: <meta name="cmsmagazine" content="7e3d0d765b975ded1b74a743d635c2d7" />
4. Идентификатор разработчика: j4dtsc24vt
5. 404 страница
6. Политика конфиденциальности
7. Почта для отправления заявок, если необходимо, то оплата, доставка и т.п.
8. Во всех формах прописать имя формы.
9. Проставить заголовки h1, описание к странице
10. Ключевые слова
11. Метрики яндекс, гугл
12. Домен
13. Почистить страницу от лишних блоков и элементов.

А теперь обо всем по порядку.

1. Фавикон
Иконка, которая отображается во вкладке сверху. Она нужна для того, чтобы клиент ориентировался по вкладкам браузера.

В Тильде есть ссылка на конвертер изображения в формат ico. png делаем сами в любом редакторе. При создании фавикона учитывайте темную и светлую тему сайта. Делай так, чтобы фавикон было хорошо видно в обеих версиях.

Для того, чтобы поставить иконки надо пройти в настройки сайта → SEO → РЕДАКТИРОВАНИЕ ИКОНОК (FAVICONS).

2. Бейдж
Карточка, которая будет всплывать, когда ты делишься ссылкой.

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

Бейджик ставится в настройках каждой страницы, во вкладке «Бейджик».

3. Код для рейтинга рунета
Здесь все понятно - используется для индексирования страницы в рунете.
Прописывается в «head» в настройках главной страницы → дополнительно.

4. Идентификатор разработчика
Необходим, чтобы сайт присваивался конкретной студии на Тильде. Позже эти работы появятся списком на experts.tilda.cc/flashfamily

Ставится в настройках сайта, во вкладке «ещё», строка «идентификатор разработчика сайта»

5. 404 страница
Страница, сообщающая, что сервер не может найти страницу, согласно запросу.

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

Ставится в настройках сайта, во вкладке «ещё», строка «404 страница»
6. Политика конфиденциальности
Конструктор политики конфиденциальности:
tilda.cc/ru/privacy-generator

Создается страница с ссылкой /policy.
У клиента через менеджера запрашивается официальное юридическое название/ип, почта, доменное имя и заполняется по этому шаблону в стилистике сайта. В стандартный текстовый блок нужно закинуть текст, отредактировать, в конец добавить кнопку “Вернуться на главную”.

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

Примеры оформления:
bulkerdostavka.ru/policy
diakids.club/policy
https://flashfamily.ru/policy

Так же, если это интернет-магазин, то странице ОБЯЗАТЕЛЬНО необходима страница «Доставка и оплата».

ПРИ ЕЕ ОТСУТСТВИИ САЙТ МОГУТ ЗАБАНИТЬ НАВСЕГДА!

Информацию для этой страницы необходимо запросить у клиента. Как правило это реквизиты компании/ИП, контакты, информация о способах оплаты, способах и нюансах доставки и т.п. Оформляется страница так же, как и политика конфиденциальности.

Примеры:
bulkerdostavka.ru/delivery
vitalmask.ru/delivery

7. Почта для отправления заявок, если необходимо, то оплата, доставка и т.п.
Подключается в настройках сайта, во вкладке «Формы»

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

Если это зеро блок, в нем будет большая черная кнопка Services. Там будет такая же галочка с подключением формы и других сервисов.
Оплата и доставка подключаются через вкладку «Платежная система». Здесь же заменяется знак валюты, если это интернет-магазин.
ВАЖНО! Сокращение рублей как: «р.» неккоректно. Если в интернет-магазине используются рубли, то они прописываются либо как знак рубля - ₽, либо сокращение «руб.»
8. Имя формы
Используется для навигации клиента в разделе заявок.

В стандартном блоке проставляется в настройках блока сверху, в строке с названием «название формы»,
В зеро-блоке - в настройках элемента, в строке с названием «formname»

9. Заголовок Н1
Самый главный заголовок на главном экране. В зеро блоке он проставляется внизу, с помощью строки TAG → H1

В стандартных блоках он проставляется в строке «SEO: Тег для заголовка»

10. Ключевые слова.
Прописываются в настройках страницы → Facebook and SEO → Задать специальные meta-данные → Ключевые слова.
Это 3-4 основных словосочетания, по которым может клиент может найти сайт в поисковике.

11. Метрики Яндекс и Google
  1. Клиент присылает код. Ты вписываешь его в «Настройка сайта» → «Еще»→ HTML- КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD. Там будет кнопка «Редактировать код». Вставляешь, сохраняешь, прееопубликовываешь все страницы.
  2. Клиент присылает номер счетчика. Мы вставляем его в «Настройки сайта» → «Аналитика».
  3. Клиент присылает доступы к Яндекс или Google аккаунту:
http://help-ru.tilda.ws/statistic/yandex-metrika
http://help-ru.tilda.ws/statistic/google-analytics

12. Домен.
Здесь все зависит от клиента. И сервиса, на котором он приобрел домен.
http://help-ru.tilda.ws/customdomain

13.Убрать «Мусор»
Не забыть почистить страницы от скрытых блоков и от скрытых элементов.
Передача проекта клиенту
В настройках сайта есть вкладка “Действие” → “Передать сайт”.
Вводишь почту, к которому прикреплен аккаунт Тильды клиента.
Передаешь сайт.

В случае, когда возникает ошибка “Нет места”, сообщаешь об этом менеджеру.

ПОСЛЕ ПЕРЕДАЧИ САЙТА.

В настройках сайта есть вкладка “Еще” → PLATFORM LABEL → “Не выводить значок Тильда”.

Проверяешь, нормально ли функционирует сайт, не сбились ли блоки.

Если у тебя остались вопросы, ты можешь в любой момент задать их вот этим людям:

КОНТАКТЫ НА СТУДИИ:
Полезные сайты:
youtube.com/c/Flashfamily - ютуб-канал школы Молнии

ezgif.com - конвертирует видео в гиф. Там же можно уменьшить размер и количество кадров полученного изображения.

khroma.co - сайт с цветовыми палитрами

imagecompressor.com- уменьшение веса растровых изображений без потери качества

svgoptimizer.com - уменьшение веса векторных изображений.

image.online-convert.com - конвертер изображений в другие форматы

Словарь дизайнера
Пользовательский путь
Навигация
Header
Footer
Tone of voice
А/Б-тестирование - метод маркетингового исследования, суть которого заключается в том, что контрольная группа элементов сравнивается с набором тестовых групп, в которых один или несколько показателей были изменены, для того, чтобы выяснить, какие из изменений улучшают целевой показатель. Разновидностью A/B-тестирования является многовариантное тестирование. В этом случае тестируются не два целостных варианта, а сразу несколько элементов продукта или составных частей исследуемого объекта в различных сочетаниях, при которых каждый тестируемый элемент может быть двух видов (A или B).
Адаптивность - способность сайта подстраиваться под все виды устройств.
Блок лендинга (экран) — Элемент страницы сайта, каждый из которых содержит одну смысловую единицу (портфолио, как мы работаем, контакты).
Бриф – встреча с клиентом для обсуждения проекта.
Веб-форма на сайте - это поля, предназначенные для заполнения, а также списки и переключатели, которые позволяют пользователю выбрать один или несколько элементов. Форму можно использовать для того чтобы получать сведения от посетителей сайта. К примеру, с помощью web-формы можно осуществлять сбор персональных данных, сведения о заказах, сведения, которые необходимы для выставления счета, способах доставки и так далее. От посетителей требуется внести различного рода информацию в поле формы.
Воронка - это набор этапов прохождения клиента до совершения сделки (первичный контакт / обработка / принятие решения)
Гамбургер - иконка меню.
Дизайн-концепция — первые три блока главной страницы сайта (или лендинга) для презентации общего направления дизайна сайта в целом.
Домен - это адрес веб ресурса в сети интернет. К примеру, у нашего сайта “Молния” доменное имя выглядит - flashtilda.ru.
Ка́пча — компьютерный тест, используемый для того, чтобы определить, кем является пользователь системы: человеком или компьютером.
Кейс - элемент портфолио. Каждый выполненный продукт.
Конверсия - это отношение числа посетителей сайта, выполнивших на нём какие-либо целевые действия (скрытые или прямые указания рекламодателей, продавцов, создателей контента — покупку, регистрацию, подписку, посещение определённой страницы сайта, переход по рекламной ссылке), к общему числу посетителей сайта, выраженное в процентах. Например: у вас имеется интернет-магазин по продаже какой-либо продукции. Допустим, что в сутки на него заходит 500 уникальных посетителей. В течение этих суток в вашем магазине совершается 7 разных покупок. В данном случае процент конверсии посетителей и покупателей равен (7 покупок/500 посетителей)*100=1,4 %.
Контент - любое информационное наполнение ресурса.
Копирайтер – специалист по составлению текстов на студии.
КП (коммерческое предложение) — документ, в котором прописаны предстоящая работа, цена, сроки исполнения и цели работы.
Лендинг (одностраничник) - веб-страница (одностраничный сайт), которая содержит информацию о товаре или услуге, переход на которую обычно осуществляется из рекламного объявления. Состоит из блоков/экранов/слайдов, каждый из которых содержит одну смысловую единицу (портфолио, как мы работаем, контакты).
Лид - потенциальный клиент, который каким-то образом отреагировал на маркетинговую коммуникацию (оставил заявку на сайте / написал в чат / позвонил по телефону).
Ошибка 404 - страница, которую выдает сайт, если не может найти запрашиваемую страницу
Подвал сайта (footer) - это нижняя часть сайта, подвал (навигация внизу сайта - адрес,контакты и т.д.)
Поп-ап (pop-up) - Всплывающее окно с формой заявки на сайте, открываемое после нажатия на кнопку, пример: “заказать звонок”, “записаться на консультацию”.
Призыв к действию - объясняет смысл продукта и направлен на то чтобы клиент сделал покупку/оставил заявку.
Прототип - структура сайта, для формирования понимания какие страницы будут на сайте, порядок блоков и контент на них. Создается перед разработкой дизайна сайта.
Референс - дизайн сайта в целом, или его составная часть (шрифт, цветовое сочетание, иллюстрации), который подбирается до реализации дизайна и согласовывается с клиентом. На основе референсов в дальнейшем создается дизайн-концепция сайта.
Скролл - пролистывание.
Тильда - модульный конструктор сайтов, позволяющий создавать дизайн сайта как из готовых блоков, так и созданных с нуля.
Трафик - В онлайн бизнесе это регулярный поток посетителей на данном сайте.
УТП - Уникальное Торговое Предложение, согласно первоначальной теории, состоит из трёх частей (подразумевается применение одновременно всех пунктов утверждения): 1. Каждое рекламное сообщение содержит обращение к покупателю с обещанием конкретной выгоды. 2. Предложение сформировано таким образом, что конкурент либо не может его дать, либо не успел выдвинуть ранее. 3. Предложение должно иметь большую силу, чтобы привлечь к себе как можно больше потребителей.
Хостинг - физическое местонахождение вашего сайта. Тильда сама по себе уже является хостингом.
Шапка сайта (header) - верхняя часть сайта (навигатор по сайту), содержащая логотип, меню сайта, и вариативно контактные данные (телефон / кнопка “заказать звонок”).
Яндекс.Директ — рекламная система, с помощью которой вы можете размещать контекстные объявления на страницах Яндекс.Поиска и на партнёрских сайтах Рекламной сети. Объявления в Директе показываются исключительно тем людям, которые уже заняты поиском похожих услуг и товаров на Яндексе и других сайтах. Размещая рекламу в Яндекс.Директе, вы платите не за показы объявления на странице поиска или на партнёрских сайтах, а за клики по объявлению.
Яндекс.Метрика - бесплатный интернет-сервис компании Яндекс, предназначенный для оценки посещаемости веб-сайтов, и анализа поведения пользователей.
AdWords — сервис контекстной, в основном, поисковой рекламы от компании GOOGLE, предоставляющий удобный интерфейс и множество инструментов для создания эффективных рекламных сообщений.
C2A (call to action) - Элемент, призывающий читателя кликнуть, чтобы вовлечь его дальше в процесс покупки/бренда. Иногда это может быть изображением, иногда просто кнопкой или просто поле содержащее какую-либо информацию, которая призывает к действию.
Callback Hunter - встраиваемый на сайт виджет для звонка клиента.
CMS (ЦМС) — система управления контентом сайта. Самые популярные — битрикс, modx, wordpress. Тильда по своей сути уже является cms-системой.
CRM-система - программное обеспечение, предназначенное для автоматизации стратегий взаимодействия с заказчиками (клиентами), в частности для повышения уровня продаж, оптимизации маркетинга и улучшения обслуживания клиентов путём сохранения информации о клиентах и истории взаимоотношений с ними, установления и улучшения бизнес-процессов и последующего анализа результатов.
reg.ru - российский регистратор доменных имен и хостинг-провайдер, аккредитованный регистратор в доменах .ru и .рф. На июль 2017 года компания обслуживала около 3 миллионов доменов и предоставляла хостинг для около 400 тысяч доменных имён.
SEO - комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей, с целью увеличения сетевого трафика (для информационных ресурсов) и потенциальных клиентов (для коммерческих ресурсов) и последующей монетизации (получение дохода) этого трафика. Обычно, чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с учётом времени вывода сайта на указанные позиции и конверсии сайта.
SMM - процесс привлечения внимания через социальные платформы. Это комплекс мероприятий по использованию социальных медиа в качестве каналов для продвижения компаний и решения других бизнес-задач.
UI/UX - это интерфейс пользователя, он же пользовательский интерфейс (от английского userinterface). UX в переводе означает «опыт взаимодействия» (User eXperience) и включает в себя различные компоненты: информационную архитектуру, проектирование взаимодействия, графический дизайн и контент.

Made on
Tilda