Введение в создание структуры сайта под ваши проекты

Структура сайта: разработка структуры в виде схемы, типы и примеры

Часто можно столкнуться с ситуацией, когда владелец бизнеса делает сайт просто так, как ему на тот момент задумалось. Выходит красивый ресурс, но совершенно не готовый к продвижению. И когда бизнесмен (обычно спустя несколько месяцев) обращается к оптимизатору (потому что ожидаемого потока заказов с сайта нет), то тот, проведя аудит, заявляет — нужно всё переделывать. И в первую очередь нужна грамотная структура сайта.

И всё правильно, потому что только хорошо продуманная структура сайта — залог его успешного продвижения. Мало того — она обеспечит отличный пользовательский опыт. Простыми словами — сайтом с хорошей структурой будет удобно пользоваться вашим посетителям.

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
  • Подключиться можно самому за 1 день.
  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Начать зарабатывать >> Реклама

И заниматься продумыванием, проработкой схемы сайта нужно с самого начала. Это самый первый фронт работ по сайту, после сбора семантического ядра. И сделать это вы можете и сами. С чего начать, какие структуры бывают, какие ресурсы использовать — узнаете в этой статье.

Что такое структура сайта и зачем она нужна

Структура сайта — это схема размещения его основных разделов и страниц относительно друг друга. Это план-схема, которая показывает, каким образом строится сайт, логическая связка его страниц.

Такой план-схема обычно изображается графически, в виде блоков, связанных стрелочками.

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

Структура сайта зависит от того, какой вид сайта вообще планируется делать. Если это сайт-визитка, то здесь план-схему сделать проще всего. Здесь будет главная страница, а от неё идут ссылки на разделы:

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

У информационного сайта будет похожая структура. Только от главной будут идти основные разделы. А каждая статья — это будет уже страница, на которую можно попасть в том числе и с главной. Причем каждый раздел практически не имеет информационной ценности, это страница со ссылками на статьи. У коммерческого же сайта каждый раздел содержит в себе важную информацию.

Что касается интернет-магазина, это сама сложная по своей организации структура. Тут будет главная страница, категории, подкатегории и карточки товаров. Причем сразу нужно определить, какие из качеств товара будут основными, а какие — второстепенными. Основные станут подкатегориями, второстепенные — пойдут в фильтры. Например, обувь можно разделить на подкатегории женская, детская и мужская. Кожаная или замшевая – уже может быть фильтром. Точно как и цвет – красный, чёрный, синий — это фильтр, делать для этих свойств отдельные категории нет смысла.

Хорошая структура сайта делает его удобным не только для посетителей. Поисковым роботам она тоже облегчит работу, в итоге не будет проблем с индексацией страниц.

Виды структур сайта

Существует несколько видов структур сайта:

Самая простая структура — здесь каждая страница ссылается на другую, одна за одной. Пользователь проходит через весь сайт по одному пути — от начала до конца. Такую структуру имеют лендинги, сайты-портфолио, презентации. Тут основная задача — провести пользователя по чёткому пути от начала сайта до конца, не давая свернуть с него.

Эта же структура может быть и с ответвлениями. Используется, где нужно познакомить пользователя с несколькими продуктами, но навигация по сайту тоже идёт постранично.

Эта структура встречается крайне редко, потому что подходит далеко не для всех сайтов. В основном — для тех, кто презентует один продукт. Каждый блок описывает какое-то преимущество, и все страницы ссылаются друг на друга. Потому для продвижения такой сайт практически готов, дело за контентом.

Деревовидная

Это самый распространённый вид структуры сайта, и понятно почему — она позволяет чётко задать иерархию страниц, связать их с помощью хлебных крошек. Эта схема оптимальна для продвижения сайта, и большинство ресурсов в интернете имеют в своей основе именно её.

Пример разработки структуры сайта под SEO продвижение

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

Подумайте, какие из разделов вам не нужны, или какие вы можете добавить, потому что они будут интересны вашим клиентам.

Постарайтесь сделать с труктуру сайта максимально естественной. Продумайте, какие у вас будут разделы и категории. Сложнее всего как раз с категориями. Важно построить архитектуру, чтобы категория потом не была пустой, или содержала всего 2-3 материала. Но в то же время они и не должны быть слишком большими – в таком случае проще сделать ещё один раздел.

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

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

1. Собираем и кластеризуем семантическое ядро.

Для этого можно использовать специальные программы – например, KeyCollector. Собираем все ключи, убираем ненужные нам, или которые не относятся на самом деле к нашим услугам (например, мы не реализуем стройматериалы оптом; ключ «краска оптом» уже нам не нужен).

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

Читайте также:
Фотографии горы Сент-Хеленс

2. Прорабатываем непосредственно структуру.

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

Из категорий (если судить по ключам) нам нужны:

  • каталог строительных материалов.
  • услуги.
  • доставка и оплата.
  • о компании.
  • контакты.

Каталог и услуги будут включать в себя подкатегории.

У каталога это будут:

  • строительные смеси.
  • кирпич.
  • кровельные материалы.
  • пиломатериалы.
  • лакокрасочные материалы.
  • декоративная штукатурка.

Услуги будут включать в себя подкатегории:

  • грузчики.
  • вывоз мусора.

Причем в услугах можно и не делать подкатегории, а сделать перечень услуг на одной странице. Решаем с оглядкой на семантическое ядро. Если ищут «услуги строительной компании», но не ищут «грузчики строительная компания» (например), то можно и не разбивать категорию на подкатегории. Если ключи, которые относятся к данной услуге, достаточно востребованы, имеет смысл делать под них и продвигать отдельную страницу.

3. Визуализация.

Сделать это можно в любой из программ, о которых речь пойдет ниже. Да даже просто набросайте на листке бумаги — даже такой вариант может подойти, это лучше, чем ничего.

Итак, у нас вышло:

Программы для создания структуры сайта

Чтобы проработать схему сайта, в первую очередь вам понадобятся программы для сбора ключевых слов. Я уже упомянула выше KeyCollector, это одна из лучших программ в этом отношении.

Далее вам нужно будет построить структуру сайта. Это можно сделать:

Word или Excel

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

Draw.io

Тут много возможностей для рисования разных схем. И все что нужно чтобы её использовать — активный аккаунт в Google. В самой программе уже есть готовые шаблоны схем, останется только подогнать под себя. Готовая схема сохранится на Гугл Диске.

Xmind

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

