Задание №6

Друзья, написала лонгрид, извините) Буду очень признательна, если укажете на технические и фактические ошибки в статье) В ближайших планах - статьи по типографике и выборе фотографий.

Хендмейд vs масс-маркет

Сделать сайт на конструкторе или заказать индивидуальную разработку — как разобраться во всем этом человеку «не в теме», и не сойти с ума?

Несколько лет назад я трудилась над буклетом. Сочиняла текст, подбирала иллюстрации и рисовала на салфетке макет. Разработка дизайна была делегирована знакомому верстальщику с единственным условием: сделать цветовую гамму песочно-желтой, по образцу заказчика. В итоге, макет получился убийственно грязно-болотного цвета. «В их «желтом» образце оказалось 68% зеленого», — равнодушно прокомментировал приятель мои кровавые слезы. 

Кто все эти люди?

Иногда состояние заказчика, который пытается объяснить: «не нужна верстка, просто сделайте сайт», напоминает мне о том казусе. «Конструктор», «разработка», «грязный код», «джава скрипт» напополам с каскадными стилями. Представьте, если бы врач, вдруг, заговорил с вами на латыни. Ощущения человека, который вынужден сходу вникнуть в специфику веб-индустрии, схожи.

Поэтому давайте попробуем разобраться, кто все эти люди, делающие сайт. Заодно ответим на избитый вопрос, «что лучше»: шаблон на конструкторе или заказ в студии (у фрилансера)?

Принципы сайтостроения

Объявление фрилансера: «Делаю веб-дизайн продающих сайтов — 10 тысяч рублей».

«Отлично, а в студии полтинник заломили», — думает заказчик. Но тут мастер ненавязчиво интересуется — верстать у моего специалиста будете? Тогда полтинник!

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

Этап первый. Дизайн

Прежде всего сайт нужно нарисовать. Это делает веб-дизайнер в специальной программе.

Например, клиенту нужен корпоративный представительский clean-style, выгодно представляющий компанию в глазах партнеров. У заказчика есть фирменный стиль, пожелания по цветовой гамме и видение блоков на странице. На выходе получается такая картинка www.gazprom.ru.

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

Этап второй. Верстка

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

Этап третий. Программирование

Вмешательство программиста требуется не всегда. Когда оно необходимо? Например, когда сайту нужны формы оплаты, выпадающие списки, калькуляторы товаров — «сложный интерактив». Если заказчику не требуются уникальные скрипты, верстальщик может взять готовые, и тогда возможно обойтись без программиста и сэкономить бюджеты. А что такое скрипт — спросите вы. «Скрипт – это программа или программный файл сценарий, которые автоматизируют некоторую задачу, которую пользователь делал бы вручную, используя интерфейс программы. Скрипты пишутся на скриптовых языках, которые различаются по своему синтаксису, сферам применения и возможностям», — говорят нам в ответах на mail.ru

(www.otvet.mail.ru/question/98136114)

Шаблон или сайт под заказ?

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

Предположим, вы остановились на первом варианте. Не будем говорить про «неуникальный дизайн». Наверняка человек, пользующийся шаблонами, знает, что его дизайн не будет на 100% уникальным. Разберем техническую и денежную составляющие проекта «конструктор».   

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

Огромный плюс: пользователям конструкторов не нужен в штате системный администратор. «Админка» большинства платформ интуитивно-понятна, поэтому вы можете самостоятельно наполнять сайт контентом.

Простота использования. Чтобы пользоваться конструктором, не нужно обладать специальными знаниями. Достаточно разобраться в работе конкретной платформы, выбрать шаблон и «вбить» контент. Некоторые конструкторы (например, Tilda) предлагают промежуточные варианты: клиент самостоятельно готовит черновой вариант наполнения сайта, который штатные дизайнеры доводят «до ума».

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

«Грязный код». Поисковики индексируют код, от которого, в том числе, зависит качественная seo-оптимизация. Код сайтов, в котором содержится много «мусора», часто «задвигают» при индексации. Кроме того, сайт может тормозить при загрузке страницы. Впрочем, создатели Tilda утверждают, что их страницы не содержат лишнего кода. Благодаря этому конфликтов с поисковиками удается избежать www.tilda.education/articles-designer-on-tilda

Признаков «грязи» очень много, но сейчас не будем углубляться в нюансы.

«Не хватает оборотов». Иногда фнкционал конструкторов не может удовлетворить потребности разросшегося ассортимента, который пользователь хочет разместить на сайте. Встает вопрос о переносе сайта на другой хостинг, что сложно и тормозит работу. Этот момент также относят к минусам.

Теперь поговорим о заказе сайта в студии и у фрилансера. Оговоримся сразу – мы не берем «черных копателей», а говорим о профессиональных дизайнерах.

Целевая аудитория. Грамотный дизайнер разрабатывает прототип и макет сайта под нишу, используя пользовательский опыт (UX) клиентов. У ветеринарной клиники и компании, продающей приборы для суши, разная целевая аудитория со своими потребностями и пользовательским опытом. Логично, что и функционал этих сайтов должен быть разным. Таким образом, заказывая индивидуальный сайт, вы получаете дизайн, сделанный для продвижение конкретного продукта с «незамусоренным кодом».  

Время и деньги. Из минусов к работе со студиями и дизайнерами относят временные затраты. Индивидуальная разработка сайта может варьироваться от недели до нескольких месяцев, в зависимости от сложности заказа. Цена разработки и реализации сайта начинается от двадцати тысяч рублей (у фрилансера), а заканчивается суммой с большим количеством нулей (в студии).

Долгосрочная перспектива

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

Первое, с чем столкнутся владельцы шаблона на конструкторе — необходимость вносить ежемесячную абонентскую плату за пользование. Цены варьируются от 250 до 1200 рублей в месяц, в итоге может набежать приличная сумма. Например, за три года пользования «дорогим» шаблоном пользователь отдаст 36 тысяч рублей. Это почти стоимость работы над «индивидуальным» сайтом. Правда, сюда нужно добавить оплату хостинга (около 2 тысяч рублей за год). Таким образом, в трехлетней перспективе шаблон почти сравняется с «хендмейд»-сайтом.  

Почему же выбирают шаблоны?

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

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

В-третьих, есть ниши, где дорогостоящий сайт просто не нужен. Например, презентации, «распродажные» посадочные страницы.

В завершение приведем мнение seo-оптимизаторов, которые уверены: в любой непонятной ситуации минусы конструкторов всегда перевешивают плюсы   www.yaroshok.ru/website-development/10-konstruktor/