Уже несколько лет Sublime text 3 — это мой основной рабочий инструмент. Я пишу там текст, решаю задачи, веду ежедневный список дел, планирую проекты. Верстаю и программирую сайты я, разумеется, тоже там.
Nielsen опубликовали исследование о том, где питаются российские потребители. Интересные тезисы:
Исследование было проведено в ноябре 2018 года, опубликовано в марте 2019.
Сегодня не смог получить посылку в пункте выдачи заказов из-за плохого дизайна таблички с режимом работы.
Пункт выдачи располагается по дороге в мой офис. Проходя мимо него на днях я посмотрел время работы не сбавляя шага и решил, что заберу посылку в пятницу, когда приеду на машине.
В пятницу оказалось, что я неправильно понял режим работы и попал на выходной. Срок хранения заказа истекает в субботу, если ничего не сделать, то посылка отправится обратно на склад. Косяк мой, но платит за него Озон.
Nielsen недавно опубликовали исследование, в котором рассказали о то, что 42% людей в России заказывают еду онлайн хотя бы раз в месяц. Из них 59% делают заказ с сайтов ресторанов, несмотря на большую активность Яндекс.Еды, Деливери Клаба и других агрегаторов. Неожиданные для меня цифры, если честно.
Понятно, что рынок доставки еды растет бешеными темпами. Понятно, что нет предпосылок к его замедлению. Но что нужно делать, чтобы на нем закрепиться? Приводить в порядок инструменты своего онлайн продвижения. В первую очередь это сайт для ресторана.
Что сегодня должно быть на сайте ресторана, кафе или кальянной?
Сделать много продуктовых мокапов для дизайнеров с разных ракурсов и в хорошем расширении и залить на все шеринг сайты бесплатно. Так товар появится на многих сайтах рекламных баннерах.
При разработке сайта на вордпрессе есть такая проблема — нужно постоянно сбрасывать кэш, потому что браузер кэширует js и css. У некоторых разработчиков уже выработалась привычка обновлять все страницы cmd + shift + r. Некоторые настраивают рабочий браузер так, чтобы он не сохранял ничего или работают в режиме инкогнито хрома.
Но люди, далекие от веб разработки каждый раз теряются, когда говоришь, что им нужно сбросить кэш. Так быть не должно.
(далее…)Существуют разные типы очередей:
В онлайне клиенты также выстраиваются к вам в очередь, но до того момента, как в компании появляется CRM система эту очередь сложно заметить и еще сложнее ей управлять. Хотя, для того, чтобы создать организованную очередь, достаточно задать несколько вопросов, определить тип обращения и сказать когда вы сможете ответить.
Такой фразой встретил меня скучающий консультант в салоне билайна, куда я зашел поздно вечером. Хотя я от него отмахнулся, но какую-то конверсию эта фраза должна обеспечивать.
Если разделить потоки посетителей на «зашли за чем-то конкретным» и «просто проходили мимо» и эта фраза поможет начать диалог хотя бы с 10% клиентов второго типа, то это уже лучше, чем ничего. Тем более, что компании этот прием ничего не стоит.
Webp — это новый формат изображений, благодаря которому круто уменьшается их размер, а качество остается тем же. Например, png файл размером 1 мб. можно конвертировать в 200-100 кб. файл webp в зависимости от степени сжатия.
Заявки с сайта могут поступать разными способами — на электронную почту, в телеграм, по СМС. Чтобы не запутаться в информации нужна система обработки заявок. Такая система называется CRM. Самые популярные русскоязычные — Битрикс24 и АмоСРМ.
Но начинать лучше с чего-то попроще. Например, сервис Трелло отлично справляется с хранением и обработкой большого количества заказов. Для примера я создал доску с демо заявками. Можете посмотреть на карточки заявок и сами все покликать.
Трелло — это канбан доска состоящая из отдельных колонок. В каждой колонке свои карточки. Одна карточка — одна заявка. Удобство в том, что карточки-заявки можно перетаскивать мышкой между колонками. Таким образом одна заявка может как-бы пройти по всей воронке продаж.
Давайте попробую объяснить подробнее.
На шаттерстоке настолько много изображений, что часто сложно найти нужное тебе по стилю. Я со временем выработал собственный алгоритм поиска.
Чтобы сразу искать обтравленные изображения добавляйте к запросу isolated — «черные игральные кости isolated».
Когда видишь несовершенства чужих систем и понимаешь как это можно исправить, то первая реакция — посоветовать как сделать лучше. Потом вспоминаешь, как кому-то советовал «не в тему» и первый импульс уходит. Начинаешь думать, стоит ли рассказывать свои идеи или нет.
Во-первых, конечно, не стоит давать непрошенные советы или рассказывать свои идеи, когда явно видно, что человеку не до них. Но если очень хочется, то можно заранее подумать будет ли твой совет полезен человеку или нет.
Если решение находится на поверхности, например, реализовано у большинства конкурентов в бизнесе знакомого, то скорее всего он уже о нем и сам знает. А если не знает, то значит и не собирается ничего менять. Нет такой потребности.
Гораздо лучше привносить что-то новое из других сфер. Например, видя проблему на автомойке приятеля рассказать как решается похожая проблема в дизайне. Тогда существует большая вероятность, человек и его конкуренты до этого не додумались.
Если в открытую спрашивают «как сделать лучше», то, конечно, нужно вываливать все, что ты об этом думаешь. Человек ищет решение и просит поучаствовать в мозговом штурме.
Сделал шаблон для быстрого создания сниппета, в комментариях к нему расписал основные моменты.
Если для макета использовать платные фотографии с фотостоков, то их не хочется покупать до тех пор, пока заказчик не принял концепцию дизайна. Фотостоки это понимают и предлагают скачать изображение для предпросмотра на которые наложены водяные знаки.
Бывает так, что долго вырезаешь какое-нибудь изображение по контуру, заказчик принимает концепцию, покупаешь изображение и приходится его заново вырезать. Это раздражает.
Взял за правило всегда вырезать изображения в маску. С помощью нее можно быстро перенести вырезанный контур на новое идентичное изображение, но без водяных знаков. Чтобы выделить контур маски нужно зажать cmd (ctrl) и кликнуть на ее значок — 
.
В Битрикс24 можно удобно интегрировать все формы сайта. С помощью приложения «Перехватчик» можно прописать name форм в системе, вставить один скрипт и все заявки с сайта будут превращаться в лиды. Очень быстро и удобно.
Но при интеграции с contacts form 7 возникла проблема — страница, которая должна работать по ajax перезагружалась каждый раз после сабмита формы вне зависимости от того, отправлено письмо или нет.
Проблему решил убрав с помощью js значение атрибута action у форм — $('form.wpcf7-form').attr('action', 'javascript:void(0);');
Upd: Техподдержка сказала, что можно сделать проще. В настройках приложения выбрать опцию «Прекращать работу формы», тогда скрипт не будет перезагружать страницу.
Upd2: Перехватчик все таки теряет лиды, поэтому лучше написать самому интеграцию по API.
При установке виджета «Открытые линии» от Битрикс24 на сайт столкнулся с проблемой, что после загрузки всего контента он вначале добавляет свой html код сразу после открытия тега body, а потом стили. В итоге сайт мерцал на долю секунды. Было не очень.
Наверняка ошибка где-то на моей стороне, но быстрый анализ ее не нашел. Кеширования не было, все стили подключались последовательно. Проблема решилась добавлением нулевой высоты обертке виджета.
.bx-crm-widget-wrapper{
height: 0px;
}
Начать чат — сокращенная ссылка
Российский номер должен начинаться с 7. Если начать с +7 или с 8, то вотсапп не сможет найти пользователя и чат с ним не начнется.
<a href="http://wa.me/79523722135">Написать в вотсапп</a>
Начать чат — через сайт вотсаппа
Прошлая сокращенная ссылка редиректит на эту, поэтому правильнее будет сразу использовать ее.
<a href="https://api.whatsapp.com/send?phone=79523722135">Написать в вотсаппе</a>
В ссылке можно передать разные параметры. Например, написать текст, который сразу отобразится в чате вотсаппа.
<a href="https://api.whatsapp.com/send?phone=79523722135&text=Сколько стоит трюмо?">Написать в вотсаппе</a>
Эта ссылка сработает только на устройстве на котором установлено приложение вотсаппа. Если на телефоне у пользователя нет приложения, то он может подумать, что на сайте ошибка. Поэтому лучше направлять через сайт.
<a href="whatsapp://send?phone=79523722135">Написать в вотсаппе</a>
Начать чат
<a href="viber://chat?number=79523722135">Написать в вайбере</a>
Добавить контакт
<a href="viber://add?number=79523722135">Добавить в вайбере</a>
В вайбер номер телефона нужно добавлять без плюса.
Начать чат
<a href="tg://resolve?domain=egmalt">Написать в телеграме</a>
Ссылку на профиль можно вставить через сторонний сервис, чтобы обойти блокировку https://tele.click
Начать чат
<a href="skype:egmalt?chat">Написать в скайпе</a>
Позвонить
<a href="skype:egmalt?call">Позвонить в скайпе</a>
Начать чат
<a href="https://www.messenger.com/t/egmalt">Написать в фейсбуке</a>
Начать чат
<a href="https://vk.me/egmalt">Написать в вконтакте</a>
Чтобы поставить ссылку на новый мессенджер ICQ нужно вначале задать никнейм. Ссылка на чат покажется в том же окне. Либо, скопируйте ссылку ниже. Скриншот настройки.
Начать чат
<a href="https://icq.im/egmalt">Написать в вконтакте</a>
Показать в картах
<a href="maps:ll=55.758401,37.633017">Москва, Бол. Златоустинский пер. 9</a>
Собираю для себя коллекцию js скриптов на одной доске в трелло, которые можно использовать для разработки сайтов. Решил сделать ее публичной — trello js склад.
Один скрипт — одна карточка. Карточки разбиты на столбы по темам. Сверху — наиболее полезные скрипты, снизу наименее или те, которые я еще не пробовал. Пока все субъективно.
В некоторых карточках есть минималистичная инструкция по применению, они отмечены зеленым тегом 
. Изображения к карточкам — анимированные гифки.
Решил, что теперь я буду брать в работу некоммерческие проекты. Это могут быть лендинги, сайты, интерфейсы, калькуляторы, конструкторы, дизайн. Для моих друзей или людей, которые хотят сделать полезный проект.
В школе задали нарисовать свою осьминожку навыков. Какими я вижу свои скиллы сейчас и через год.
