МИАТЕЛ

Конструктор виртуальной АТС

lego_cube_bg19

Виртуальная АТС

МИАТЕЛ — молодой и активно развивающийся оператор связи. Ребята собрали сильную команду специалистов и вывели на рынок Виртуальную АТС. Для нее создан сайт, интерфейс оповещений и конструктора АТС.

Сайт

Главный принцип компании — облачный сервис должен быть легким как в понимании, так и в использовании. Каждый человек должен с легкостью справиться с созданием и настройкой АТС. Опираясь на этот принцип создан сайт в стилистике детского конструктора. Пользователь сайта может создать и настроить свою АТС, выбрать тариф и оплатить его, отслеживать статистику звонков и использовать готовые схемы АТС.

Интерфейс

Создан интерфейс личного кабинета и конструктора АТС. Для всех элементов конструктора спроектирован интерфейс настройки. Разработка происходила в четыре этапа: 1) определение и обсуждение задач каждого элемента конструктора и функционала личного кабинета с клиентом, 2) разработка интерфейса и подсказок, 3) верстка и программирование, 4) тестирование и доработка.

call_gif_miatel

Спроектирован интерфейс виджета заказа звонка с сайта. Он подключается и настраивается в конструкторе АТС. Цвет и анимация подстраивается под внешний вид сайта клиента.

Процесс ЛЕГОлизации

Для проработки стилистики сайта использовались баннеры на главной странице. В первой версии в них максимально использовался реальный интерфейс сервиса для вовлечение пользователя, но мы отказались от этого стиля поскольку интерфейс постоянно дорабатывается и изменяется, пришлось бы менять контент на сайте постоянно. Решено использовать метафору легкого конструктора во всем сайте, проекту было дано кодовое имя ЛЕГОлизация. Стиль деталей конструктора прошел через несколько итераций и в итоге был максимально упрощен для простоты восприятия. Следующим этапом эволюции стиля стало соединение реальных интерфейсов сервиса с метафорой легкого конструктора.

3 месяца

продолжался проект

68 часов

обсуждений по скайпу с клиентом

123 письма

отправлено клиенту

Эволюция стиля сайта на примере баннеров с главной страницы

slider_miatel1
slider_miatel2
slider_miatel4
slider_miatel5
slider_miatel6

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

В выбранном стиле поэтапно проектировался сайт с параллельной версткой и тестированием. Этапы создания одной страницы: 1) выявлялись цели и задачи страницы, 2) создавалась структура, 3) структура наполнялась текстом и иллюстрациями, 4) макет согласовывался и в него вносились правки, 5) готовый макет уходил в верстку 6) html страница тестировалась и в нее вносились правки.

process_miatel6

Полиграфия

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

poly_miatel

Заявка на разработку

Имя

Электронная почта

Телефон

×