Разработка структуры сайта

Леонид Родинский

Копирайтер
25 Август в 13:15

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

Структура сайта: основа для любых разработок

Дерево, растущее за вашим окном – вот простейшая природная иллюстрация логичной структуры. Можете не сомневаться, что в нем все гармонично и правильно. Ствол, как главная страница. Это самый объемный элемент (первый уровень), объединяющий все остальные компоненты. От него отходят ветви первого порядка. В случае с веб-сайтами, они служат прототипами разделов второго уровня. От ветвей расходятся дочерние отростки так далее, до создания всей кроны (массива) страниц, образующих общую структуру.

Пример с деревом интересен для разбора структуры сайта по еще одной причине. Дерево всегда пропорционально. В здоровом растении не бывает сильно различающихся по размеру ветвей. Все они обладают примерно одинаковым количеством отростков. Такой же подход следует использовать при построении сайта – принцип равновложенности внутренних элементов. Понятно, что в интернет-магазине одна категория товаров (например, мебель) способна объединять 100 позиций, а другая только пять. Значит нужно применить дробление крупных разделов. В случае с мебелью – это офисная, для кухни, гостиной и далее по списку.

И еще одно иллюстративное замечание. Сайты с простой структурой подобны пальме – корона широколиственных ветвей в своем основании соединена со штамбом (стволом). Это простейшее построение, главная страница с переходом на следующий уровень не имеющий дальнейшего структурного развития. Такой формат следует принимать за основу. Наращивание массива ответвлений в третий, четвертый и далее, усложняют построение и создают новые навигационные пути по сайту. Уровень сложности таких конструкций границ не имеет.

 ​

Структура страницы: логика традиционных построений

Второй аспект построения связан с организацией внешнего вида веб-страницы. Этот пункт также относят к структурным понятиям, хотя он, в большей мере, связан с пользовательской архитектурой.

  • Шапка – блок фирменного стиля. Здесь действительно все подчинено узнаваемости бренда – логотипы, начертания шрифтов, цветовые решения, названия и рекламные слоганы. Даже сайты интернет-магазинов – похожих друг на друга, как братья-близнецы – именно в этом блоке демонстрируют наибольшие различия.
  • Тело страницы – раздел контентного наполнения. В нем размещают все тематические элементы – тексты, графика, интерактивные и продающие блоки. Порядок формирования зависит от дизайнерского концепта и логики размещения. Для информационных ресурсов характерно вынесение на главную страницу последних по хронологии материалов. Для продающих – заглавный блоков тематических товарных каталогов, акций и скидок, розыгрышей и бонусов, других конкурентных предложений.
  • Левая и правая колонки. Находятся по обе стороны тела страницы (ниже шапки) и служат для размещения произвольного набора элементов. Слева часто помещают основное или дополнительное меню, каталоги с разворачивающимися «аккордеонами» вложений. Правая сторона отдается рекламе, анонсам внутренних страниц или виджетам соцсетей. Обе колонке не являются обязательной составляющей страницы, их применение зависит от способа размещения информации. Например, продающие landing page традиционно верстаются в одноколоночном формате.
  • Подвал сайта.Применяется для размещения служебной информации, дополнительного навигационного меню, копирайта разработчика и других вспомогательных элементов. 

 ​

Оба рассмотренных структурных плана имеют важное значение для обработки страницы программами поисковых систем и восприятия контента посетителями. Первые ориентируются на машинные факторы – доступность страниц, организация переходов, логика построения. Для вторых – пользователей – важна интуитивная отзывчивость интерфейса, понятные навигационные пути, соблюдение основ комфортного взаимодействия с контентом.

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

 ​

