aince.ru

Брендинг и сайты: от мишуры до реальных бизнес-решений

2025-04-23T15:52:59.970Z

Привет, дорогие читатели! Сегодня вы нырнёте в мир брендинга и веб-сайтов, потому что мы оттуда и не выныривали.

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

Зачем нужен брендинг?

Брендинг — это не просто красивое слово для презентации. Это якорь в памяти ваших клиентов. Представьте: ваш клиент заходит в магазин, а там — море товаров. Как ему выбрать? Вы можете поставить своих… не знаем, кого… сотрудников?... Да, пусть будут сотрудники. Так вот, вы можете поставить своих сотрудников во всех точках, где люди ищут ваши товары или услуги, чтобы они кричали “Нааааш! Бери наш!”, но это будет малоэффективно.

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

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

Всё еще непонятно? Ладно, давайте так: по определению, брендинг — это создание положительного образа компании, его распространение и закрепление в голове клиента.

Если вас спросить, какая компания делает хорошие окна, в лучшем случае вы вспомните Rehau, хотя всяких ООО “Окна-Л- М-” и к-л-м-н на рынке полно. Почему? Потому что Rehau вплотную занимаются брендингом, а Окна-к-л-м-н не особо.

Про сайты: точка закрытия сделки

Теперь давайте поговорим о сайтах. В последние годы всё изменилось (как будто когда-то не менялось). Сайт уже не просто точка входа в продажу; он стал точкой закрытия сделки. Если у вас нет сайта, вы рискуете оказаться в списке «неизвестных» для ваших потенциальных клиентов. И да, исследования Тинькофф, который теперь Т-Банк, опубликованное еще в конце 2023, это подтверждают — так что не говорите потом, что мы вас не предупреждали! Если интересно, подробнее с ним можете ознакомиться тут

Структура контента важнее дизайна

Вот вам маленький секрет: главное в сайте — это структура контента. Да-да, именно так! Не дизайн (хотя он тоже важен), а то, как информация организована. Наши внутренние эксперименты показывают: сайты с хорошо проработанным контентом и максимально ущербным дизайном дают конверсию выше в среднем в 2-3 раза, чем максимально привлекательный дизайн с плохо проработанным контентом. Так что, если хотите быть на коне (или хотя бы на лошади), уделите внимание структуре и нарративу.

Дизайнерские изыски: когда они нужны?

А теперь о дизайнерских изысках и анимациях. Если вы только что открылись или запускаете новый продукт — добавьте немного креатива! Но если ваша компания уже существует какое-то время и продает привычные товары? Выпендрёж лишний! Конверсия может вырасти чуть-чуть, но риски не попасть в визуальные ожидания действующего клиента значительно выше.

Выводы для бизнеса

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

Базовый логотип + базовый сайт.

Это ваше минимальное решение для старта.

Если вы вводите новый продукт или хотите выделиться, то:

Креативный промо-сайт. Даёшь агрессивный захват рынка!

Но помните: дизайн должен быть продуманным.

Если вы на рынке с «лохматых времён», но у вас нет сайта, то:

Структурированный сайт с базовой информацией.

Даже самый простой логотип и сайт лучше их отсутствия!

В заключение хочу сказать одно (не одно): брендинг и сайты — это не просто мишура для привлечения внимания. Это инструменты для решения конкретных бизнес-задач. Так что вооружайтесь знаниями и вперед к успеху!

Новости на сайте и бесполезные статьи

2023-07-11T15:40:35.124Z

«Новости»

Самое ужасное, что может быть на сайте это раздел новостей с датой последней новости от хз когда. Если эта новость весит на главной странице в разделе «Свежие новости» то это возможно главный аргумент ни иметь с вами дела.

Почему так?

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

Даже если вы понимаете что нужно постоянно что то публиковать, как правило это все равно не происходит. Вести новости и блог на сайте самому, во первых не удобно, во-вторых требует отдельного времени которого нет (Если вы не глава pr службы и у вас нет своего штатного писателя новостей и статей).

«Полезные статьи»

Второе мест ужасу на корп. сайтах — «Полезные статьи». Они как правило бесполезны, потому что их высосали из пальца когда создавали сайт, или скопировали с другого такого же сайта с такими же бесполезными статьями.

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

Что делать

Во первых откажитесь от узких понятийных названий разделов «Новости» и «Полезные статьи». Нужен раздел для статей назовите его блог и пишите туда все подряд, появиться статей 30-50 начните делить его на категории. Раньше не стоит, так как это в категориях будет пустовато.

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

