i-steklo.by

Кейс по разработке сайта производителя межкомнатных перегородок, душевых, ограждений внутри помещений i-steklo.by

i-steklo.by

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

Задача
  • Перед нами стояла задача создать лаконичный современный сайт для того, чтобы покупатели могли ознакомиться с продукцией, задать интересующие вопросы или оформить заказ.
  • Оптимизация архитектуры веб-сайта
  • визуализация разделов и подразделов сайта в понятном для покупателей формате
  • создание удобной формы обратной связи
Стек технологий
PHP, MySQL, WordPress CMS
Клиент
i-steklo.by

UI Kit

Raleway
ExtraLight
Light
Regular
Bold
A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m
n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
#519DC966
#DFDFDF66
#FFFFFF

Дизайн

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

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

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

На внутренних страницах в разделах производимой продукции мы добавили виды стекла, с которыми работает производитель. Это дает понимание потенциальным клиентам о материалах, которые подойдут для их помещения.

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

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

Разработка веб-сайта для i-steklo.by
Разработка веб-сайта для i-steklo.by

Архитектура сайта

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

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

В разработке использовали технологии:

  • Wordpress 
  • Elementor 
  • Jet Engine
  • MySQL 
  • Php 8.0

Фичи: 

  • Динамическое Мега меню
  • Слайдер услуг с кнопкой заказать
  • Формы заказа 
  • Формы обратной связи 
  • Всплывающие окна
  • Новостной раздел с одиночной страницей

Перенос и запуск проекта

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