Главное Авторские колонки Вакансии Образование
arrow-right Created with Sketch. Бухтеев Игорь 245 9 В избр. Сохранено
Авторизуйтесь
Вход с паролем

История одного сайта

Сегодня расскажу небольшую историю про создание одностраничного сайта. Ты сможешь своими глазами увидеть весь процесс рождения нового сайта на свет.
Мнение автора может не совпадать с мнением редакции

Расскажу предысторию: ко мне обратился Никита Асташев с просьбой создать одностраничный сайт для его магазина. Он занимается продажей бильярдных столов и всех необходимых для этого аксессуаров. У него уже есть интернет-магазин (бильярдсервис.рф), но Никита понимает что в текущее время необходимо иметь не только интернет-магазин, но и одностраничный сайт (а то и несколько). Мы выбрали день и начали совместное создание его сайта. Первым этапом был опрос и изучение бизнеса клиента. Что конкретно продают, как, кому, из чего это все состоит, чем отличается, почему лучше конкурентов и т.д. и т.п. На выходе, через 5 часов общения, я получил список смыслов:

Пока все это было в довольно скомканом варианте и необходимо отделить зерна от плевел. Нужно было решить, что мы оставляем и что нам пригодиться для создания сайта. Отсекая "лишнее" и оставляя важное, стала вырисовываться картинка, которую я тут же изобразил на бумаге в виде первого макета:

Пока все это было в довольно скомканом варианте и необходимо отделить зерна от плевел. Нужно было решить, что мы оставляем и что нам пригодится для создания сайта. Отсекая "лишнее" и оставляя важное, стала вырисовываться картинка, которую я тут же изобразил на бумаге в виде первого макета:

Теперь уже можно было увидеть все визуально. Какие блоки будут, их расположение и очередность, что будет внутри, чего не хватает и т.д. Далее это все приводится в более структурированный вид, который я уже и показал заказчику:

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

Уже вырисовывались первые линии, цвета, общее впечатление. Когда первый вариант дизайна был готов, я снова поехал показывать его заказчику. Макет уже смог показать как будет выглядеть будущий сайт и заказчик его утвердил. Хотя у меня на руках и был утвержденный дизайн, он мне показался сырым и недоработанным. Поэтому мы перерисовали несколько блоков и тогда дизайн стал выглядеть именно так, как я изначально представлял его в своей голове.

Конечно я показал все изменения в свежем макете заказчику и согласовал их, после чего макет отправился на верстку (из картинок преобразовывался в программный код). Дополнением к обычному коду стала подмена заголовка под город, из которого заходит пользователь на сайт (другими словами - геотаргетинг):

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

Кроме всего этого мы настроили рекламную кампанию в Яндекс Директ. Клиент попросил рекламироваться на 3 региона. Это Челябинская область, ХМАО и ЯНАО. В итоге мы создали отдельные кампании на каждый город, плюс еще одну для ретаргета (чтобы догонять теплых клиентов):

Резюмируя изложенное выше: за месяц работы создали отличный сайт и запустили Директ, которые принесут высокие результаты.

Итоговый вариант сайта Вы можете посмотреть по ссылке: billiardservis.ru

Если Вы хотите иметь свой сайт, который будет индивидуальный, наполненный смыслами и совершенно нового уровня, то пишите мне в ЛС, договоримся :)

С уважением, Игорь Бухтеев.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем