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

Следите за обновлениями портфолио через канал RSS

консультации по Skype
Помощь в режиме онлайн: cоветы, мелкая доработка (700 руб/час.). Первая консультация - бесплатно:)

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

Завершенные проекты

Эмблема садового товарищества

Задача: В рамках разработки рабочего сайта садово-огородного товарищества Корабел возникла необходимость разработать товарный…

Логотип магазина зимней одежды Эскимос

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

Расценки и стандарт услуг раздела WEB-ДИЗАЙН

Опубликовано: иконка 03 Oct 2017 печатать Распечатать

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

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

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

Анализ и формирование материала контента сайта

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

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

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

Формирование SEO-ядра

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

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

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

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

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

Определение функционала, стиля дизайна, навигации, сценариев поведения пользователей

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

Есть такой прием, который я очень рекомендую использовать – «начать с конца» – представим на минуту что сайт, который Вам необходим... уже(!) создан… Исходя из этой предпосылки можно напрячь фантазию и немного «погулять» по нему… Что Вы видите вокруг? Опишите на листочке в клеточку… Это поможет представить Ваши пожелания в удобоваримом виде…

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

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

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

Комплексная услуга по подготовке проектной документации (технического задания на разработку) зависит от трудоемкости проекта и составляет в среднем 10 000 руб.

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

Разработка шаблона страницы сайта

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

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

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

Упрощенно, - это страница в формате HTML. Она уже имеет готовый дизайн, CSS (таблицы стилей), Java-скрипты. Все это является готовой работой профессионального дизайнера.

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

Прототипы страниц

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

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

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

Разработка графического концепта дизайна web-cайта (только графические шаблоны и проработка сценария отображения контента, до 5 страниц = главная + внутренние) 15 000 руб.

Верстка сайта

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

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

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

Отдельные элементы web-дизайна

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

Ориентировочные расценки в этом случае таковы:
Иллюстрированная заставка, «шапка» сайта, фон сайта (за 1 элемент) 5 000 руб.
Элементы интерфейса: кнопка, иконка (за 1 элемент). 500 руб.
Заставка раздела (иллюстрированная) 3 000 руб.
Фактура, текстура 1 000 руб.
Баннер статичный 1 500 руб.
Динамический баннер (использующий эффекты gif-анимации ) 2 000 руб.
Анимированный баннер, с использованием Flash-технологии 5 000 руб.
корпоративное электронное обращение 2 000 руб.
электронная открытка 3 000 руб.

Активация сайта

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

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

Формирование расценок за работу происходит из расчета ставки 700 руб./час работы специалиста

Техническая поддержка и оптимизация работы действующего сайта

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

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

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

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

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

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

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

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

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

  • Мониторинг работоспособности сайта, оперативная работа с хостингом
    Оперативное устранение программных ошибок в работе сайта.
  • Резервное копирование и хранение копии сайта (и восстановление из резервной копии в случае сбоя)
  • Оперативное обновление программной части сайта
  • Внесение небольших правок в дизайн и программную часть сайта (мелкая доработка функционала модулей и т. п.). В объемах, не превышающих общую занятость подрядчика более чем 3 часа в неделю…
  • Рекомендации по улучшению юзабилити, функциональности сайта, оптимизации алгоритма работы с типографикой, наполнением сайта, информирование клиента о новых возможностях…

Дополнительные услуги. Консультации по поисковому продвижению сайта (SEO). - 700 руб./час.
Установка дополнительных модулей, плагинов и пр., - функциональное расширение возможностей сайта, помощь в организации рекламных компаний, обучение работе со специальными программами (Специальные программы для текущей работы предоставляются с подробными пояснениями по сути работы оных), Оптимизация процессов текущей работы с сайтом, касающиеся его наполнения, интеграции, продвижения и рекламы

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

Формирование расценок за работу происходит из расчета ставки 700 руб./час работы специалиста и зависит от фактического объема работ. 

Задать вопрос автору проекта письмо автору