Помните, что без создания4 структуры сайта не получится сделать готовый к продвижению и удобный для пользователей ресурс. Но приступать к её созданию (если вы собираетесь продвигать сайт с помощью SEO) нужно только после проработки семантического ядра.

Введение в создание структуры сайта под ваши проекты

Создание структуры сайта с точки зрения seo

Самое важно при создании сайта – это правильно спроектировать структура сайта. Создание структуры сайта это очень важно! О том, как создавать рубрики и прочие вещи для людей и роботов, мы будем говорить в этой статье и в статьях посвященным сбору семантического ядра. Вы просто должны понимать, что структура – это все для сайта.

Разделы и подразделы

Должен быть только один вариант страницы (раздела). Две доступные страницы http://site.ru/razdel и http://site.ru/razdel/ (слеш в конце) недопустимы, потому что для поисковиков это две разные страницы. Если у вас доступны обе страницы, то поисковиками это воспринимается как дубли. Очень частая проблема, когда поисковик индексирует некоторые ссылки со слешем, некоторые без слеша. И когда покупаются ссылки на страницу со слешем, оказывается, что в индексе то находится страница без слеша. То есть, эти ссылки покупаются впустую. Я часто видел, как огромные бюджеты сливаются в никуда, а потом владельцы говорят “ссылки не работают”, хотя это сами вебмастера не понимают, что делают – они покупают ссылки на страницы, которых даже в индексе нет. Вы должны понимать, что это две разные страницы.

Желательно, чтобы все неконечные страницы (разделы, подразделы) имели в конце слеш. Слеш обычно указывает на продолжение URL. Но, это не обязательно. На Вордпрессе заморачиваться этим не стоит, но если у вас есть выбор со слешем или без – то, лучше пусть он будет.

А вот статичные страницы (например, страница, где располагается статья) слеша не должны иметь.

Также слеш влияет на скорость загрузки страниц, так как веб-сервер начинает перебирать варианты index.html, index.htm,

index.php и т.п. Сейчас это особой разницы не играет, потому что скорость интернета на сегодняшний день довольно высока.

Если слеш не указывать, сервер должен будет проверить является ли это адресом веб-страницы, если по указанному пути такой файл, а если нет, значит это директория. А вот когда вы указали в конце слеш, веб-сервер СРАЗУ поймет, что вы имеете ввиду именно директорию!

Нужно, чтобы http://site.ru/contacts/ перебрасывал на http://site.ru/contacts За счет правильной структуры можно сильно вырулить в топ. Мы знаем много примеров, когда сайты, правильно структурированные, занимают топовые позиции по хорошим запросам.

Резюме по созданию разделов и подразделов

Ошибочно полагать, что seo – это покупка ссылок и так далее. Это крайне неправильно. Покупка ссылок влияет на продвижение на 20%. Это грубые цифры. Продвижение — это совокупность многих факторов. В первую очередь вы должны работать над внутренней оптимизацией сайта. Это очень важно. Раньше можно было вырулить за счет ссылок (лет 5 назад). Например, накупить в Сапе на 1000 рублей ссылок и страница в топе. Все было просто!

Года 3 назад все серьезно начало меняться. Поисковики стали не такими “тупыми”. На первый план идет работа над сайтом. Именно это приносит наибольший эффект. От этого выиграют все, мы с вами – обычные владельцы сайтов. Наши сайты становятся качественнее, удобней. Это гораздо лучше, чем тратить деньги на покупку каких-то ссылок. Лучше потратить деньги на программиста, который внедрит классную фишку, которая понравиться всем, чем на покупку ссылки с жирного ресурса. И не понятно – нужна она мне или нет?

Сейчас на первый план выходит работа над сайтом. Ссылки – это как дополнение. О ссылках мы будет говорить позже. Запомните, важно проводить внутренние работы над сайтом.

Любой маленький косяк может затормозить продвижение всего сайта. Я часто видел такие вещи, как кто-то noindex забыл закрыть или еще что-то. На исправление таких ошибок нужно буквально 15 минут и трафик увеличился в несколько раз. Соответственно и прибыль увеличилась в несколько раз. Просто люди этого не понимали.

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

Читайте также:
Климат и погода в Египте в марте: какое море, отзывы

Визуальный дизайн это верхушка айсберга

Старайтесь на своем сайте не делать лишних ссылок. В том числе на свои страницы. Про внутреннюю перелинковку мы тоже поговорим. Это тема отдельного урока.

Index.php, htm, html для разделов

Грубая ошибка в адресе http://site.ru/category/podcategory/index.php И эта страница залезает в индекс. Потом одна и та же страница доступна по нескольким вариантам (с php на конце, без php на конце, с htm или html на конце) – по 3-4 разным адресам.

Должен срабатывать 301 редирект на основную страницу. Слово index.php у вас вообще нигде не должно светиться. В индекс это вообще не должно попадать. Это не нужный элемент, от него нужно избавляться. Выше была ссылка на урок по 301 редиректу – там можно найти все коды, необходимые для создания редиректов.

Дополнительно

Страница доступна по адресу http://site.ru/rub/ так и по http://site.ru/rub Причем в индексе 1 из этих страниц, а ссылки покупаются на другую страницу. Это грубая ошибка!

Напоминаю, что 301 редирект передает (!) вес старой страницы.

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

Часто встречается вредоносный код: при заходе на сайт с мобильного телефона перебрасывает на сторонний сайт. Проблема в .htaccess. Его могут просто взломать, прописать туда нужные редиректы. За этим просто надо следить и, если обнаружится такая проблема, просто почистить файл от лишнего кода.

В WordPress очень удобно для 301 редиректа использовать плагин Simple 301 Redirects, если, например, у вас есть старая страница, она имеет какой-то адрес, вы решили поменять адрес этой страницы и старая страница (которая в индексе) отдает 404 ошибку. Пользоваться плагином очень просто – прописывается старый адрес со страницы, которую нужно редиректить и справа прописывается новый адрес редиректа. И в итоге редирект срабатывает правильно. Можно редиректить целую категорию. Например, вы рубрику поменяли и вам нужно, чтобы все статьи, которые есть в рубрике автоматически перенаправлялись на новую рубрику.

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

Основные этапы разработки сайта под ключ — путь из 17 шагов