Возьмите за правило писать раз в неделю. Просто пишите 1 раз в неделю. Это может быть большая статья, или два абзаца текста — не важно. Главное постоянно что то писать, это войдет в привычку и больше не станет трудоёмким процессом.

Успехов вам в вашем блоге и спасибо за внимание.

А еще напишите в комментарии, что вы думаете о разделах «Новости» и «Полезные статьи»?

Как создать сайт в зеленой зоне PageSpeed без танцев с бубном

2023-07-11T14:57:52.615Z

Понятно, что скорость загрузки можно докрутить до значений, близких к 100 по PageSpeed, для любого проекта на любом конструкторе или CMS. Но всегда ли такие показатели идут из коробки?

В текущей статье я хотел бы разобрать кейс одного из наших клиентов, который для нас открыл Craftum — не только как простое и понятное решение для сайтов, но и как конструктор, который показал феноменальные данные по скорости загрузки сайтов. Причем не просто из коробки без дополнительных настроек, а еще и нагруженный примерно 15 000 дополнительных строчек CSS и JS для его кастомизации под проект.

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

В качестве альтернативы Tilda клиент нашел другого подрядчика и начал экспериментировать с решениями на MODX. Бюджетное содержание обернулось высокой ценой регулярных доработок под новые задачи, а главное — сроки начали проседать. Руками маркетолога MODX как конструктор не поправить.

На фоне этой боли клиент и узнал об Aince и Craftum. Узнав наши условия, он отнесся с недоверием, так как, по его мнению, наш оффер был неправдоподобным по цене и срокам — дешевле и быстрее примерно раза в 3, чем он привык. Не откладывая в долгий ящик, в качестве эксперимента было решено перенести один из свежих, пока еще неактивных проектов, на Craftum и дальше уже смотреть, что получится.

На все про все ушло 5 дней. Хоть мы и называем это переносом, по факту мы создаем новый сайт, поэтому это не ctrl+C/ctrl+V. Естественно, совесть нам не позволила пройти мимо, и мы поправили дизайн и некоторые элементы.

Так выглядел старый сайт:

Вот что получилось:

Важный момент. Перенести сайт удалось полностью на стандартные блоки конструктора без использования дизайн-блока (аналог Zero Block в Tilda).

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

Но как же быть с кастомизацией стандартных блоков? Переверстывать каждый раз сайт с нуля было бы весьма затратно, поэтому нужно было как-то оптимизировать процесс. Пробовали создать библиотеку готовых решений, но идея оказалась не продуктивна, слишком много избыточного CSS. В поисках решения мы разработали целую методологию и написали под нее минималистичный CSS-фреймворк. В итоге мы в состоянии кастомизировать любой стандартный блок как угодно. Даже меньшим числом усилий, чем если бы мы использовали настройки Craftum, не говоря уже о дизайн-блоках.

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

Результаты тестов

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

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

Cтарый сайт на MODX:

Новый сайт на Craftum:

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

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

Но если вы кастомизируете сайт собственным кодом, например встраиваете калькулятор на VUE, то это прилично добавляет работы. С Craftum такой проблемы нет.

Разумеется, цифры по скорости загрузки до значений, близких к 100 по PageSpeed, можно докрутить для любого проекта. Для этого нужно поправить ошибки которые вам выдаст сам PageSpeed. Для ускорения развернуть и отладить инфраструктуру для раздачи контента CDN. Проблема в том, что это все надо делать, а работа по настройке и сетевая инфраструктура тоже стоит денег и совершенно не подходит для проектов в бюджетом менее 50 000р.

Craftum все это предоставляет из коробки.

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

Резюме

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

Меняем регистратора домена Ru-Center (nic.ru) на Reg.ru

2023-02-02T19:13:51.702Z

Зачем менять регистратора?

У Ru-Center платный DNS хостинг, а у Reg.ru бесплатный. Создавать аккаунт для dns-хостинга там где он бесплатны тоже можно (вот статья-инструкция по теме), но не всем это подходит, так как это лишний аккаунт который нужно помнить. Неудобно.

Итак как обычно, подробно по шагам и со скринами

Запрос на смену регистратора в Ru-Center

Для доменов зоны .ru / .рф

Заходим в аккаунт > мои домены/перенос доменов

Заходим на вкладку к другому регистратору и указываем нужный домен/домены и жмем продолжить.

Дальше ждем код идентификатор для переноса. Он придет на почту. На этом на стороне Ру-центра все.

Для всех остальных доменов кроме зоны .ru / .рф

Заходим в аккаунт > мои домены