Наши работы

  • Лендинг для клиники «Анатомия»
    Задача: 

    Разработать лендинг для клиники красоты и здоровья "Анатомия".

    Что мы сделали: 

    Сделали продающий сайт;

    Проработали внутреннюю структуру сайта;

    Нашли оригинальное решение вывода ценовой информации.

    Результат: 

    Продуманный сайт с "жемчужным" дизайном и удобной структурой.

  • Задача: 

    Полная переработка сайта dmrealty.ru

    Что мы сделали: 

    Разработали прототипы страниц

    Сделали полный редизайн сайта

    ​Перенесли более 5000 материалов

    Результат: 

    Новый сайт с удобной структурой

    Сайт: 

    dmrealty.ru

  • Задача: 

    Разработать продающий мультиязычный сайт отеля в Греции

    Что мы сделали: 

    Разработали концепцию будущего сайта

    ​Разработали прототипы страниц

    Нарисовали 2 варианта дизайна!

    Зарегистрировали отель на booking.com и других подобных сервисах

    Подключили модуль Channel Manager от Travelline

    Результат: 

    Отличный минималистичный сайт на 3 языках

    Всего лишь за 8 недель отличный мультиязычный сайт

    Первые заявки с сайта пришли уже через несколько дней после старта!

    Сайт: 

    clubhsb.com

  • Задача: 

    Разработка сайта с высокими показателями конверсии для продвижения инжиниринговых услуг

    Что мы сделали: 

    разработали концепцию самого сайта

    подготовили дизайн базовых страниц и карточек заказов

    повысили конверсионные показатели ресурса

    Результат: 

    устойчивая мотивация клиентов

    структурированный контент

    конверсия до 10% 

    Сайт: 

    ingcentre24.ru

  • Задача: 

    Разработать стильный, продающий лендинг 

    Что мы сделали: 

    внедрили якорное меню

    разработали стильный дизайн

    ​добавили продающие блоки

    Результат: 

    Удобный лендинг с продающим дизайном

    Сайт: 

    decor-woods.ru

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Диана Зайцева
    Руководитель отдела развития

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Дарья Шугурова
    Руководитель офиса г. Липецк

    Мы разработаем самое интересное и эффективное решение. Продажи будут расти!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    SERM-менеджер

    Ваша репутация в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Алексей Фратя
    Аккаунт-менеджер

    Каждый клиент уникален: учтем все нюансы!

  • Виталий Степин
    Дизайнер

    Разработаем яркий, продающий дизайн. Создадим динамическую картинку!

  • Марина Петренко
    Контент-менеджер

    Раскрываем все положительные стороны Вашего бизнеса для увеличения целевой аудитории!

  • Владимир Гришин
    Дизайнер

    Яркий, продающий дизайн сайта – залог успеха компании. Уделим внимание деталям!

  • Андрей Долгов
    Дизайнер

    Разработаем уникальный дизайн для Вашего сайта. Подчеркнем Ваши преимущества!

  • Галина Усачёва
    Специалист по контекстной рекламе

    Заявки, у Вас будет много заявок. Только эффективные объявления!

  • Алёна Уваркина
    HR-менеджер

    Гарантируем четкое и своевременное исполнение заказов. У нас работают профессионалы!

  • Артём Герман
    Менеджер по продажам

    Благополучие компании в надежных руках. Прибыль будет расти!

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Елизавета Тиханова
    SMM-менеджер

    Соцсети сделаны для людей, а не для брендов. Сделаем контент для людей и это вернется с троицей!

  • Елена Манаенкова
    SMM-менеджер

    Захватим внимание потенциальных клиентов из любых соцсетей! 

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер
  • Павел Зык
    Аналитик по контекстной рекламе

    Проанализирует и предложит как лучше!

  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Павел Константинов
    Копирайтер

    Когда Вы чего-то не знаете или не понимаете – спросите того, кто знает, а лучше нескольких, и создайте свой собственный взгляд на вещи.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

Разработка корпоративного сайта

Интуитивно понятен
Дизайн понятен клиенту

Предпочитают Вас
Вас рекомендуют друзьям

На перспективу
Каждый день сайт растет

Разработка сайта компании

Понятен для всех
Клиент легко ориентируется

Рост круга клиентов
Вас рекомендуют друзьям

Сайт для перспектив
Развитие ресурса каждый день

Создание сайта агентства недвижимости

Доступен каждому
Простой дизайн

Рекомендации клиентов
Вас рекомендуют друзьям

Мощный фундамент
Каждый день сайт развивается

Разработка туристического сайта

Доступность подачи
Ресурс понятен клиенту

Вас рекомендуют
Рост клиентопотока

Все включено
Развитие каждый день

Создание сайта строительной компании

Ваши предложения понятны
Дизайн отражает предложения

Рекомендации продают
Вас рекомендуют друзьям

Готов к масштабному развитию
Каждый день сайт улучшается

Создание юридического сайта

Доступность
Дизайн понятен клиенту

Доверие
Вам доверяют и рекомендуют

Перспектива
Каждый день сайт развивается