Создание сайта — очень трудоемкий процесс, в котором принимают участие интернет-маркетологи, веб-дизайнеры, программисты, верстальщики, тестировщики, копирайтеры, контент-менеджеры и другие специалисты. Причем, основная — самая объемная, сложная и кропотливая — работа скрыта от глаз. Из-за этого у людей, далеких от веб-разработки, часто возникает непонимание сущности процесса и принципов ценообразования. А иногда может казаться, что исполнители завышают стоимость и сознательно или ненамеренно затягивают сдачу проекта.

Мы решили восстановить справедливость (а заодно развеять популярные мифы), подробно осветив процесс разработки «от и до». Получился «мануал» длиной в 17 пунктов, что само по себе свидетельствует о масштабе деятельности, которая разворачивается в рамках создания сайта.

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

Все начинается с первого контакта, который устанавливается между заказчиком и потенциальным исполнителем (веб-студией). Мы знакомимся друг с другом и обмениваемся информацией.

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

Найдя взаимопонимание, переходим к более глубокому взаимодействию.

Чтобы более точно и полно понять ваши ожидания от будущего сайта, мы высылаем бриф — шаблон с вопросами. Его желательно заполнить как можно подробнее. Это позволит избежать досадных недоразумений на этапе проектирования и разработки.

Заполненный бриф дает возможность оценить объем и примерную стоимость работ.

Грамотно составленный и информативный бриф — первое условие успешной разработки сайта.

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

Важно, чтобы в нём активно участвовали обе стороны. Это позволяет своевременно вносить коррективы, генерировать новые идеи, выстраивать общее представление о сайте.

Пусть вас не смущает обилие вопросов. Лучше сразу проговорить каждую деталь, чтобы потом не тратить ресурсы на исправление.

На основе полученных данных и внутреннего планирования формируем базовый документ — коммерческое предложение на создание сайта (КП). В нем подробно описывается, что, как и почему будет сделано для получения нужного результата.

В КП, помимо прочего, прописываются: цели разработки, технические характеристики ресурса, преимущества нашего предложения и стоимость услуг.

Когда КП обсудили, проговорили все волнующие вопросы и пришли к консенсусу, составляем и заключаем договор. Он гарантирует вам, что услуги по созданию сайта будут оказаны в полном объеме и в условленные сроки.

После заключения договора продолжаем работу по проектированию ресурса.

Уже на этапе разработки важно сформировать семантическое ядро (набор сгруппированных поисковых запросов, по которым сайт будет показываться в поиске).

В соответствии с семантикой формируется структура ресурса, продумываются его дизайн и наполнение. Это позволит быстро и успешно стартовать в Сети.

Финальный подготовительный этап — формирование технического задания на создание сайта (ТЗ). Оно составляется на языке, понятном специалистам — веб-дизайнерам, программистам. Это рабочий документ, помогающий выполнить все требования и проконтролировать результат.

Нередко заказчик сайта уже имеет готовое ТЗ, тогда данный этап можно пропустить.

Если техзадание составляется студией, его обязательно согласовываем с вами.

Дизайн-концепция — это общая схематическая визуализация, показывающая, как будет выглядеть сайт в целом. Можно сравнить ее с эскизом — «наброском», который впоследствии обрастает деталями, наполняется объемом и цветом.

Мы предлагаем несколько вариантов дизайн-концепций и объясняем преимущества каждого подхода.

Вы выбираете лучший, на ваш взгляд, вариант. Он и поступает в работу.

Прототипирование — создание шаблонов страниц. Прототип демонстрирует общий внешний вид и структуру.

Мы создаем прототипы для всех типов страниц: главная, каталог, страница услуг, контакты, карточки товаров и т.д.

Каждый шаблон согласовывается и, при необходимости, дорабатывается.

Читайте также:
Какие налоги платят ИП в Республике Беларусь

Не менее 50% вашей аудитории пользуется мобильными устройствами. Поэтому важно подготовить версии страниц, адаптированные под гаджеты.

Адаптив создается на основе утвержденных макетов десктопной версии. В итоге вы получаете сайт в трёх разрешениях: широкоформатный монитор, планшет, смартфон.

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

На этапе технических работ все, что придумано и «нарисовано», реализуется в «цифре» — в виде кода.

Программист, занимающийся версткой, создает страницы с помощью HTML и CSS-стилей. Очень важно, чтобы этим занимался опытный специалист. От него зависит, как будет загружаться и отображаться сайт.

Еще один ответственный этап — программирование функционала. Чтобы на сайте работали формы обратной связи, корзина магазина и другие опции, необходимо использовать эффективные средства веб-разработки. Найти и правильно применить их способен опытный программист.

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

Все, что сделано в процессе веб-разработки, подвергается тестированию. Этим занимаются аналитики, программисты, тестировщики студии и сам заказчик.

Тщательно проверяем работоспособность и оперативно устраняем проблемы до выхода сайта в «мир».

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

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

Создание контента лучше доверить специалистам. Он должен быть не только интересным и полезным, но и оптимизированным в соответствии с SEO.

Созданный контент размещается на сайте. Когда проект небольшой, это делается вручную. Если на сайте сотни или тысячи страниц, целесообразно задействовать программные средства (например, выгрузку из 1С).

Контент-менеджер следит за тем, чтобы содержимое сайта красиво и правильно отображалось вне зависимости от размеров экрана, софта и браузера.

Фотографии оптимизируются с сохранением качества — для ускорения загрузки страниц.

Типографирование обеспечивает правильное отображение текстов — для комфортного восприятия пользователями.

Перед запуском проект еще раз тестируется — уже в готовом, наполненном виде. После этого сайт переносится на хостинг, и подключается домен. Теперь ресурс доступен в Сети, и его можно найти по уникальному адресу.

Поскольку весь процесс разработки происходит при вашем активном участии (заказчик согласовывает, утверждает, вносит правки на каждом этапе), «сюрпризы» при сдаче сайта исключены.

При необходимости, проводим экспресс-обучение по работе с администраторским интерфейсом — для вас и ваших сотрудников.

Отдельно стоит сказать о том, как оплачивается веб-разработка.

Как вы увидели, процесс создания сайта — длительный и включает в себя множество этапов. Логично, что оплата тоже осуществляется поэтапно. Это удобно как для заказчика, так и для веб-студии.

Обычно работа начинается после получения небольшой предоплаты. А дальнейшая последователь внесения платежей обсуждается и прописывается в договоре.

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

