В прошлых статьях, разбирала направления, кем можно работать на фрилансе. И одно из направлений - это разработка сайтов, чем в целом сейчас и занимаюсь! Также решила написать статью про то, как сейчас из всех щелей, кричат, что нейросети всех заменят, но как уже успела убедиться, это далеко не так, можете почитать на моём канале! Но вернёмся к разработке, с чего же она начинается, как строиться и какие этапы проходит исполнитель и заказчик, также расскажу, как работаю и может вы захотите сотрудничать со мной. За что же платят деньги тем, кто разрабатывает сайт?
Самое важное, что нужно знать в начале, это узнать у заказчика, главное: зачем ему сайт? И с какой целью он собрался делать сайт?
Потому что очень часто бывает так, что для его бизнеса в мире Digital, есть куча других полезных и важных инструментов, но он их не использует и пытается потратить деньги на сайт, который в итоге вообще может не принести заявок, а что ещё хуже, просто потратить его деньги! (про инструменты в Digital,, расскажу в следующей статье).
Поэтому сначала разбираемся, нужен ли вообще сайт? Если да, тогда переходим к этапам! В этой статье распишу 2-3 этапа, в следующей заключительные этапы.
1 ЭТАП - Пре-продакшн
Это самый важный, сложный, муторный этап во всей разработке, если честно, потому что именно от него зависит, куда в итоге поплывёт наш "корабль". В данный этап, что входит?
1. Анализируем рынок, смотрим конкурентов, оцениваем сильные и слабые стороны конкурентов, лучше всего если вы сделаете таблицу и в ней распишите прям по пунктам, какое УТП? Какой путь проходит пользователь заходя на сайт конкурентов? Что он там видит? Есть ли отличия между сайтами?
В начале важно собрать как можно больше информации, тогда с ней проще будет работать.
2. SEO, углубляться тут не буду, это отдельный вид искусства, это самое сложное по моему мнению в данном этапе, потому что от подбора ключевых запросов, заголовков, правильно подобранного домена будет зависит, будет твой сайт в топах или нет. Домен покупать мне нравится на вот этой площадке: https://www.reg.ru/, хостинг мне нравится приобретать на https://beget.com/ru. Удобные сервисы. Для SEO вообще есть куча полезных сервисов, но про это можно писать отдельную статью.
3. Когда мы всё проанализировали, собрали максимум инфы, теперь надо всё отфильтровать, составить прототип и написать ТЗ на разработку дизайнеру, ТЗ на разработку верстальщику, ТЗ на разработку для разработчика (этап натяжки, прописать все возможные интеграции). И ещё лучше если будет ТЗ на тестирование сайта, то есть понимать, какой будет конечный результат. Без ТЗ нет и результатов, чем подробнее и детальнее, тем минимум правок от заказчика.
4. Вроде бы мы проанализировали, собрали SEO и написали ТЗ и составили прототип, но и это ещё не всё в пре-продакшене. Важно всё готовить заранее, поэтому что нужно? Правильно, подготовить и запросить у заказчика, сразу контент (текста, картинки) для сайта или сделать это самим, так как ты исполнитель и это часть твоего сервиса для заказчика! А ещё важно, сразу определиться с движком, доменом, хостингом. То есть провести все подготовительные работы в начале, чтобы по завершению проекта, не вносить сто пятьсот правок! И обговорить в самом начале, как у вас будут строиться финансовые взаимоотношения с заказчиком.
2 ЭТАП - Разработка Дизайна
Это был увлекательный аттракцион.... Дизайн сайта - это всегда сто пятьсот правок, а мне тут цвет не очень, а тут шрифт без засечек, ой, а тут я забыл напомнить, что тут должно быть что-то, что не помню... Считаю, что Web-дизайнер, это человек у которого терпения просто неограниченное количество. И тут ещё такой момент, что дизайнер, это творческая личность и он хочет творить, а заказчик порой хочет простоты и по своему видит результат и тут ты как бы ничего не сделаешь? Хочет он лебедя посреди сайта, значит надо его каким-то образом воплотить ахаха Но это не точно. Есть тонкая грань, хочу и действительно поможет в продвижении сайта. В дизайне, важно сразу отрисовать все страницы, все формы, все логотипы, всё, максимально, досконально всё. Дизайн должен быть понятным, в нём куча своих правил и заморочек, но важна максимальная детализация, потому что на последующих этапах, что-то править не всегда получается, да и получается потом своеобразный результат, если что-то забыли нарисовать. Самый популярный инструмент для дизайнеров figma.com. Ура, дизайн сайта готов, лого готово, фирменный стиль готов. (но это правда ад ахахах, зависит от заказчиков) Но прикол в том, что когда встречается творчество и система, получается очень весело, однозначно весело. Идём дальше.
3 ЭТАП - ВЁРСТКА САЙТА
Мы уже на середине пути нашей реализации. У нас есть готовый дизайн. теперь это всё нужно превратить в код, сейчас конечно много дополнительных программ, которые позволяют из фигмы переносить сайт в код. Но в большинстве случаев, верстальщики, пишут ручками! Тут важна системность, структура и контроль, важно, чтобы был знающий проектный менеджер, который внимательно смотрит готовые страницы и сразу же высылает правки, чем больше нюансов проектный менеджер заметит и исправит, тем проще будет следующий этап. В целом нужно относится к любой работе профессионально и делать её один раз и хорошо! Тогда и другим людям вокруг тебя будет проще и это касается, каждого этапа в разработке сайта, не только вёрстки. Для оптимизации работы и контроля в вёрстке, использую обычную таблицу гугл и туда вставляю каждую готовую страницу и также в этой таблице сразу отмечаю, все правки и нюансы, которые нужно исправить, есть несколько сервисов, которые помогают проверить код, к примеру: https://validator.w3.org/
Мы разобрали половину пути разработки сайта и скажу вам друзья, что это ещё не всё и хотелось бы отметить, что на каждый этап в зависимости от сложности проекта, могут уходить часы, дни и недели. Вторая часть будет в следующей статье! Разработка качественного, интересного сайта, занимает ни один месяц, зато потом, он может приносить плоды, которые сто процентов окупаются! Сайт это просто говорили они, ага, сгенерируй за 3 минуты, а потом правь его годами. Да, да, да мы такое уже проходили ахахах
Если вы хотите разработать сайт один раз и надолго, пишите мне, буду рада вам помочь!
Мои контакты: телеграмм https://t.me/pligovkaa
Мой ВК https://vk.com/pligovkapoli