Сегодня я вам расскажу как происходит разработка дизайна сайта с нуля.
Для чего нужно делить разработку сайта на этапы?
Это делается не только в облегчение дальнейшей работы дизайнера, но и для заказчика, чтобы он:
Во - первых - видел, то как будет выглядеть его сайт.
Во - вторых - мог наблюдать за процессом работы и не переживать по поводу того, что ему предоставят не, то чего он хотел.
И так перейдём же к этапам.
Этап первый - Выявление потребности.
На данном этапе мы общаемся с заказчиком, узнаём у него, какой сайт ему требуется, что он хочет видеть, какой стиль ему больше всего подходит и т.д. Обязательно узнаем всю необходимую контактную информацию, это могут быть ссылки на соц. сети, номера телефона, почта и др.
Бывают такие предприниматели, которые приходят к веб-дизайнеру уже с готовым ТЗ (техническим заданием), где всё подробно расписано, и остаётся только уточнить несколько моментов и возможно подправить его потребности, дабы улучшить качество сайта.
Этап второй - прототип.
После того, как мы узнали всё, что нам нужно, для начала работы, мы переходим к прототипированию сайта.
Здесь мы делаем схематическую картину того, как будет выглядеть наш сайт в дальнейшем, мы расставляем блоки, текст, кнопки и др.
Прототип сайт можно производить как в диджитале, (компьютер, ноутбук), так и на бумаге, то есть вы рисуете в блокноте ручкой/карандашом, так работают многие веб-дизайнеры и в этом нет ничего стыдного, просто некоторым так удобней.
Этап третий - шапка сайта.
Кто-то сейчас может задать вопрос " зачем выделять шапку сайта в отдельный этап, это же просто первый экран всего сайта и его нужно делать со всем дизайном целиком". Я объясню - шапка сайта тут не просто так, на этом этапе мы уже приступаем к дизайну, но только 1го экрана, и после показываем заказчику. Это делается для того, чтобы вам не приходилось переделывать весь дизайн.
Вы делаете дизайн шапки, вносите правки и утверждаете его. А на основе 1-го экрана делаете дизайн всего сайта, и у вас нет необходимости отправлять заказчику каждый блок для утверждения.
Этап четвёртый - дизайн сайта.
Тут мы уже включаем все свои знания и фантазию, чтобы сделать дизайн всего сайта, на данном этапе вы можете полностью погрузиться в свою работу и не отправлять заказчику каждый блок на согласование, вы просто делаете свою работу, бывает и такое, что проект достаточно большой и заказчик периодически просит просмотреть состояние работы, т.е. сколько вы уже сделали - это нормально. После того, как мы выполнили дизайн, отправляем и вносим правки (если есть) и утверждаем дизайн.
Этап пятый - верстка сайта.
Но хочу сказать сразу, что на данный этап переходят не все, так как бывают заказчики у которых уже есть программист, который может сверстать ваш макет. Но мы все равно разберём его, ведь это тоже часть нашей работы. И так, после утверждения дизайна, мы создаём уже сайт, на этом этапе правки не возможны, для правок было время, на 4-м этапе.
Делаем активными кнопки, анимации, ссылки и т.д. проверяем, что бы все работало корректно и сайт не "тормозил". Создаём адаптивность, всё такие в 21 первом веке живём и уже все ходят с телефонами и простомотры сайтов с мобильных устройств достаточно большое количество.
Не забывайте, проверять адаптивность во время работы.
Также на этом этапе не забываем подключать домен и все необходимые интеграции( более подробно о них мы поговорим позже). И так после того, как мы сделала вёрстку сайта, окончательно проверяем его работоспособность и сдаём заказчику, он проверяет, все ли хорошо, если есть недочёты, которые мы не заметили сами, заказчик информирует нас об этом и мы быстро всё исправляем. Как только сайт закончили, передаём все исходники, макеты заказчику.