< Создание Сайтов >

Разработка адаптивных сайтов и мобильных версий.
Создание интернет-приложений.

Создание Сайтов в СПб.

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

Концепция

Определение концепции будущего сайта. Маркетинговое исследование, анализ конкурентной среды.

Проектирование

Подбор прототипа проекта, оптимального пакета модулей и опций, подготовка материалов.

Дизайн

На базе UX&UI анализа, учитывая все ваши пожелания создаем дизайн сайта по прототипу.

Верстка и программирование

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

Демонстрация

Сайт готов! Исчерпывающее ознакомление возможностей сайта на момент сдачи работы и в перспективе.

Корректировоки и изменения

Эта стадия при которой происходит внесение изменений и корректировок с учетом пожеланий клиента.

Корпоративный сайт.

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

  • Логотип, пункты меню, кнопки соцсетей, автопереводчик, слайдшоу. Фото фон / Видео фон. Мегаменю. Селектор подбора. Калькулятор.
  • О нас. Контактные данные, карта проезда, формы обратной связи. Мегаменю. Селектор подбора. Калькулятор.
  • Информация о компании, Каталог товара с кратким описанием услуг и продукции (фото, видео), сведения о новых событиях, календарь событий, анонсы, формы отзывов соцсетей, формы обратного звонка, формы замера и расчета. Онлайн консультант.
  • Фирменный счетчик, Liveinternet, Яндекс.Метрика, Google Analytics, OpenStat, Top.Mail.
  • Популярная система внутреннего управления сайтом. Простая форма редактирования.

Лендинг.

Целевая страница (landing page - лендинг пейдж) - сайт, содержащий информацию о товаре или услуге, побуждающий к целевому действию.

  • Логотип, пункты меню, кнопки соцсетей, автопереводчик, слайдшоу. Фото фон / Видео фон.
  • О себе / О нас. Контактные данные, карта проезда, формы обратной связи. Заказ обратного звонка. Онлайн консультант.
  • Информация о компании, товарах, услугах.
  • Фирменный счетчик. Liveinternet, Яндекс.Метрика, Google Analytics, OpenStat, Top.Mail

Сайта-визитка.

Сайт с кратким описанием товаров и услуг.

  • О себе / О нас. Контактные данные, карта проезда, формы обратной связи. Онлайн консультант.
  • Информация о компании, сведения о новых событиях, календарь событий, анонсы, формы отзывов соцсетей, формы обратного звонка, формы замера и расчета.
  • Фирменный счетчик. Liveinternet, Яндекс.Метрика, Google Analytics, OpenStat, Top.Mail.
  • Система внутреннего управления сайтом. Простая форма редактирования.

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

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

  • Логотип, пункты меню, кнопки соцсетей, автопереводчик. слайдшоу. Фото фон / Видео фон. Корзина.
  • О нас. Контактные данные, карта проезда, формы обратной связи. Мегаменю. Поиск. Селектор с сортировкой по любому из параметров фильтра. Калькулятор.
  • Информация о компании, Каталог товара с исчерпывающим описанием услуг и продукции (фото, видео), сведения о новых событиях, календарь событий, анонсы, формы отзывов соцсетей, формы обратного звонка, формы замера и расчета. Онлайн консультант.
  • Подключение системы онлайн-платежей. Платеж в зашифрованном режиме. Личный кабинет для каждого пользователя.
  • Фирменный счетчик. Liveinternet, Яндекс.Метрика, Google Analytics, OpenStat, Top.Mail.
  • Система внутреннего управления сайтом. Простая форма редактирования.

Сайт-каталог.

Каталог продукции – это многофункциональный сайт с подробным качественным описанием товаров.

  • Логотип, пункты меню, кнопки соцсетей, автопереводчик. слайдшоу. Фото фон / Видео фон.
  • О нас. Контактные данные, карта проезда, формы обратной связи. Мегаменю. Поиск. Селектор с сортировкой по любому из параметров фильтра. Калькулятор.
  • Информация о компании, Каталог товара с исчерпывающим описанием услуг и продукции (фото, видео), сведения о новых событиях, календарь событий, анонсы, формы отзывов соцсетей, формы обратного звонка, формы замера и расчета. Онлайн консультант.
  • Личный кабинет для каждого пользователя.
  • Фирменный счетчик. Liveinternet, Яндекс.Метрика, Google Analytics, OpenStat, Top.Mail.
  • Система внутреннего управления сайтом. Простая форма редактирования.

