Разработка сайта ведущего оператора связи в Сочи

Разработка сайта ведущего оператора связи в Сочи

Компания «АВП-Технолоджи»
Промышленность
  • Аналитика
  • UX/UI дизайн
  • Frontend
  • Backend

Компания «АВП-Технолоджи»

Компания Giglan — передовой поставщик полного спектра услуг современной цифровой связи, обладающий собственной волоконно-оптической инфраструктурой в городе Сочи, а также в Адлерском и Хостинском районах.
Обсудить проект
Цель
Целью данного проекта было создание современного и функционального веб-сайта, который не только предоставит клиентам информацию о широком спектре услуг современной цифровой связи, но и предлагает удобные инструменты для взаимодействия с компанией.
Задачи
  • Для компании Giglan было необходимо создать современный и функциональный веб-сайт, который бы отражал ее высокий статус как передового поставщика цифровых коммуникаций.
  • Реализация концепции shop-in-shop: Компания Giglan предоставляет услуги как частным лицам, так и юридическим лицам. Для эффективной продажи продукции обоих направлений была внедрена концепция "shop-in-shop". Это подразумевает создание двух отдельных разделов на сайте, один из которых предназначен для частных клиентов, а другой - для юридических клиентов. Каждый раздел имеет свои уникальные функциональности и предложения.
  • Создание интеграционного слоя с CRM-системой и закрытыми чатами в Телеграм.
  • Автоматизация внутренних процессов компании.
Технологический стек
1С-Битрикс GitLab Nginx PHP-FPM Redis
02

Проектирование

Мы опирались на лучшие практические решения из аналогичных проектов крупных телеком операторов связи. Переосмыслили и доработали лучшие из них вместе с клиентом.

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

03

Дизайн-система

Наши усилия на этапе разработки сайта для Giglan были направлены на создание красочной и современной дизайн-системы, которая не только соответствует бренду компании, но и делает пользовательский опыт более привлекательным и уникальным.



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


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

04

UI-кит. Используем возможности Figma на максимуме.

Мы разработали дизайн-систему с использованием компонентов в Figma, что позволило нам легко масштабировать и модифицировать элементы интерфейса на всех страницах сайта. Каждый компонент был создан с использованием автоматических слоев и variants, что обеспечивает единообразие и консистентность дизайна.

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

Components Variants Auto Layouts Dev Mode
05

Нейронные сети для генерации потрясающих изображений

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

Мы рады сотрудничеству с заказчиком и высоко ценим профессионализм и экспертизу его команды, которая сделала этот проект возможным.

Константин Иноземцев
Руководитель проекта
Константин Иноземцев
07

Телеграм бот для отправки срочных уведомлений на сайт

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



Основные функции Телеграм-бота включают в себя:

  • Отправку срочных уведомлений о работах, событиях и других важных сообщения на сайт Giglan.
  • Автоматическое снятие уведомлений с сайта через Телеграм-бота после завершения события или работ.
  • Удобный и моментальный доступ сотрудников поддержки к отправке и управлению уведомлениями.
  • Обеспечение безопасности и конфиденциальности информации при обмене через Телеграм-бота.
08

Страница не найдена 404

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

09

Результат

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

Завершение проекта ознаменовалось положительным отзывом со стороны клиента. Компания Giglan осталась очень довольна результатом и качеством нашей работы. Мы рады продолжить развитие и поддержку проекта, а также внедрять новые инновационные решения, чтобы помочь компании Giglan оставаться лидером.

Сроки

Сделали за 3 месяца

Продолжаем поддержку и развитие проекта
Проект на момент написания кейса не завершен. Продолжаются работы по автоматизации и прочим настройкам. Мы решаем возникшие проблемы пользователей, делаем новые доработки и поддерживаем инфраструктурную часть портала и сайта.
Команда проекта
  • Руководитель проекта:
    Константин Иноземцев
  • Технический директор:
    Сергей Буков
  • Аналитики:
    Артем Уткин
  • Дизайнеры:
    Константин Мельников
  • Frontend-разработчики:
    Дмитрий Скляр
  • Backend-разработчики:
    Дмитрий Скляр
  • Контент-редакторы:
    Алена Блиновская
  • Со стороны заказчика:
    Евгений Гомонюк
    Дмитрий Ледов
    Самвел