Этапы 5-6-7: тут бывает разный порядок. В lexweb.studio, где я работаю, этап создания Технического Задания идёт ДО подписания договора, так как в Договоре описываются все детали по размеру оплаты и порядку выплат, а их в свою очередь не рассчитать без чёткого ТЗ. Отсюда и бессмертная проблематика, что я, как представитель студии веб-разработки, должен потратить своё личное время на просчёт сметы ДО того, как буду 100% знать, останется ли заказчик с нами дальше, или найдёт вариант лучше и/или заберёт ТЗ себе. Не каждый клиент готов платить за ТЗ, и при низком потоке заказов приходиться брать на себя ответственность и бесплатно дарить своё время на все расчёты

На счёт SEO-семантики – как этот пункт может в принципе идти раньше ТЗ, если только ТЗ покажет перечень, объём и тематику текстов? К тому же, дизайн можно прекрасно разрабатывать с текстом-рыбой, и оставить SEO “на потом”. Понятно, что есть идеальный план, и сайт должен продавать и бла-бла-бла, но давайте посмотрим правде в глаза – во-первых это маленькая деталь всей ракеты если сравнивать с отрисовкой дизайна и разработкой/программированием всех модулей сайта (как бы сейчас не бомбило у SEOшников), и ставить её самой первой сложно, когда с заказчиком нужно выстроить работу на этапах с ВИЗУАЛЬНЫМИ отчётами, а не после предоплаты присылать ему отрерайченные тексты за 3 копейки; во-вторых сбор семантики SEO – это комплексная работа, которой предшествует общение с маркетологами заказчика, выявление всех целей, оплатой коллекторов ключевых слов и программ по кластеризации – эта работа слишком глобальна, чтобы ввязываться в бой без точных подсчётов и потом на этапе UX-дизайна откинуть половину деталей. В-третьих, исходя их того, что я говорил о порядке “ТЗ -> договор” – SEO хотя бы должно идти третьим из этого.

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

Структура сайта

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

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

Что такое структура сайта?

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

Правильная структура сайта — это представление информации таким образом, чтобы:

  • пользователь получал ответ на свои ожидания,
  • пользователь понимал, как сайт устроен и как это работает,
  • повышалась вовлеченность пользователя,
  • улучшалось представление сайта в поисковых системах.

Кроме этого, есть масса плюсов от ее формирования:

  • будет план по развитию проекта: какие страницы необходимо создать, сколько нужно контента и т.д.
  • сможете спрогнозировать расходы на проект.
Читайте также:
Как получить статус беженца и остаться в Мексике

Пример части структуры сайта для интернет-магазина подарков:

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

Как создать структуру сайта самостоятельно?

Существует несколько способов:

  • на основе поискового спроса;
  • на основе анализа конкурентов;
  • на основе личного опыта и понимания ниши.

Самый эффективный — комбинированный, то есть — использовать все способы.

Подбор семантического ядра

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

  • Яндекс.Вордстат — сервис подбора ключевых слов от отечественного поисковика;

  • Используем поисковые подсказки и рекомендации в Яндексе и Google;

  • Сервисы для аналитики (например, яндекс.метрика);
  • Базы данных (MOAB и т.д.);
  • На основе личного опыта и анализа конкурентов проверяем, все ли запросы учли, не пропустили синонимы и т.д.

Задача — получить полный список слов (кому интересно, я недавно публиковал статью про типы поисковых запросов). Для этого используем специальные сервисы и программы: я использую KeyCollector — отдельная статья по данному инструменту скоро будет в блоге, подписывайтесь на обновления.

При анализе конкурентов можно оценить:

  • типы страниц и реализацию структуры;
  • объем структуры сайта, чтобы понимать примерный масштаб работы;
  • непроработанные страницы, по которым у Вас есть шанс занять место первым;
  • интересные решения в реализации посадочных страниц, например:
    • для продвижения по всем городам России;
    • страницы с отзывами о товарах для получения дополнительного трафика;
    • страницы для запросов «недорого», «дешево» и т.д.

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

Кластеризация запросов

Следующий этап — кластеризация (группировка) запросов. То есть, объединяем запросы, решающие 1 проблему пользователя, в группы. Примеры групп запросов:

1 группа — страница для заказа визиток, запросы:

  • визитки;
  • печать визиток;
  • заказать визитки;
  • изготовление визиток;
  • заказ визиток;
  • и т.п.

2 группа — страница с конструктором визиток:

  • визитки онлайн конструктор бесплатно с распечаткой;
  • визитки онлайн конструктор;
  • визитка онлайн конструктор бесплатно;
  • создание визиток конструктор;
  • и т.д.

Аналогичным образом разбиваются все запросы на группы. Эффективней использовать разбивку с учетом поисковой выдачи. Онлайн-сервисы помогут Вам в решении данной задачи:

  • just-magic.org
  • engine.seointellect.ru
  • rush-analytics.ru

Есть масса аналогов, по качеству все работают примерно одинаково. Данные инструменты лишь помогают Вам (программа не может думать за Вас) и необходимо вручную пересмотреть группировку.

Определение посадочных страниц и построение структуры сайта

После того, как все группы будут готовы, необходимо определить посадочную страницу (существующую на сайте или новую). 1 группа = 1 посадочная страница.

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

Обычно я составляю в этом же файле title, h1, description и другие элементы для оптимизации посадочной страницы.

Удобная навигация

После создания наглядной эффективной структуры сайта, необходимо уделить внимание расположению элементов на сайте для удобства пользователя и эффективного продвижения. Для этого необходимо сделать все страницы второго уровня вложенности (в крайнем случае — третьего). Засунуть все страницы в меню однозначно не получится, так как пользователь запутается в нем. Что делать? Использовать разные зоны.

  • меню сайта. Стараемся максимально засунуть все ссылки на продвигаемые страницы в меню сайта. Пример меню, где много элементов и все выглядит удобно: www.tehnosila.ru

  • сайдбар сайта. Можно добавить дополнительные блоки со ссылками в сайдбар. А также использовать фильтры для перелинковки сайта.

  • вывод ссылок в контентной части на главной странице;
  • создание карты сайта в формате html с выводом всех ссылок на посадочные страницы. Ссылку на карту можно разместить на главной странице или в нижней части сайта. Благодаря этому, все продвигаемые страницы будут третьего уровня;
  • вывод ссылок на карточках товара.

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

Формирование структуры URL-адресов

