С ЧЕГО НАЧИНАЕТСЯ САЙТ Пожалуй, я не ошибусь, если скажу, что | PROEKT | digital мастерская

С ЧЕГО НАЧИНАЕТСЯ САЙТ

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

Как только есть и то, и другое, будущий заказчик начинает искать веб-студию, которая правильно оформит его идею.

К примеру, он находит мою студию веб-дизайна PROEKT. После обсуждения ряда вопросов мы можем переходить к работе над созданием сайта

Эта работа включает в себя несколько этапов:

1. ИССЛЕДОВАНИЕ

Пожалуй самый важный этап, который игнорируют 98% разработчиков. Ведь сейчас сайты не делает только ленивый. Но правильные, продающие сайты разрабатывают единицы. В чем же заключается эта правильность? Она упирается в изучение самого продукта. Затем в понимание того, какие проблемы он решает. И конечно же чьи проблемы он решает.

Как только ясно ЧТО, КАК и для КОГО, мы собираем максимум информации о задачах, которые должен решать сайт. На основе этих данных будет составлено техническое задание (коротко ТЗ)

2. СОЗДАНИЕ ПРОТОТИПА

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

3. ЧЕРНОВОЙ ДИЗАЙН

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

4. ГОТОВЫЙ ДИЗАЙН

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

5. ВЕРСТКА

Теперь все обращаем в код:))) Чтобы браузеры этот код понимали. Чтобы все смотрелось как надо. И конечно же смотрелось не только на десктопе. Но и на других устройствах, аля планшеты и смартфоны с разными разрешениями экрана. Адаптивность в действии. В 2018 без этого уже никуда. Тестируем и если все ок, то переходим к финальному шагу

6. ЗАПУСК САЙТА

Сверстал, проверил как работает, поставил аналитику, залил на хостинг и все... Теперь ключи от сайта можно передавать клиенту. И исходники конечно же :)

В целом вот так выглядит процесс разработки сайта в моей студии веб-дизайна PROEKT

Если вам нужен сайт, а скорее всего он вам нужен, то рекомендую написать сюда vk.me/tehside И мы обсудим, как вы можете получать клиентов из интернета с помощью сайта