Кейс колтушинский интернет

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

изображение блока

	
        

Задача

Разработать современный сайт для интернет-провайдера «Колтушский Интернет»: показать тарифы на интернет и ТВ, зону покрытия, процесс подключения и контакты, упростить путь клиента от заявки до подключения.

Клиент
Клиент
Колтушинский интернет
стек
стек
HTML / CSS / JS / MODX
срок
срок
2 недели

как это выглядит

9:41
Картинка из кейса

Айдентика и интерфейс

Айдентика и интерфейс 1
Айдентика и интерфейс 2
Айдентика и интерфейс 3
Айдентика и интерфейс 4

ПРОЦЕСС

ПРОЕКТИРОВАНИЕ
ПРОЕКТИРОВАНИЕ
Составлена карта разделов (Главная, Тарифы, ТВ, Подключение, Новости, О компании), продумана логика навигации между страницами и якорями, спроектированы пользовательские сценарии подключения (квартира / частный дом) и формы заявок с выбором тарифа.
ДИЗАЙН САЙТА
ДИЗАЙН САЙТА
Дизайн сайта — разработан в Figma: фирменная палитра (тёмно-графитовый + жёлтый акцент), типографика Outfit/Inter, единая сетка блоков по ширине hero-секции, светлая и тёмная тема, анимированный dot-grid фон, карточки тарифов и ТВ-пакетов, интерактивные поп-ап формы.
ВЕРСТКА САЙТА
ВЕРСТКА САЙТА
Вёрстка сайта — адаптивная HTML/CSS-вёрстка на BEM-методологии, компонентный подход к карточкам и модальным окнам, интерактивная карта зоны покрытия (Яндекс.Карты), анимации меню и переходов.
ПРОГРАММИРОВАНИЕ
ПРОГРАММИРОВАНИЕ
Программирование — интерактивная логика на JavaScript: переключение тем, слайдер HERO, фильтрация новостей, работающие формы заявок с валидацией, интеграция с CMS MODX, привязка всех кнопок обращения к почте компании.

результат

90
Google PageSpeed
2
Недели разработки
0
Критических ошибок W3C
Многостраничный сайт с единым дизайн-языком, понятной навигацией и удобными сценариями подключения, готовый к запуску на CMS MODX.

Ваш проект может быть следующим

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

Заполнить бриф