ГлавнаяПроектыРазработка сайта для ООО «Снежный город»

Проект «Разработка сайта для ООО «Снежный город»»

izgotovlenie_saita
Ссылка на сайт

Вид сайта: интернет-магазин.

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

Перед нами стояли задачи: разработать удобный дизайн страниц для веб-сайт Заказчика; внедрить его в систему управления CMS WordPress; разработать веб-дизайн сайта для мобильных устройств.

В рамках проекта по разработке сайта нами были произведены следующие виды работ:

  1. Разработка веб-сайта.
  2. Веб дизайн страниц для мобильных устройств.
  3. Разработка технической составляющей сайта CMS.
  4. Установка инструментов аналитики.

Разработка веб-сайта

В разработку дизайна страниц веб-сайта входят следующие страницы:

  • Главная
Изображение 1 — Дизайн посадочной страницы «Главная» ООО «Снежный город»
  • О компании
Изображение 2 — Дизайн страницы «О компании ООО «Снежный город»
  • Каталог продукции
Изображении 3 — Дизайн страницы «Каталог продукции» ООО «Снежный город»
  • Карточка продукта
Изображение 4 — Дизайн страницы «Карточка продукта» ООО «Снежный город»
  • Наши магазины
Изображение 5 — Дизайн страницы «Наши магазины» ООО «Снежный город»
  • HoReCa
Изображение 6 — Дизайн страницы «HoReCa» ООО «Снежный город»
  • Отзывы
Изображение 7 — Дизайн страницы «Отзывы» ООО «Снежный город»
  • Наше производство
Изображение 8 — Дизайн страницы «Наше производство ООО «Снежный город»
  • Сертификаты
Изображение 9 — Дизайн страницы «Сертификаты» ООО «Снежный город»
  • Карьера
Изображение 10 — Дизайн страницы «Карьера» ООО «Снежный город»
  • Контакты
Изображение 11 — Дизайн страницы «Контакты» ООО «Снежный город»
  • Страница 404 ошибка
Изображение 12 — Дизайн страницы «Страница 404 ошибка» ООО «Снежный город»
  • Формы обратной связи
Изображение 13 — Дизайн страницы «Формы обратной связи» ООО «Снежный город»

Веб дизайн страниц для мобильных устройств

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

  • Страница «О компании»
  • Страница «Каталог продукции»
  • Страница «Карточка продукта»
  • Страница «Наши магазины»
  • Страница «HoReCa»
  • Страница «Отзывы»
  • Страница «Наше производство»
  • Страница «Сертификаты»
  • Страница «Карьера»
  • Страница «Контакты»
  • «Страница 404 ошибка»
  • «Формы обратной связи»
Изображение 14 — Мобильная адаптация страниц сайта

Разработка технической составляющей сайта CMS

Внедрение в систему управления содержимым CMS WordPress

Современные CMS используются крайне широко: без них сложно обойтись любой компании, которая выходит на интернет-площадки и нуждается в собственном сайте. WordPress (WP) – это система управления содержимым сайта (CMS) с открытым исходным кодом.

WordPress – это максимально удобная CMS для создания своего сайта, блога, новостного портала. Главное преимущество данной платформы – бесплатная версия с полноценным, расширенным функционалом и всеми возможностями для полноценной работы.

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

Мы произвели верстку дизайна страниц сайта для внедрения в систему управления содержимым CMS WordPress.

Изображение 15 — Административная часть сайта icegrad.com на CMS WordPress

Адаптивная верстка страниц (Bootstrap)

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

Изображение 16 — Адаптивная верстка страниц сайта icegrad.com (Bootstrap)

Формирование и внедрение карты сайта (sitemap.xml)

Карта сайта (sitemap) – это html страница сайта или специальный xml файл, в котором отражены ссылки на все важные страницы сайта. Создание карты сайта важный процесс, в котором необходимо четко указать, какие страницы сайта нужно индексировать.

Мы сформировали и внедрили карту сайта (sitemap.xml) для сайта ООО «Снежный город».

Изображение 17 — Внедрение карты sitemap.xml на сайте icegrad.com

Формирование и внедрение файла robot.txt

Стандарт исключений для роботов (файл robots.txt) – это текстовый файл, в котором хранятся определенные указания для роботов поисковых систем. Robots.txt выполняет функцию защиты сайта или его разделов от индексации.
При создании сайта мы указали верные настройки robots.txt.

Изображение 18 — Внедрение robots.txt на сайте icegrad.com

Размещение сайта на сервере ООО «Снежный город» и подключение доменного имени

Заказчик предоставил доступы к своему хостингу и домену на сайте reg.ru. Используя выданные доступы, мы разместили сайт на хостинге заказчика под доменным именем: http://icegrad.com

Подключение SSL сертификата безопасности

SSL-сертификат – это цифровой сертификат, удостоверяющий подлинность веб-сайта и позволяющий использовать зашифрованное соединение. Аббревиатура SSL означает Secure Sockets Layer – протокол безопасности, создающий зашифрованное соединение между веб-сервером и веб-браузером.

Мы установили данный протокол на сайт icegrad.com. Правильную установку можно определить с помощью вставки в начале доменного имени https, сайты, которые не имеют сертификат отображаются как http.

Изображение 19 — Сертификат SSL для сайта icegrad.com

Внедрение модуля автоматического создания бэкапа

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

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

Изображение 20 — Автоматический модуль бэкапа для сайта icegrad.com

Установка инструментов аналитики

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

Для сайта icegrad.com было выбрано решение внедрение метрик от систем Яндекс и Гугл. Для системы Яндекс была произведена регистрация в Яндекс Метрика и YandexWebmaster. Для Гугл GoogleSearchConsole.

Изображение 21 — Кабинет YandexМетрика для сайта icegrad.com
Изображение 22 — Кабинет ЯндексWebmaster для сайта icegrad.com
Изображение 23 — Кабинет GoogleSearchConsole для сайта icegrad.com

Хотите такой же результат для вашего проекта?

Напишите, и мы подберем для Вас индивидуальное решение