Заходим в настройки нужного домена кликнув по его названию

Снимаем запрет на перенос домена

После смены запрета пишем на почту регистратору

Кому: tld-ncc@nic.ru
Тема: Запрос передачи <ваш домен/домены> другому регистратору
Текст письма:
Прошу предоставить мне код(ы) авторизации для передачи домена(ов) <ваш домен/домены> другому регистратору

В ответ вам течении суток придет письмо с кодом переноса, примерно с таким содержанием

Направляем Вам код переноса для домена:

s~d3IKaiUDgF)-0&

Далее переходим к аккаунту на reg.ru

Перенос домена на reg.ru

1. Если у вас его еще нет создаем аккаунт на reg.ru

2. В первом же окне после входа вы увидите кнопку «Перенести домен»

3. После нажатия откроется страница сервиса автоматического переноса доменов. Введите свой домен, нажмите продолжить и следуйте инструкциям.

4. На открывшейся странице нажмите Подать заявку на перенос.

5. Ознакомьтесь с информацией и нажмите Продолжить.

6. Введите код для перенос который вам пришел по почте от Ру-центра

7. На открывшейся странице вы можете изменить DNS-серверы для домена. Чтоб воспользоваться бесплатным DNS хостингом reg.ru укажите DNS сервера регистратора (для чего собственно мы устроили перенос в рамках данной статьи). После чего нажмите Продолжить.

Для доменов в международной зоне

8. После этого вы перейдёте в корзину покупок. Согласно правилам регистрации доменов в международной зоне при переносе домена нужно продлить его на следующий период (минимальный срок продления - один год). Домен продлевается на год от даты окончания срока регистрации, которая для него установлена.

Спасибо за внимание

Если кому-то помогло, скажите спасибо в комментах, жамкните сердечко, апните донатик, но много не шлите, а то брошу работу и стану блогером :)

Подключение домена зарегистрированного в Ru-Center (nic.ru) к сайту на Craftum.com

2023-02-02T13:50:16.605Z

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

Делегирование домена на Тайм веб

Во первых нужно настроить делегирование домена на тайм веб в Ru-Center

Заходим в личный кабинет Услуги / мои домены

В разделе жмем изменить DNS серверы

И указываете сервера Тайм веб

ns1.timeweb.ru
ns2.timeweb.ru
ns3.timeweb.org
ns4.timeweb.org

На стороне Ру-центра это все, больше делать ничего не нужно. Остальные настройки делаем в Тайм веб и Craftum.com

Создаём аккаунт на Тайм веб

Переходим по ссылке и регистрируем Тариф парковка

В созданном аккаунте переходите в раздел домены и поддомены

Выбираете «Добавить домен»

Вводите в поле ваш домен и нажимаете «добавить»

После чего ваш домен появиться в списке доменов. Нажмите на шестерёнку > Настройки DNS, чтобы настроить A запись для подключения домена к Craftum.com

Удалите запись AAAA если она у вас есть и отредактируйте запись A

Для привязки к Craftum.com значение записи A 92.255.111.71

Далее идем в аккаунт Craftum.com в раздел домены, жмем добавить домен

Указываем ваш домен, выбираем к какому сайту его привязать, Выбираем сделать главным доменом сайта - Да (если у вашего сайта несколько доменов то да только для основного).

Это все. Ждем пока ресурсные записи обновятся и привяжется SSL сертификат. Если обновление будет длиться более суток есть смысл написать в чат поддержки Craftum.com, они проверят корректно ли все настроено.

Как забрать свой домен с WIX к российскому регистратору

2023-01-10T20:01:47.353Z

За последний месяц первый по частоте запрос у заказчиков — перенести сайт с WIX, а второй — как перенести домен с WIX к российскому регистратору. Вот статья, которая вам поможет.

Получаем код авторизации переноса у WIX

Перейдите на страницу Домены.

2. Нажмите на значок Другие действия рядом с соответствующим доменом и выберите Перенести с Wix.

3. Нажмите Перенести домен.

4. Нажмите Перенести домен с Wix.

5. WIX отправит вам код авторизации переноса (EPP-код) на e-mail администратора домена.

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

E-mail администратора домена

Не помните какой e-mail у администратора? Проверьте в настройках.

Если вдруг у вас утрачен доступ к e-mail администратора, то постарайтесь его восстановить! Если его изменить, любые операции с доменом, включая смену регистратора, будут заблокированы на 60 дней.

Переносим домен к российском регистратору

Процесс переноса домена схож у всех регистраторов доменов. В данной статье мы рассмотрим его на примере REG.RU.

