ГлавнаяПроектыВеб-сайт для ИП «Постригань В.А.»

Проект «Веб-сайт для ИП «Постригань В.А.»»

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

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

Цель сайта: позиционирование и продвижение продукции компании Tapki-45 (товаров, услуг) на российском и международном рынках.

Перед нами стояли задачи:

  1. Разработка сайта интернет-магазина для ПК.
  2. Разработка адаптивной версии сайта интернет-магазина для смартфонов.
  3. Установка сайта интернет-магазина на хостинг.
  4. Установка дополнительных модулей для сайта интернет-магазина.
  5. Наполнение сайта интернет-магазина информацией.

Разработка сайта для ПК

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

«Главная страница» сайта

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

razrabotka_saita_internet-magazina
Изображение 1 — Скриншот страницы «Главная»

Страница «Доставка»

«Доставка» представляет собой разделы:

  • «Помощь» — информация с тонкостями оформления заказа;
  • «Условия оплаты» — общая информация и возможности оплаты;
  • «Условия доставки» — информация о способах и регионах доставки;
  • «Гарантия» — информация о гарантии продукции.
Изображение 2 — Скриншот страницы «Помощь»
Изображение 3 — Скриншот страницы «Условия оплаты»
Изображение 4 — Скриншот страницы «Условия доставки»
Изображение 5 — Скриншот страницы «Гарантия»

Страница «Каталог»

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

Изображение 6 — Скриншот страницы «Каталог»

Страница «Карточка товара»

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

Изображение 7 — Скриншот страницы «Карточка товара»

Cтраница «Акции»

Страница «Акции» представляет собой информацию о действующих выгодных предложениях компании.

Изображение 8 — Скриншот страницы «Акции»

Cтраница «Услуги»

Страница «Услуги» представляет собой информацию о действующих услугах компании.

Изображение 9 — Скриншот страницы «Услуги»

Страница «О компании»

Страница «О компании» представляет собой раздел с актуальной и важной информацией о производстве, сертификаты, контакты сотрудников, отзывы и новости.

Изображение 10 — Скриншот страницы «О компании»

Страница «Личный кабинет»

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

Изображение 11 — Скриншот страницы «Личный кабинет»

Страница «Форма обратной связи»

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

Изображение 12 — Скриншот страницы «Форма обратной связи»

Разработка адаптивной версии сайта интернет-магазина для смартфонов

Мы разработали адаптивную верстку страниц «Главная», «Доставка», «Гарантия», «Каталог товаров», «Карточка товара», «Подраздел каталога», «О компании», «Контакты», «Условия доставки», «Личный кабинет», «Форма обратной связи» интернет-магазина для смартфонов.

Изображение 13 — Скриншоты адаптивной верстки сайта

Установка сайта интернет-магазина на хостинг

Установка файлов интернет-магазина на хостинг

При помощи панели управления ресурса reg.ru мы произвели распаковку файлов интернет-магазина на хостинг заказчика. После распаковки мы создали базу данных для сайта и задали параметры безопасности.

Изображение 14 — Процесс установки интернет-магазина на хостинг

Подключение интернет-магазина к доменному имени

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

Изображение 15 — Скриншот настроек подключения доменного имени

Подключение интернет-магазина к Яндекс Метрике

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

Изображение 16 — Скриншот кода Яндекс метрики

Установка re captcha (антиспам модуль) для интернет-магазина

Мы сформировали ключи безопасности для сайта интернет-магазина, данные ключи необходимы для установки защиты от спам-ботов, защита разработана компанией Google ReCaptcha. Ключи безопасности прописали в CMS сайта заказчика.

Изображение 17 — Скриншот кода Google ReCaptcha

Установка SSL сертификата безопасности для интернет-магазина

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

Изображение 18 — Скриншот Сертификата безопасности

Наполнение сайта интернет-магазина информацией

Наполнение сайта интернет-магазина «Tapki-45» происходило следующим образом.

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

Изображение 19 — Создание группы товаров «Тапочки одноразовые для гостиниц»

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

Изображение 20 — Создание группы товаров «Одежда медицинская одноразовая»

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

Изображение 21 — Макеты баннеров главной страницы

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

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