Как делал сайты клиентам незрячий человек @denis-skripnik


Здравствуйте. С вами @denis-skripnik. Уже давно планировал написать статью о том, как делаю сайты клиентам без использования зрения.

1. Порядок оплаты

У меня был опыт, когда я не брал деньги за сайт, и меня кинули, сказав, что всё не так, когда я редактировал. На предоплату согласны же не все, поэтому беру перед работой 50%, а после неё - ещё 50%.
Чтобы не было попытки обмануть, просто показываю сайт, но данные админки и ftp не даю: только после оплаты это получают. Если оплата не поступает в течении недели, сайт заменяется на надпись о необходимости оплаты вторых 50%.

Шаг 2: устанавливаю и настраиваю CMS

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

Движок - Maxsite CMS (О нём можно прочитать здесь)
Через некоторое время начну публиковать статьи с видео о работе в этой системе управления контентом.

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

Шаг 3: несколько шаблонов

Далее устанавливаю на сайт клиента несколько шаблонов с виджетом переключения. Он оценивает, выбирает то, что больше нравится.
Поскольку шаблонов для Maxsite мало, я храню у себя как можно больше, чтоб предоставить выбор (но все равно он небольшой).
Один из них имеет 4 цветовых схемы (Их я меняю вручную в админке и показываю, как и что будет изменяться):

  • Синяя
  • Чёрная.
  • Фиолетовая
  • Красная

Покажу несколько примеров шаблонов. Для этого создал демонстрационный сайт http://demo.denis-skripnik.name, где, кстати, вы можете переключать шаблоны прямо на странице:

1. default (Стандартный шаблон):

Главная страница с дефолтным шаблоном

2. Light Blue: шаблон с лёгкой голубой цветовой схемой:

Главная с этим шаблоном

3. MAX Sialia (Один из шаблонов от автора движка):

Внешний вид шаблона

4. MAX Turdus (Ещё от автора cms):

view theme

5. MAX Zmey:

Вид темы

6. den-modern (Созданный для меня шаблон на основе темы для WP с несколькими цветовыми схемами):

  1. Синяя (По умолчанию):
  2. Чёрная:
  3. Фиолетовая:
  4. Красная:

7. Заказываю шаблон у знакомого

Либо даю пример WP шаблона, либо пишу, что и где надо сделать. Стоимость в районе 600-2500 рублей получается (В зависимости от объёма работ).

шаг 4: Размещение страниц, что в меню, а также текстов для них (Не более 15).

Это входит в состав моей услуги:

  1. Получаю doc/docx файлы с текстами для страниц;
  2. конвертирую их в html при помощи программы doc to html converter;
  3. Загружаю на страницы.

Всего принимаю не более 15.

Также могу заказать тексты на бирже, но за отдельную оплату. Это делаю на etxt.ru,, так как здесь более удобный для меня интерфейс и есть хорошие исполнители, которые пишут тексты профессионально.

Далее выполняю SEO настройки

Простановка title, meta keywords и description.
Если у заказчика не было своих требований по заполнению этих метатегов, смотрю на тематику и подбираю первые попавшиеся запросы, внедряя их.

Шаг 5: Правки цветов и шрифтов в некоторых местах (Нелюбимая работа).

Иногда требуется сделать правки шаблона: заменить шрифт, цвета в определённом месте. Можно конечно нанимать человека, но я предпочитаю делать сам, чтоб цена не была излишне высокой для клиентов (Хотя, если будут новые, наверное буду заказывать у зрячих специалистов правки, благо затраты всего 200-500 рублей).
Эту работу не люблю, так как не вижу, где и что находится. Выручает исходный код страницы:

  1. Спрашиваю, какой текст надо изменить (Или рамку вокруг). Например, на сайте http://velkam.ru надо убрать чёрную полоску, которая является неподходящей;
  2. Нажимаю f12 в Google Chrome, перехожу в дерево элементов и выбираю нужный: Тротуарная плитка. Большой ассортимент. Высокое качество
    Нажимаю клавишу "Контекстное меню" (Applacation, правая кнопка мыши) и выбираю "copy > copy selected". Получаем всё необходимое: #header_site > div.name_site:
    Дерево элементов
    https://i.imgur.com/ukvR52Z.png
  3. Иду в файл стилей и ищу идентификатор и класс. Также выполняю поиск по цветам, если нужное имеет другой цвет или не имеет цветов вообще.
  4. Прошу окружающих (чаще всего родителей) посмотреть, в каком месте меняется цвет, когда выполняю замену. Так, методом тыка, и нахожу правильное место (это если в нужном месте цвета фона нет, как в примере выше).
  5. Найдя место, даю ссылки на таблицы цветов http://trycolors.com/ и https://www.artlebedev.ru/colors/. После подбора цвета, узнаю код и вставляю его.
    Делать это не буду, так как долго искать, да и дизайн velkam.ru планируем менять, так как текущий устаревший.

Что делаю, если надо что-то изменить, нужно программирование

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

P. S.

Сейчас подумываю насчёт возврата к Wordpress. Этому есть несколько причин:

  1. Более популярный движок, а значит легче найти верстальщика/дизайнера;
  2. Панель достаточно удобна для меня в последних версиях;
  3. Есть моментальный установщик, который ставит и движок, и шаблон уже настроенный, и плагины все с нужными опциями.
  4. Количество плагинов и шаблонов больше, больше функций - есть куда расти сайтам, если это потребуется. В МаксСайте, например, интернет-магазин очень сложно создать: только с использованием устаревшего неработающего плагина, либо при помощи Экведа (Сервис такой).

Но сайты, которые уже созданы, останутся на Maxsite (За исключением ВелКама), статьи об этом движке буду писать, да и отслеживать изменения тоже буду, так как CMS реально шустрая и перспективная.

Заключение

Всё. После этого сдаю работу.
Надеюсь, статья была интересна. Буду благодарен апвоутам и комментам.

Заглавное изображение с сайта 5bucks.ru


Comments 6


@denis-skripnik, без преувеличения восхищаюсь вами!
Сталкивался с описанной вами cms.
Действительно шаблонов мало.
А вот лично мне больше всех нравится https://www.status-x.ru/ - многофункциональная платформа, на которой возможно сделать всё!
Читаю вас и становится стыдно за себя - есть навыки работы по созданию сайтов, но нет уверенности в себе и много лени...
Спасибо за пост!

24.01.2018 18:43
0

Благодарю за поддержку. Пожалуйста, @acidium.
status-x посмотрю.

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

25.01.2018 02:37
0

Cпасибо!

27.01.2018 09:33
0

Пожалуйста.

28.01.2018 03:54
0