REG.RU это выбор большинства наших клиентов, видимо, им так удобнее.

Создаем аккаунт на reg.ru

2. На первом же окне после входа вы увидите кнопку «Перенести домен»

4. На открывшейся странице нажмите Подать заявку на перенос.

5. Ознакомьтесь с информацией и нажмите Продолжить.

6. Введите код авторизации переноса (EPP-код), который вам на предыдущем этапе отправил WIX.

Во время подготовки статьи я встретил два разных термина для обозначения кода переноса домена: EPP-код и AuthInfo-код. В начале это сбило с толку, уж больно названия различаются. В итоге они оказались одним и тем же.

7. На открывшейся странице вы можете изменить DNS-серверы для домена или выбрать текущие DNS-серверы. После чего нажмите Продолжить.

Для доменов в международной зоне

Спасибо за внимание

Сайт с двумя языками на Craftum

2023-01-04T22:42:27.366Z

Во время работы на Craftum был реализован кейс с двумя языками. Подобного штатного функционала пока нет. Написали свой простенький скрипт на чиcтом js.

Скрипт использует любую шапку с двумя кнопками — первая кнопка становится «Ру», а вторая «En». Подвал подойдет любой, в нем кнопок нет, есть только пункты меню.

Для того чтобы заказчик не погряз в разборе кода все управления языками мы свели к штатным манипуляциям.

Чтобы использовать сквозную шапку на всём проекте мы сделали пункты меню чередующимися: пункт 1, item 1, пункт2, item 2, ...

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

Каждая страница на русском имеет свой клон на английском с суффиксом «-en», а главная «/» - русская, «/en» - английская.

«-en» пришлось использовать вместо привычного «/en/page» потому, что Craftum на момент реализации не позволял создавать страницы на 3-ем уровне вложенности

Как это всё работает:

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

Получилось просто и удобно.

Для тех, кому нужны подробности под капотом

Для отображения версий меню, а так же выделения выбранного языка мы:

— добавляли и убирали к body класс «en-en»;

— для меню в шапке и подвале использовали псевдокласс CSS «:nth-child()» с параметрами «even» - четные элементы и «odd» - нечетные, соответственно для «Ру» (без класса en-en у body) отображаются нечетные пункты меню, для «En» четные;

Для сохранения языка использовали local.storege.

Остальное в коде — копируйте, пользуйтесь.

ссылка на код https://github.com/aince-ru/craftum/blob/main/multilang.html

Если кому-то помогло, скажите спасибо в комментах, жамкните сердечко :)

Регистрируем любой рабочий аккаунт. Цифровая гигиена

2023-01-10T09:05:43.818Z

90% владельцев бизнеса регистрируют аккаунты в конструкторе сайтов, на хостинге, в CRM и прочих сервисах для работы на личный или рабочий e-mail.

Не надо так!

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

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

А как надо

Собрались завести хостинг — зашли на Яндекс, создали ящик формата <моя компания>-hosting@yandex.ru и зарегистрировали хостинг на него.

Собрались создать CRM — зашли на Яндекс, создали ящик формата <моя компания>-crm@yandex.ru и зарегистрировали свою CRM на него.

Сделали рекламный кабинет — зашли на Яндекс, создали ящик формата <моя компания>-reklama@yandex.ru и зарегистрировали свой кабинет на него.

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

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

<моя компания>-<название сервиса>@yandex.ru
<пароль>
<ссылка на вход в сервис>

Важно!

При создании аккаунтов указывать резервную почту для восстановления (и это уже должна быть ваша почта и только ваша)
Не забывать менять и обновлять в вашем списке всех логинов/паролей пароли после смены подрядчиков. Ушёл подрядчик сменили пароль!

Номера для подтверждения аккаунтов и чатов

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

99.99% владельцев бизнеса либо используют свой номер, либо не задумываются на чей номер что зарегистрировано/создано.

Истории из практики: фрилансы и SMM-щики теряются вместе с аккаунтом и бюджетом на нем. Доступы к чат-ботам навсегда теряются вместе с сотрудником, который его создавал и уволился, а ещё собственник по 10 раз на дню пересылает sms-ки с кодами.

Что же делать с телефоном

Все просто: заведите корпоративный договор с любым оператором связи (если ещё не сделали это для телефонии) и получите у него одну или несколько симок для всех этих задач.

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

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

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

Спасибо за внимание

Hello World

2023-01-10T09:03:35.685Z

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

Почему на teletype — просто удобно писать. Пожалуй лучший UX, что я знаю на сегодня для написания статей, других причин нет.