Как создается сайт?

Будет полезно тем, кто все еще думает, что сайты делаются программистами на HTML. Почему это так дорого и зачем там вообще нужен дизайнер?

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

Что делать, если мне нужен сайт?

Процесс создания практически любого вида сайта происходит примерно по такому сценарию:

1. Идея и задачаВы должны четко понять для чего вам нужен сайт и какую вашу задачу он должен решать. Исходя из задачи надо определить тип сайта.(Например, рассказ о себе в интернете — сайт-визитка, продажа товаров — интернет-магазин, проверка спроса на товар или продвижение одной услуги — одностраничный сайт)
2. Поиск исполнителя — дизайнера-фрилансера или студии. Это эксперт в области дизайна сайта, который может организовать разработку. Это может быть как один человек-фрилансер, так и целая команда. Первое дешевле, второе, как правило, надежнее.
3. Бриф. Чаще всего перед этим вас попросят заполнить опросник на тему вашего будущего сайта, там могут быть такие вопросы: Кто ваши конкуренты? Какие сайты вам нравятся? Какие у вас преимущества на рынке? и им подобные. Кроме того этот этап может быть в форме интервью или даже встречи с исполнителем. Зачем нужно: Брифование — очень и очень важный шаг! Именно здесь вы должны максимально раскрыть идею (сформированную ранее) и погрузить исполнителя в вашу сферу деятельности. Только так вы сможете синхронизироваться с дизайнером, он вас лучше поймет, следовательно резко возрастает вероятность сделать проект качественным, хорошим как для вас, так и для ваших клиентов и при этом в срок.
4. Исследование. Дизайнер анализирует сферу деятельности. Смотрит сайты конкурентов и ресурсы с близкой к тематикой. Выделяет плюсы и минусы, решает, что подойдет для вашего проекта, а от чего лучше отказаться. На основе полученных даных еще составляется портрет целевой аудитории (персонажи) и возможные сценарии использования вашего сайта. Зачем нужно: Чтоб понять в чем ваше преимущество и как вы сможете выделиться на фоне конкурентов, а так же быть удобным для посетителей.
5. Прототип. Создается каркас будущего сайта из серых блоков. Вместо текста и картинок могут стоять заменители. Важно понимать, что это еще далеко не готовый сайт. Зачем нужно: Чтоб определить структуру будущего сайта, где будет стоять текст, где фотографии, какого они будут размера и тд.
6. Дизайн-макет. Дизайнер на основе прототипа создает в графическом редакторе на компьютере макет будущего сайта (грубо говоря картинку). Определяет цвета, шрифты, функциональность элементов сайта — кнопок, слайдеров, ссылок. Сначала он презентует дизайн-концепцию, т.е. часть будущего сайта, например несколько блоков главной страницы, чтоб показать как будет выглядеть будущий сайт. Далее прорабатываются все остальные блоки и страницы.
7. Верстка. Верстальщик на основе макета дизайнера и с помощью языков разметки переносит дизайн в интернет и подключает систему управления контентом (CMS), если необходимо.
8. Реклама и продвижение. Сейчас так много сайтов различной тематики, что без рекламы и продвижения в поисковиках люди просто могут не узнать о вашем ресурсе и не найти его. А в чем тогда, спрашивается, смысл?

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

Команда

Исходя из этапов, становится понятно, что обычно над хорошим сайтом может работать целая команда специалистов:

Копирайтер пишет текст, нацеленный на аудиторию проекта, который легко читать и понимать.

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

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

В современном мире дизайнер еще придумывает анимацию и активные состояния для всех элементов сайта.

Верстальщик же переносит работу предыдущих спецов в браузер. Расставляет элементы сайта с помощью HTML, устанавливает цвета и формы с помощью CSS и иногда оживляет их с помощью анимации через JS (все это языки разметки и программирования).

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

Вы скажете: «Столько специалистов для одного маленького сайтика? А что если мне нужен только лендинг на 5 экранов? Я же разорюсь!»

«Не переживайте!» — скажу я. Минимальный набор — дизайнер и верстальщик. Хороший дизайнер должен уметь писать тексты, хотя бы на базовом уровне и делать прототипы. (Хотя есть дизайнеры, которые еще и верстают, но и заплатить им придется за двоих).

Как вы наверно уже заметили ключевой фигурой в этом списке является именно дизайн (не программирование) — для него пишут тексты и прототипы, и на основе него верстаются страницы, как по лекалам и делается продвижение.

Роль заказчика

Если вы подумали, что просто обратитесь к специалисту и через 2 недели у вас будет готовый сайт, то смею вас огорчить, вам тоже придется участвовать в процессе. Как минимум вы должны будете принимать этапы работы, утверждать расположение элементов, стилистику, говорить свои комментарии и аргументировать их. Нужно будет отвечать на вопросы дизайнера (ведь вы знаете свою сферу деятельности лучше). Заказчик так же часто сам предоставляет контент для сайта или же платит за его создание отдельно. И это нормально. Работа над сайтом — это тандем заказчика и исполнителя, которые оба заинтересованы в качестве итогового продукта, а не игра в одни ворота.

Ого! Столько работы?

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

Почитайте также:

50 дизайн-терминов для недизайнеров

А еще подписывайтесь нателеграм 🎯, там много интересного.

Март 2018