Кейс по разработке сайта по натяжным потолкам в Москве «Фран-Ко»
Предыстория: обратился клиент с просьбой разработать новый сайт в замен старому. Старый сайт не приносил заявок и был неудобным для пользователей - так сказал клиент + не было системы управления сайтом (на голом html). После обсуждения всех нюансов приняли решение делать новый сайт, не опираясь на старый.
Старый сайт: http://old.fran-ko.ru/
Новый сайт: https://fran-ko.ru/
Что было сделано на проекте?
1. Анализ конкурентов
2. Подготовка ТЗ на дизайн и разработку
3. Разработка дизайна
4. Верстка сайта
5. Установка сайта на CMS MOD X
6. Наполнение контентом
7. Тестирование
8. Итог работы
1. Анализ конкурентов
Перед началом работ был проведен анализ ТОПа выдачи, чтобы определить молодых и растущих конкурентов, а также определить коммерческие факторы, которые необходимо использовать в дизайне.
В качестве конкурентов анализировали успешные сайты, которые имеют хорошую видимость и плотно сидят в ТОПе. Благодаря этому определили важные коммерческие факторы и определились со структурой, которая нужна для SEO и контекста.
2. Подготовка ТЗ на дизайн и разработку
На основе проведенного анализа было подготовлено ТЗ на дизайн сайт с учетом нужны коммерческих факторов, элементов и их расположения на сайте.
P.S. прототип сайта не делали, поскольку бюджет на разработку был ограничен.
3. Разработка дизайна
Было разработано 3 макета дизайна (ввиду ограничения бюджета у клиента), а также отдельно формы, кнопки, раскрывающееся меню. А также отрисованы макеты дизайна в адаптивной версии для мобильных и планшетов.
Остальные страницы сайта были сверстаны без отрисовки дизайна с учетом имеющихся элементов.
Да, и такое тоже делаем, когда у клиента ограничен бюджет!
Подробнее весь дизайн можно посмотреть на самом сайте по ссылке https://fran-ko.ru/
4. Верстка сайта
На основании макетов по дизайну было подготовлено ТЗ для верстальщика и бекендщика.
Каждый элемент макета расписывался по функционалу и взаимодействию.
После согласования макетов дизайна и ТЗ на верстку к работе приступил отдельно специалист по верстке, который верстал десктопные и мобильные версии сайта + верстал дополнительно страницы, которые не были отрисованы.
5. Установка сайта на CMS MOD X
После утверждения всех макетов верстки присутпили непосредственно к установке сайта на систему управления MOD X: распаковка CMS, подключение модулей, настройка форм обратной связи, настройка всех необходимых полей для SEO, натяжка верстки на CMS.
6. Наполнение контентом
На каждой странице сайта были добавлены изображения, цены, таблицы.
В данный момент информация вся в тестовом варианте, поскольку клиент готовит всю инфу для наполнения.7. Тестирование
На этапе тестирования сайт был полностью проверен на технические ошибки, ошибки в верстке, проверена работа форм обратной связи, донастройка админки под нужды SEO-специалиста (поля для метатегов, установка счетчиков статистики посещаемости и т.д.). Мы проверяли работу всех элементов, а также в процессе вносили изменения в верстку и функционал по просьбе клиента.
8. Итог работы
По итогу работы клиент получил готовый сайт на удобной системе управления! При правильном наполнении и продвижении сайт обязательно займет ТОПы поисковых систем!
Как и хотел клиент, сайт имеет удобную структуру, приятный и ненавязчивый дизайн, правильное расположение блоков. Все поставленные перед нами задачи были выполнены в полном объеме.
Клиент при небольшом бюджете получил качественный продукт!Сейчас решаем финансовый вопрос с клиентом о дальнейшей работе над SEO.
Так что скоро увидите данный сайт в ТОПе!