Анимированный сайт.

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

  • Анимация реализуется с использованием jQuery и CSS3.
  • Логотип, пункты меню, кнопки соцсетей, слайдшоу. Фото фон / Видео фон.
  • Допускается использование SWF, GIF, SVG документов, видеоматериалов.
  • HTML5.

Анимированный буклет.

Анимированный буклет - это интернет-буклет, анимация, в котором воспроизводится при помощи jQuery и CSS3 и повторяющий печатное издание в сети.

  • Анимация реализуется с использованием jQuery и CSS3.
  • Рекламный каталог.
  • Буклет,евробуклет.
  • Меню ресторана.
  • Журнал, газета, книга, брошюра.
  • Некоммерческое интернет издание.

Сайт-заставка.

Сайт заставка- это как правило HTML документ, который создается для различных целей:.

  • Демонстрационная страница для представления продукции или услуги.
  • Сайт-заставка многораздельного портала.
  • Страница заглушка перед загрузкой основного сайта.
  • Рекламная страница.
  • Страница регистрации на сайте.
  • Страница ошибки 404 и другие.

Цены на Разработку Сайта

Цены на оказываемые нами услуги рассчитываются индивидуально. Ниже представлены ориентировочные цены.

Лендинг пейдж

от 27.000 /руб
  • Целевая страница (landing page - лендинг пейдж) - сайт, содержащий информацию о товаре или услуге, побуждающий к целевому действию. Таким действием может быть сбор контактных данных целевой аудитории, подписка или покупка.
подробнее

Корпоративный сайт

от 39.000 /руб
  • Корпоративный сайт – полная версия сайта с системой внутреннего управления, который создается для подробного ознакомления посетителей с деятельностью компании с детальным описаним услуг, прайс-листом и другими пунктами.
подробнее

Каталог продукции

от 49.000 /руб
  • Каталог продукции – это сайт с системой внутреннего управления с подробным качественным описанием товаров, сертификатами, техническими данными, отзывами, поиском, селектором подбора, календарем событий, подробными галереями.
подробнее

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

от 59.000 /руб
  • Интернет-магазин, предполагает ознакомление с ассортиментом продукции и услуг компании, но и подбор товара по нужным и желаемым параметрам, выбор и оформление заказа, формирование итогового пакета и оплата в онлайн-режиме.
подробнее

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

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

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

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

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

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

Кроме того, популярность среди наших клиентов набирает кнопка "письмо директору" – контактная форма, отправляющая сообщение главе компании. Это простое решение помогает устанавливать доверительное отношение к компании.

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

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

Целевая страница (landing page - лендинг пейдж) - сайт, содержащий информацию о товаре или услуге, побуждающий к целевому действию. Таким действием может быть сбор контактных данных целевой аудитории, регистрация на сайте, подписка или покупка.

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

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

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

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

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

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

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

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

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

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

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

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

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

Главной особенностью при создании интернет-магазина является возможность заказа в онлайн-режиме. Если портал предполагает разовые заказы, то стоит использовать удобную и легкую в использовании корзину с оформлением товаров в 1 клик.

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

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

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

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

1. Добавление, редактирование и удаление продукции и услуг с фронт-панели.

2. Управление неоплаченными заказами с переводом их в оплаченные.

3. Управление – добавление, редактирование и удаление пользователей, заказов.

4. Просмотр и выгрузка отчетов движения товаров и денежных средств за определенную дату (в формате xls).

5. Просмотр и выгрузка отчетов по каждому товару и пользователю отдельно (в формате xls).

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

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

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

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

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

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

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

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

И наконец, важным моментом в каталоге является его администрирование. Добавление, редактирование и удаление товаров с фронт-панели сайта - наиболее оптимальный и удобный способ управления каталогом.

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

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

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

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

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

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

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

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

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