ЧЕК-ЛИСТ
Структура страниц сайта
Основа — Анализ конкурентов
Выбор необходимых элементов и блоков
3 Таблицы: Пример реального анализа конкурентов
Приступая к разработке сайта, кроме технической составляющей, разрабатывают макет Главной, посадочных и информационных страниц. Идеи, какие элементы внедрять, заимствуют у конкурентов. На основании анализа выделяют:
- Обязательные блоки (они реализованы у большинства конкурентов).
- Дополнительные, присущие профилю вашего бизнеса (подчеркивают индивидуальность. Это своеобразная отстройка от других, служит запоминающим фактором).
- Желательные — если другие упустили какой-то критерий, стоит обратить на это внимание (возможно, этот блок добавит жирный + вашему проекту).
- Уникальные фишки, притягивающие внимание, задерживающие пользователя на сайте (типа вирусного или НЧ, но полезного контента), если это уместно и не повредит в конкретном случае.
Скачать файл с 3 Таблицами: Структура страниц — Анализ конкурентов
Образец макета Главной
Внешняя (визуальная) структура страниц
Ниже представлены Таблицы, которые составляете сами, после того, как отберете 5-7 топовых конкурирующих проектов, аналогичных вашему. Чтобы понять, как это сделать, представляю уже заполненные графы — это реальный анализ, который сделала для одной заказчицы… Данные исследуемых сайтов скрыты. Вам доступна оценка их ресурсов, включая мои комментарии. Проведя анализ, поймете, как примерно будет выглядеть ваша страница, какие функции, блоки нужно реализовать. Лучше потратить время на аналитику, чем потом переделывать проект, не отвечающий требованиям ПС.
Структура страниц
Сравнение сайтов конкурентов
Выбраны компании, работающие в Москве
К…. https://… (реклама) — недостатки: раздражает обилие выскакивающих окон, трубка телефона, сумбурно подана информация, в Меню включены как отдельные страницы, так и простые блоки Главной. Сложная структура. Низкая скорость загрузки на телефоне (33/88), как и у всех остальных.
- С… (реклама) — информативный, ненавязчивый, возможно, даже слишком. Акция не видна на Главной, пока не просмотришь слайдер. Много полезной информации. Материал хорошо структурирован. Огромная коллекция видео на ютубе. Низкая скорость: (21/67).
- C… https://… /(реклама) — малоинформативный, ненавязчивый, кроме трубки телефона (хорошо, что цвет не красный), на Главной нет фото работ, есть карта, много ссылок на разделы сайта, проблема с URL, ужасно долго грузится (22/53).
- http://… — простой, в меру информативный, не навязчивый, даже скромный. Простая навигация, вызывает доверие-демонстрируется производственный процесс, мало воздуха, не захватывает. Отсутствует SSL сертификат! Скорость загрузки: (19/86)
- К… https://… (домен на кириллице) — наглядный, вызывает доверие, выдержан, соответствует основным требованиям, но не более. Смотрится легко, без навязчивых выскакивающих окон,… Скорость (21/68). Большой плюс — фото сотрудников и отзывы, но это все. Нет изюминки.
Таблица 1
Структура страниц основных технических
элементов взаимодействия с клиентом
№ | Основные технич. Элементы Главной и прочих страниц | 1 | 2 | 3 | 4 | 5 |
Ссылка: мы в соц. сети | + инстагр. | ++++ | + | — | +инстаг. | |
URL- транслит | + | + | + | + | — | |
Заказать звонок /анимир. трубка | +/+ | +/- | +/+ | +/- | +/- | |
Акция есть/ не на главной | + | +/- | — | + | + | |
Калькулятор онлайн | — | — | — | — | + | |
Заказы из разных городов России | + | — | — | — | — | |
Ссылка: Политика конфиденциальности | + | — | + | — | + | |
Телефон в рекламе/сниппете | +/+ | + | +/цена | — | — | |
Чат (консультация) | — | + | — | + | — | |
Слайдер 1 экран | — | + | — | + | — | |
Хлебные крошки | — | + | — | + | + | |
Карта навигации | — | — | + | — | — | |
Видео | — | — | — | + | + | |
И того: | +9/-6 | +8/-7 | +8/-7 | +7/-7 | +7/-7 | |
Сайт работает с (года) Позиционируют себя с | 2019 2009 | — 2014 | 2017 2001 | 2009 ? 2012 ? | 2012 2000 |
Таблица 2
Структура страниц: элементы Главного Меню
(Анализ 5 сайтов-конкурентов)
№ | Элементы Меню | Добавить на свой сайт | 1 | 2 | 3 | 4 | 5 |
логотип + фавиконка | + | + | + | + | + | ||
Продукция (Каталог изделий) | + | + | + | + | + | ||
О компании (О нас) | -/+ | + | + | + | + | ||
Каталог камня | — | + | + | + | + | ||
Наши работы (проекты) | + | + | +/- | + | — | ||
Статьи (блог) | — | + | — | + | + | ||
Сотрудничество | — | + | + | — | — | ||
Контакты | + | + | + | + | — | ||
Цены: отдельная страница/полускрыты (всплывают при наведении на объект) | +/- | -/ + | + | + | + | ||
Акции: бросается в глаза/ малозаметна | +/- | -/++ | — | + | + | ||
Почему мы? (Преимущества) | + | — | + | — | — | ||
Кнопка: Искусственный камень | + | -/+ | — | — | — | ||
Кнопка: Кварцевый Агломерат | + | -/+ | — | — | — | ||
Телефон + окно синхронизации с мобильн. | +/+ | +/+ | +/+ | + | + | ||
Выбор городов + страница под него | + | — | — | — | — | ||
Услуги | — | — | — | — | + | ||
И того: | +12 | +14 | +11 | +10 | +9 |
Таблица 3
Структура страниц: элементы и блоки на Главной
Анализ 5 топовых сайтов-конкурентов
№ | Блоки на странице | Реализовать | 1 | 2 | 3 | 4 | 5 |
Главное Меню (липкое/нет; поиск- П) | — | — | + | + | — | ||
Бренд на русском | + | + | — | — | + | ||
Заказать звонок | + | + | + | + | + | ||
Скидка (Акция) | + | +/- | — | + | + | ||
Вызов специалиста (бесплатн. замер) Этапы | + | +/- | + | + | — | ||
Срок изготовления | + | +/- | + | + | + | ||
Гарантия | + | +/- | + | + | + | ||
Вид (способы) оплаты | + | + | — | — | — | ||
Галерея работ (Продукция) карточки меню-ссылки на страницы | +/6 | +/8 | + | + | + | ||
визуальные бренды (логотипы) компаний-производителей … поставщики | Указать в галереи камней | + | + | + | + | — | |
Популярные текстуры: галерея (примеры) | +/3 | — | — | — | — | ||
Наши работы Портфолио | + | + | + | + | + | ||
Кнопка: Рассчитать проект (заказ-форма) | + | + | + | + | — | ||
Заказать обратный звонок (консультация) | + | + | + | + | + | ||
Преимущества | + | + | + | + | + | ||
Бренды кооп. клиентов на Главной | + | -/+ | + | — | — | ||
Предложение о сотрудничестве (мебельные салоны, архитекторы-дизайнеры, строител.) | + | — | — | — | — | ||
Отзывы | + | — | — | — | + | ||
Сравнительная таблица выбора | — | + | — | + | — | ||
Текст о компании (предлож. работы, услуги) | + | + + | + | — | — | ||
Фото сотрудников | — | — | — | -/+ | + | ||
Адрес | + | + | + | + | + | ||
Футер (заполнен/ пустой) | — | + | + | + | + | ||
И того: | +19 | +19 | +15 | +16 | +13 |
Вывод: Понравился 2 вариант, но ему не хватает коммерческого шарма 1 сайта. У прочих есть что взять, как отдельные блоки, которые лучше реализованы. Кроме всех обязательных (отметьте зеленым) атрибутов, полезно разместить:
- Видео.
- Фото сотрудников.
- Отзывы.
- Добавить на 1 экране Бренд на русском, чтобы лучше запоминался.
- Выгоды клиентов разместить сразу после 1 экрана.
- Карта навигации (расположение офиса).
- Блог, чтобы были страницы доноры для перелинковки.
- Главную и прочие страницы не перегружать спецэффектами, так как, фотографии (много и большие) и так замедляют загрузку. Ни один сайт нормально не грузится на телефоне, а это минус.
- Информацию не лепить всю на 1 странице, а распределить по разделам. (обговорим, потом представлю окончательный план-макет).
Серым выделила то, что, как полагаю, не нужно. Решать вам.
Ваши задачи:
- Выберите, какие элементы, блоки, разделы будут на Главной (выделите эти строки зеленым цветом, добавьте, если есть, замечания). Обсудим эти вопросы «за» и «против».
- Вышлите список ключей из вашей схемы (продумаю формат страниц, как лучше реализовать структуру).
- Собирайте материалы: фото работ, сотрудников, образцы камней с брендами, какие используете. Чем больше, тем лучше. Пока их очень мало. (в крайнем случае, это можно у кого-нибудь «позаимствовать», но от этого пострадает уникальность…
- Если есть возможность, попросите клиентов написать отзыв + фото изделия с заказчиком (было бы классно).
- Запишите Видео процесса обработки камня пусть очень короткое, но зато уникальное — это ценится поисковиками.
- Если сможете: нужны образцы обработки углов…
Думаю, и так понятно, что нужно много чего, но, в первую очередь, выполните 1 и 2 пункт, чтобы я могла приступить к макету Главной страницы, понемногу писала тексты и т.д.
P.S. Да, М…, не стесняйтесь, пишите мне про все проблемы, вопросы, как оно есть. Я все понимаю и знаю, как трудно собирать материалы. Готовить сайт, ничего об этом не зная.
Не переживайте. Сознаю положение, в котором приходится работать. Чем откровеннее будете вы, тем больше я буду понимать, как лучше сделать, что есть, чего нет. Будем думать, как выкручиваться с наполнением сайта. Давайте это обсудим. Кто и чем у вас занимается. Кого привлекаете к проекту еще. Может от меня не нужно столько информации?
Просто до вас работала с одной девушкой…, но там так запутано, что было непонятно кто и чем занят… в результате, я написала тексты. Сайт, вроде бы, кто-то делал, кто-то занимался семантикой, кто-то рисовал иконки, кто-то публиковал статьи. В результате ничего до сих пор не доделано. Публикации размещены неправильно. Сайт никак не доведут до ума. Все получилось как-то криво. Думаю в том виде проект бесполезен… Не хочется, чтобы и у вас были такие-же проблемы. Откровенность — путь к поиску правильных, а не бесполезных решений.
Скачать файл с 3 Таблицами: Структура страниц — Анализ конкурентов