Основные требования к URL-адресам:

  • каждая страница сайта должна иметь свой URL;
  • желательно использовать вхождение ключевых слов;
  • при частом повторе слов в URL — страница может не индексироваться. Например, страница: albakoff.ru/seo/seo/seo/seo/;
  • все буквы строчные;
  • использовать ЧПУ;
  • между словами использовать тире;
  • отсутствие лишних символов, например: №,

, ‘ и др.;

  • использование одного формата для URL-адресов.
  • По возможности соблюдайте четкую ссылочную структуру, т.е. каждый документ должен относиться к своему разделу. Например: сайт.рф/бытовая-техника/газовые-плиты/.

    Формирование структуры посадочных страниц

    Последний вопрос, который я хотел бы разобрать — это представление информации на посадочных страницах. Задача — сформировать структуру страницы таким образом, чтобы:

    • она была удобна для пользователя;
    • отвечала на его ожидания;
    • было желание совершить действие (заказать услугу, положить товар в корзину, оставить комментарий и т.д.);
    • максимально использовались все зоны для вхождения ключевых слов. Таким образом, мы получаем дополнительные вхождения без спама.

    Разберем внешнюю структуру проекта для разных сайтов.

    Представление информации для посадочной страницы сайта-услуг

    Речь идет про представление контента. Элементы в шапке сайта, сайдбаре и нижней части лучше всего формировать с учетом коммерческих факторов ранжирования.

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

    Представление информации для интернет-магазина

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

    Для информационных сайтов все намного проще. Пример — данный материал (заголовок, введение, содержание материала, полный материал, комментарии).

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

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

    Пример результата от реализации правильной структуры сайта:

    • Сайт создан в ноябре 2016 года;
    • Количество страниц на данный момент: 67.

    На сайте проводились все описанные в данном материале работы + проработка базовой оптимизации: технический аудит, копирайтинг, перелинковка и т.д.). Итог:

    Благодаря качественной проработке сайта, а именно — структуры проекта, получилось достигнуть результата для нового молодого сайта. А на что Вы уделяете внимание при продвижении? Делитесь в комментариях.

    Структура сайта для SEO-продвижения в виде схемы: из чего она состоит и как ее сделать

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

    • Что из себя представляет
    • Какие схемы структуры сайта бывают
      • Линейная
      • Блочная
      • Древовидная
    • Как составить правильную структуру интернет-сайта, что важно знать
    • Какие существуют требования к организации структуры сайта
      • Яндекс
      • Google
    • Как быстро и правильно сделать структуру сайта: примеры
      • Коммерческий
      • Визитка
      • Информационный проект
      • Интернет-магазин

    Что из себя представляет

    Это модель расположения основных компонентов веб-проекта (записей, страниц, подразделов и разделов) по строго сформированной логической системе. Она являет собой некую иерархию, которая полностью отражает его строение. Чаще всего ее изображают графически при помощи блок-схем.

    Больше видео на нашем канале – изучайте интернет-маркетинг с SEMANTICA

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

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

    Создание и управление структурой сайта – это достаточно непростой процесс, который требует определенных умений и знаний. Ее разрабатывают на ранних этапах проектирования. Конструктивно она представляет примерную иерархию того, что будет у вас на портале. В будущем эта схема даст вам возможность разбросать «по полочкам» все разделы и странички, не продумывая каждый шаг в момент их создания, что сэкономит немало времени и средств.

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

    Построить структуру сайта – это значит учесть всевозможные аспекты, в частности:

    • определить текущее местоположение юзера;
    • куда с этой точки можно попасть (на страницы, разделы, товары и т.д.);
    • в какое место есть возможность перейти из подразделов.

    Немаловажную роль при разработке схемы играет и SEO (ссылочная масса, перелинковка и другие аспекты поискового продвижения).

    Структурирование должно производиться по определенному регламенту. Конечно, если вы работаете с одной из известных CMS, то все эти требования четко соблюдены. Но при написании индивидуального самописного ресурса, важно и даже нужно учитывать эти правила – от этого зависит лояльность поисковиков к вашему веб-проекту.

    Какие схемы структуры сайта бывают

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

    Линейная

    Тут все достаточно просто и логично – страницы располагаются последовательно, одновременно ссылаясь на «соседей» и на главную. Подобная конструкция прекрасно подходит для создания простых веб-проектов (лендингов, визиток, малостраничников). Ее минус заключается в недостаточно хорошем индексировании поисковиками. Их внимание приковано к первому, основному уровню – все что находится дальше, их уже не так сильно интересует. Именно поэтому на таких ресурсах весь важный контент, как правило, размещен на главной странице. Она же выступает акцентом и для рекламного продвижения.

    Блочная

    Здесь между элементами действует равенство. Система предполагает определенный набор равнозначных блоков, расположенных рядом. Ее можно применять для работы с каким-то строго обозначенным продуктом, делая отдельные записи с описанием его характеристик, достоинств или свойств.

    Если рассматривать подобную иерархию со стороны поискового продвижения, то она более выгодна, так как перелинковка очень положительно влияет на индексацию роботами. Схему можно встретить на сложных лендингах или визитках, которые продвигают конкретного человека или услугу.

    Древовидная

    Самый популярный и оптимальный вариант, который применяется на 95% всех интернет-сайтов. Многоуровневая система подразумевает, что каждая составляющая веб-проекта может быть частью другого элемента. Первый уровень – это главная страница, от нее идут ответвления – записи, разделы, подразделы. От каждого компонента может отходить множество различных «ветвей», от которых пойдут свои и так практически до бесконечности, ограничений нет. Для SEO древовидная схема подходит лучше всех остальных. Она повсеместно используется в высоконагруженных магазинах, информационных порталах и других сложных проектах.

    Как составить правильную структуру интернет-сайта, что важно знать

    Заниматься созданием четкой иерархической модели ресурса нужно на ранних этапах его разработки до формирования контента. Чем раньше вы продумаете и реализуете всю «подноготную», тем удобнее будет наполнять страницы, а главное, они быстрее проиндексируются и получат лучшие позиции в выдаче. Если же ваш веб-проект в индексе и слабо «движется» из-за некорректной или вовсе отсутствующей схемы построения, то нужно безотлагательно менять ее. Чем быстрее вы это сделаете, тем менее болезненной будет процедура переиндексации.

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

    Какие существуют требования к организации структуры сайта

    Как и кем формируются условия правильной иерархии и содержания веб-проектов? Конечно же поисковиками. Именно под них пытаются подстроиться большинство вебмастеров (однако, не стоит забывать, что в главным образом интернет-площадки ориентированы на людей, а потом уже на роботов).

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

    Яндекс

    У российского гиганта требования довольно простые, но одновременно строгие и разнообразные. Чтобы более детально ознакомится с ними, можно зайти в соответствующий раздел портала. А в статье мы поясним общие аспекты в сжатом виде.

    Какую структуру сайта считает идеальной данный поисковик – вопрос, часто задаваемый вебмастерами. Ответить на него однозначно невозможно, но главное, на что стоит обратить внимание при разработке – это четкая иерархия всех компонентов веб-проекта. То есть, любой элемент должен относиться к определенному подразделу. На практике это означает, что, к примеру, статья или обзор, обязан размещаться в строго обозначенном месте – тематической рубрике. Причем для каждого направления выделяется своя уникальная категория, объединяющая конкретный материал.

    Еще немаловажное условие – использовать карту сайта. Имеется в виду стандартный XML-документ, в котором отражены ссылки на всю информацию. Такой файл значительно ускорит индексацию. Чтобы запретить поисковым роботам доступ к ненужным техническим разделам, стоит применять robots.txt. Если проигнорировать это требование, то в органическую выдачу попадает множество лишней, абсолютно не ценной для пользователя информации, что негативно скажется как на поведенческих факторах, так и на общих позициях. Также нужно использовать уникальные текстовые ссылки на другие подразделы интернет-ресурса.

    Google

    Какая структура сайта будет наиболее универсальной и станет подходить под рекомендации самой популярной поисковой системы? Требования у Гугла практически идентичны с Яндексом. Они понятны и подаются в сжатом виде:

    • их схема обязана быть не сложной;
    • не используйте чересчур длинные «урлы»;
    • применяйте слова, а не их идентификаторы;
    • url обязательно должны быть структурированы и понятны для юзера;
    • можно задействовать знаки пунктуации («-»).

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

    Как быстро и правильно сделать структуру сайта: примеры

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

    Коммерческий

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

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

    Визитка

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

    Информационный проект

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

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

    Интернет-магазин

    Как создать и правильно выстроить структуру продающего сайта? Многие задают подобный вопрос, так как от верной логической схемы проекта зависит его успех. Здесь используется совсем другая, более сложная модель организации ресурса. В ней учитываются не только огромное количество предлагаемых товаров с описанием, но и множество возможных поисковых запросов от потенциальных клиентов. Здесь строится многоуровневая иерархия, с массой разделов, подразделов и фильтров. Важно грамотно проработать каждый из них и определить, что станет главным свойством продаваемого продукта, а что уйдет под фильтрацию.

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

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

    • провести аудит выбранной тематики;
    • схематически отобразить основные разделы, которые будут включать в себя другие подкатегории, товары или статьи;
    • продумать внутреннюю перелинковку;
    • разработать карту (xml-документ), содержащую все компоненты веб-проекта;
    • наполнить последний высококачественным контентом.

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

    Когда и зачем нужно проектирование сайта: основные этапы

    Изучаем такой процесс, как проектирование сайта. Разбираем каждую стадию – от разработки базовых концепций до первичного тестирования ресурса.

    Что представляет собой этап проектирования сайта?

    Речь идет о проектировании в прямом смысле слова. Это совокупность процедур, которые выполняются командой проекта до того, как начинается непосредственное создание сайта, написание кода, наполнение его контентом и продвижение в поисковиках вместе с социальными сетями.

    В список задач по планированию входят наработки идей, сбор команд, распределение обязанностей, анализ целевой аудитории, подготовка инструментов, выбор фреймворков и т.п.

    Зачем нужен этап проектирования?

    Старая поговорка гласит: «Если вы не планируете ничего, вы планируете провал». Создавать сайт без плана – это как строить здание без готового проекта. Итог будет непредсказуем. Элементы интерфейса будут в неподходящих местах, функции будут работать с ошибками, на многих устройствах страницы будут выглядеть некорректно, а общие идеи дизайна противоречить друг другу.

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

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

    Особенности этого этапа разработки

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

    • сократить общее время разработки (за счет исключения ненужного общения и обсуждения во время работы);
    • избежать горящих дедлайнов и срывов сроков сдачи заказа;
    • избежать реализации второстепенных задач в то время, как есть первостепенные и более значимые;
    • сохранить дополнительное время на отладку, тестирование и проверку созданного ресурса;
    • сэкономить деньги, которые могут уйти на «переработку» элементов интерфейса, функций и прочих аспектов;
    • сократить шансы на провал или реализацию проекта, далекого от того, что изначально задумывался его авторами.

    Анализируем требования заказчика

    Если это не персональный проект, то начать стоит с грамотного общения с клиентом.

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

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

    1. Зачем он вообще нуждается в сайте? Если для заработка, то какие цели он ставит перед ресурсом (будет это продажа товаров или встроенная реклама, например)?
    2. Как сайт будет выглядеть (под этим может подразумеваться формат подачи информации) и работать?

    Прочие аспекты можно рассмотреть по ходу дела, опираясь на этапы, прописанные в этой статье.

    Ставим цели и задачи

    Представим, что сайт делается не для заказчика, а для себя. Готовьтесь отвечать на вопросы.

    Зачем нужен этот сайт? Может, чтобы увеличить популярность бренда или создать некий переходный «мост» между потенциальными клиентами и собственным брендом? Или сайт нужен, чтобы продавать на нем товары онлайн? Или же это будет ресурс техподдержки для существующих клиентов компании?

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

    Например, для крупного интернет-магазина потребуется аренда мощного сервера, способного выдержать сложные системы в духе «Битрикс», саму CMS придется приобретать отдельно, нанимать сотрудников, умеющих с ней работать и т.п.

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

    Изучаем целевую аудиторию

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

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

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

    В Комьюнити уже рассказывалось ранее, как определить целевую аудиторию и использовать эти данные при продвижении своего продукта.

    Смотрим на решения конкурентов

    Хорошим источником для вдохновения могут послужить конкуренты, работающие в той же сфере бизнеса. Анализ сайтов-конкурентов дает возможность не только разыскать решения для заимствования, но и заметить недочеты, которые можно «закрыть» с помощью собственного решения.

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

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

    Оцениваем/расписываем бюджет

    Важно правильно планировать бюджет. Бюджет должен принимать четкое значение, включающее в себя верхние и нижние границы.

    В бюджет должны войти затраты на:

    • дизайнера, создающего систему шрифтов, палитру, общую стилистику и настроение будущего ресурса;
    • программиста, который будет писать логику для вашего сайта/приложения;
    • веб-хостинг, т.е. площадку для разработки и размещения будущего ресурса;
    • программное обеспечение, плагины и расширения для CMS, необходимые в ходе разработки.

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

    Используйте этот этап проектирования сайта не как способ сэкономить, а как способ минимизировать количество «неприятных финансовых сюрпризов» по ходу создания ресурса.

    Распределяем роли

    Работая над сайтом в команде, нужно четко распределить обязанности каждого сотрудника.

    • Акционеры. Пусть занимаются вложениями, финансированием проекта и не лезут в разработку.
    • Маркетологи. Займутся продвижением продукта и разработают рекламную стратегию.
    • Разработчики. Реализуют идеи предпринимателей, написав соответствующий код.
    • Копирайтеры. Заполнят сайт контентом (для привлечения публики и повышения позиций ресурса в поисковой выдаче).
    • Верстальщики. Создадут структуру, каркас сайта и воплотят в жизнь идеи дизайнеров.
    • Дизайнеры. Создадут образ проекта, организуют визуальные компоненты.

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

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

    Собираем контент, необходимый для ресурса (инвентарь)

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

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

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

    Было бы неплохо на этом этапе выработать некую стилистику подачи данных в соотвествии с предпочтениями целевой аудитории и направленностью проекта.

    Создаем базовую структуру

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

    Также сами страницы, разделы и подразделы лучше придумать заранее, чтобы не мучить разработчиков и верстальщиков по ходу развития проекта.

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

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

    Прописываем стратегию SEO

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

    1. Нужно выяснить, по каким запросам пользователи переходят на сайты конкурентов.
    2. Создать корректное семантическое ядро.
    3. Написать контент, подогнав его под требования SEO (под ключевые запросы).
    4. Проработать тактику оптимизации ресурса (улучшить верстку, внедрить микроразметку, повысить скорость загрузки страниц, добавить обратные ссылки и т.п.).

    Адаптация каждого аспекта под требования SEO-специалиста позволит вытащить проект на верхние позиции в поисковой выдачи и удерживать его там без лишних затрат по времени. Лучше задуматься об этом сразу и добавлять на ресурс материалы, соответствующие требованиям SEO, чтобы потом не тратить деньги и время на переоптимизацию.

    Выбираем CMS (языки, фреймворки)

    Многие заказчики, будучи далекими от кода предпринимателями, не могут точно сказать, какие программные инструменты хотели бы использовать на своих проектах. Из-за этого по ходу работы могут возникнуть дополнительные технические сложности.

    Определившись с инструментарием, будет проще подобрать в команду подходящих специалистов. К примеру, можно будет грамотно составить вакансии для найма программистов и дизайнеров. Для создания более простых сайтов или при отсутствии хорошего специалиста по созданию бэкенда, можно использовать готовые CMS в духе WordPress, чтобы ускорить развертку сайта и заметно сократить штат программистов (и затраты на них).

    Готовим инструментарий и ресурсы (чтобы все было под рукой)

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

    Если вы наняли команду разработчиков, то предоставьте им компьютер, рабочую среду надлежащего качества и так далее.

    А еще на каждом этапе разработки нужно снабжать сотрудников необходимым контентом. Чтобы программистам не приходилось начинать работу над анимацией до того, как будет готов общий стиль.

    Разрабатываем Call To Action-элементы

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

    Call To Action дословно переводится как «призыв к действию». Под действием, к которому мы призываем пользователей, подразумевается регистрация (то есть передача данных или пополнение базы номеров, которую позже можно задействовать для своей пользы) или прямая покупка (если мы продаем что-то, то это и есть цель создания ресурса, тут с выбором CTA проблем не возникнет).

    Элемент может быть представлен в любом виде. Главное, чтобы он привлекал аудиторию и приносил деньги. Лучше продумать эффективность таких аспектов сайта заранее, чтобы потом не тратить время на первичное A/B-тестирование и переработку дизайна.

    Сделать «набросок» (разработка прототипа)

    До этого все идеи мы презентовали с помощью интеллект-карт, схем и списков задач. Пришло время сделать что-то более полезное. Речь идет о прототипе.

    Под этим термином в проектировании сайтов подразумевается полноценный работающий проект в минимальном масштабе. Это каркас, которым можно пользоваться. Он демонстрирует примерный пользовательский опыт и дает возможность уже на этой стадии многие аспекты готовящегося проекта переосмыслить.

    Прототип дает возможность начать тестировать сайт на настоящих людях, получив от них полезную обратную связь.

    Начать разработку логики и доработку дизайна

    Хороший веб-дизайн станет решающим фактором при оценке качестве получившегося продукта. Сайт должен быть красивым и удобным для использования. Для этого желательно иметь в штате грамотных UI- и UX-дизайнеров.

    Базовые принципы дизайна включают в себя:

    1. Систему навигации по ресурсу, удобную, предсказуемую и понятную для пользователей любого уровня.
    2. Шрифты, которые можно комфортно читать на любом экране и при любом внешнем освещении. Везде должен быть ощутимый контраст, чтобы даже люди с плохим зрением могли справиться с чтением без включения специальных режимов отображения информации.
    3. Верстка должна соответствовать современным стандартам и быть адаптивной, то есть автоматически подстраиваться под любое разрешение, диагональ и соотношение сторон экрана.
    4. Функциональность не должна влиять на скорость загрузки. Старайтесь оптимизировать код и контент, чтобы избежать задержек при открытии страниц.
    5. Нужно оценивать структуру ресурса в перспективе. Чтобы при увеличении количества информации на нем не возникли какие-то сложности (в производительности, в визуальном представлении и т.п.).

    Проводим тестирование

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

    К тестированию привлекают настоящих людей, способных оценить качество продукта, выявить затаившиеся ошибки и предложить более удачные решения для тех или иных функций. Люди будут открывать сайт на разных устройствах и в разных браузерах. Их уникальный опыт позволит узнать о ресурсе больше, чем тестирование исключительно среди команды, работающей над сайтом.

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

    На этом проектирование окончено.

    Подбираем инструменты для проектирования (бонус)

    Есть несколько приложений, которые помогут вам на разных стадиях проектирования сайта.

    • MindNode/Xmind – удобные утилиты для macOS и Windows, помогающие создавать интерактивные интеллект-карты. С помощью них можно в цифровом формате сделать насыщенную и многогранную схему, включающую в себя все необходимые аспекты ресурса.
    • Trello/Asana – приложения, необходимые для делегирования задач разным частям команды. Каждый сотрудник будет видеть свой спектр работ, сможет автоматически отчитаться о нем начальству, «завершив» задачу в программе.
    • Notion/Evernote – программы для хранения контента, создания набросков статей, обмена большим количеством данных и т.п. На их основе можно сделать целую мини-википедию для своего проекта, чтобы хранить все, что так или иначе связано с вашим ресурсом.
    • Slack/Telegram – тут все должно быть понятно. Это средства общения, удобно организованные для взаимодействия разных команд.
    • Flinto/Figma – у вашего дизайнера 100% будет подходящий ему инструмент для работы, но Flinto или Figma поможет вам работать с ним в коллаборации или же сделать собственные наброски интерфейса.
    • SlickPlan – комбайн для проектирования сайта. В нем можно создать карту ресурса (расположение элементов и взаимосвязь между отдельными страницами), распределить контент (видео, тексты, картинки), сделать прототип интерфейса и базовый дизайн.

    Выводы

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

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

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

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

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

    Этапы разработки дизайна сайта

    Первое с чего начинается разработка любого дизайна сайта — это бриф, поэтому с него и начнем.

    Этап 1 — Бриф

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

    Обычно в бриф включены вопросы по типу:

    • Контакты заказчика
    • Информация о компании
    • Какой сайт планируется разработать?
    • Какая целевая аудитория?
    • Какая структура должна быть у сайта?
    • Предпочтения по дизайну (цвет, стиль и т.д.)
    • Какие цели у будущего сайта?
    • Какие имеются конкуренты?
    • И другое

    По этой ссылке я оставлю пример брифа, который вы можете адаптировать под себя. Брифовать (опрашивать) клиента лучше всего через созвон (например, в skype). Так вы сможете ближе познакомиться с клиентом и проникнуться доверием друг к другу.

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

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

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

    Согласовывайте значимые этапы с заказчиком, чтобы потом между вами не было недопониманий.

    Бриф актуален тогда, когда вы фрилансер и работаете сами на себя. Если вы работаете в компании, то брифовать клиента будут другие люди (скорей всего менеджер проекта).

    Этап 2 — Анализ ниши и конкурентов

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

    Если да, то обговариваете сроки и процесс оплаты и начинаете анализировать нишу и конкурентов. Этот этап является одним из наиболее важных, потому что при грамотном его выполнении он облегчит вам последующую работу.

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

    Где брать конкурентов? Во-первых, ваш заказчик может указать их в брифе. Во-вторых, можно зайти на Яндекс и вбить в поиск нишу клиента (например, аренда строительной техники в Москве). В выдаче у вас появятся сайты конкурентов их и анализируйте.

    Все данные записывайте на какой-нибудь носитель (бумага или Word/Excell), чтобы ничего не забыть. Если в ходе анализа у вас будут возникать вопросы, то спрашивайте их у заказчика. Заказчик 100% знает свой бизнес лучше, чем вы, поэтому диалог только приветствуется.

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

    По итогу второго этапа вы должны примерно понимать специфику бизнеса и у вас должны быть записи с анализом ближайших конкурентов.

    Этап 3 — Проектирование

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

    Выглядеть это может примерно так:

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

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

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

    По итогу третьего этапа у вас должна быть спроектирована вся структура будущего сайта.

    Этап требует согласования с заказчиком.

    Этап 4 — Сбор референсов

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

    Сбор референсов можно разделить на 2 этапа:

    • Референсы по вашей теме
    • Референсы по любой другой теме

    В первом случае, референсы по нашей теме будут помогать нам в составлении будущей стилистики нашего дизайна. Это стоит делать если в брифе клиент оставил этот пункт на усмотрение дизайнера.

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

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

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

    Этап 5 — Прототип

    С готовыми реферансами можно начинать разработку прототипа будущего сайта. Прототип — это промежуточный вариант между финальным дизайном и спроектированной структурой. Он уже имеет вид готового сайта, но без детальной проработки.

    Во время создания прототипы вы уже работаете непосредственно с композицией и компоновкой, подбираете шрифты.

    Выглядеть прототип может примерно следующим образом:

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

    В прототипе вы можете:

    • Вместо картинок рисовать обычные прямоугольники или круги
    • Вместо иконок делать условные обозначения в виде обычных квадратов
    • Не придерживаться строгих отступов

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

    Этап требует согласования с заказчиком.

    Этап 6 — Финальный дизайн

    Вот мы и подошли непосредственно к самому дизайну в его привычном понимании. Как видите, работа дизайнера — это 80% анализа и проектирования и лишь 20% самого дизайна.

    На этом этапе вам нужно добавить цвета в ваш прототип, выровнять все строго по сетке и подкорректировать отступы, добавить картинки и иконки туда, где они должны быть.

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

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

    Этап требует согласования с заказчиком.

    После того, как у вас готов финальный дизайн вы можете сделать небольшую анимацию интерфейса, чтобы лучше «продать» готовый дизайн заказчику. Этот пункт не обязателен, но он очень хорошо создаст wow-эффект.

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

    Этап 7 — Подготовка дизайна для разработки

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

    Что нужно сделать?

    Во-первых, подготовьте небольшой стайл-гайд (UI-kit) вашего дизайна. Укажите какие цвета вы использовали в дизайне, какие шрифты и их начертания, различные UI-элементы и их состояния. То есть, чтобы разработчик не гадал, как будет вести себя кнопка при наведении и так далее.

    Вообще стайл-гайд (UI-kit) следует формировать еще на этапе прототипа, чтобы потом вам было проще работать. В зависимости от проекта, стайл-гайды могут быть простенькими (как на фото выше), так и более объемными (при разработке сложных интерфейсов).

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

    Во-третьих, подготовьте для скачивания все иконки, которые вы использовали в дизайне. Иконки должны быть в формате svg.

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

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

    Естественно, это будет как отдельная услуга и оплачиваться будет отдельно. Здесь уже решайте сами.

    Заключение

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

    Надеюсь, статья была для вас полезной. Если остались вопросы — пишите в комментариях.

    В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я сегодня действовал, если бы начинал все с «чистого листа».

    Рейтинг
    ( Пока оценок нет )
    Понравилась статья? Поделиться с друзьями:
    Добавить комментарий

    ;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: