Вернуться ко всем проектам
Вид сайта: корпоративный.
Цель: разработать веб-сайт с интуитивно понятным интерфейсом и адаптивную мобильную версию.
Перед нами стояли задачи: разработать дизайн страниц для веб-сайт Заказчика; внедрить его в систему управления CMS WordPress; разработать веб-дизайн сайта для мобильных устройств.
В рамках проекта по разработке сайта рекламным агентством «Перец» для заказчика были реализованы следующие работы:
- Разработка дизайна страниц веб-сайта.
- Разработка веб-дизайна страниц для мобильных устройств.
- Разработка технической составляющей сайта CMS.
- Установка инструментов аналитики.
Разработка дизайна страниц веб-сайта
При создании дизайна страниц сайта мы ориентировались на цветовые решения в логотипе, а именно синий и красный цвет.
В разработку дизайна страниц веб-сайта входят следующие страницы:
- Главная
- О компании
- Каталог продукции
- Карточка продукта
- Перечень услуг
- Карточка услуги
- Онлайн расчет
- Наши работы
- Акции
- Контакты
- Форма обратной связи
- Политика конфиденциальности
Разработка веб-дизайна страниц для мобильных устройств
В разработку веб-дизайна страниц для мобильной версии сайта входят следующие страницы:
- Главная
- О компании
- Каталог продукции
- Карточка продукта
- Перечень услуг
- Карточка услуги
- Онлайн расчет
- Наши работы
- Акции
- Контакты
- Форма обратной связи
- Политика конфиденциальности
Разработка технической составляющей сайта CMS
Внедрение в систему управления содержимым CMS WordPress
Современные CMS используются крайне широко: без них сложно обойтись любой компании, которая выходит на интернет-площадки и нуждается в собственном сайте.
WordPress (WP) – это система управления содержимым сайта (CMS) с открытым исходным кодом.
WordPress – это максимально удобная CMS для создания своего сайта, блога, новостного портала. Главное преимущество данной платформы – бесплатная версия с полноценным, расширенным функционалом и всеми возможностями для полноценной работы. С помощью специальных плагинов можно расшить возможности WordPress.
Плагины позволяют редактировать шаблон, проводить корректировку разметки страниц, отображение новостей, блока социальных сетей, виджетов и т.д. Большинство дополнительных расширений – бесплатные.
Мы произвели верстку дизайна страниц сайта для внедрения в систему управления содержимым CMS WordPress.
Адаптивная верстка страниц (Bootstrap)
В ходе разработки мы произвели верстку дизайна с помощью фреймворка Bootstrap. Bootstrap – это открытый и бесплатный HTML, CSS и JS фреймворк, который используется веб-разработчиками для быстрой вёрстки адаптивных дизайнов сайтов и веб-приложений.
Формирование и внедрение карты сайта (sitemap.xml)
Карта сайта (sitemap) – это html страница сайта или специальный xml файл, в котором отражены ссылки на все важные страницы сайта. Создание карты сайта важный процесс, в котором необходимо четко указать, какие страницы сайта нужно индексировать и как лучше их индексировать.
Мы сформировали и внедрили карту сайта (sitemap.xml) для сайта ООО «Шадринский Дом Печати».
Формирование и внедрение файла robot.txt
Файл robots.txt, он же стандарт исключений для роботов – это текстовый файл, в котором хранятся определенные указания для роботов поисковых систем. Robots.txt выполняет важную функцию – он защищает весь сайт или некоторые его разделы от индексации.
При создании сайта нами были указаны верные настройки robots.txt.
Тестирование сайта
Создание сайта – сложная процедура, где каждый участник команды выполняет конкретные действия. Завершающий этап всего процесса – web-тестирование сайта. Данная процедура играет важнейшую роль в создании ресурса, так как именно от качества тестирования зависит дальнейшая жизнь проекта.
Основная цель тестирования – проверка функционирования ресурса на соответствие с предъявленными требованиями. Тестировщики специально создают искусственные ситуации, которые могут в будущем возникнуть в работе с ресурсом. Проводится анализ поведение ресурса на предложенных условиях.
После публикации сайта мы провел проверку сайта на наличие ошибок и багов. Тестирование сайта показало отсутствие ошибок.
Размещение сайта на сервере ООО «Шадринский Дом Печати» и подключение доменного имени
Заказчик предоставил доступы к своему хостингу и домену на сайте reg.ru. Используя выданные доступы, мы разместили сайт на хостинге заказчика. Адрес нового веб-сайта: dompechati45.ru
Также заказчик предоставил доступы к своему домену на сайте reg.ru. Используя выданные доступы, мы опубликовали сайт под доменным именем: dompechati45.ru
Подключение SSL сертификата безопасности
SSL-сертификат – это цифровой сертификат, удостоверяющий подлинность веб-сайта и позволяющий использовать зашифрованное соединение. Аббревиатура SSL означает Secure Sockets Layer – протокол безопасности, создающий зашифрованное соединение между веб-сервером и веб-браузером. Мы установили данный протокол на сайт dompechati45.ru. Правильную установку можно определить с помощью вставки в начале доменного имени https, сайты, которые не имеют сертификат отображаются как http.
Внедрение модуля автоматического создания бэкапа
Для автоматического создания бэкапа сайта мы выбрали плагин All-in-One WP Migration. Данный плагин был встроен на сайт dompechati45.ru.
Автоматическое резервное копирование (или бэкап) – резервное копирование данных по заранее заданному расписанию. Это наиболее эффективный способ автоматической защиты данных, хранящихся на хостинге. Таким образом, мы защитили сайт dompechati45.ru от потери данных.
Установка инструментов аналитики
Зарегистрировать сайт в поисковых системах (ПС) – это означает добавить сайт в очередь на индексирование, и тем самым запустить бесплатные механизмы роста его трафика, после чего, сайт начнет отвечать на запросы пользователей поисковых систем.
Чтобы зарегистрировать сайт и просматривать аналитику, нужно заполнить специальную форму. У каждого поисковика она своя.
Для сайта dompechati45.ru нами было решено внедрить метрики от систем Яндекс и Гугл. Для системы Яндекс была произведена регистрация в Яндекс Метрика и YandexWebmaster. Для Гугл GoogleSearchConsole.
Также мы установили защиту от спама используя модуль GooglereCaptcha.
