---
publishYear: 2013
name: Yota
title: ARM сотрудника службы поддержки сотового оператора
excerpt: Спроектировали рабочее место сотрудника службы поддержки компании Yota
context: |
  Телекоммуникационная компания [Yota](https://www.yota.ru/) — федеральный оператор беспроводной связи, один из крупнейших в России.
logo:
  src: ~/assets/images/portfolio/yota/logo.svg
  alt: Yota • Логотип
  link: https://www.yota.ru/
image: ~/assets/images/portfolio/yota/main.png
imageAlt: Собака Павлова • Yota • ARM сотрудника службы поддержки сотового оператора

thumbnail:
  src: ~/assets/images/portfolio/cards/yota.svg
  alt: Собака Павлова • Yota • ARM сотрудника службы поддержки сотового оператора
tags:
  - it
  - ux-design
  - new-features
  - prof
  - telecom
  
relatedPages:
  -
    text: |
      ### Вам нужен интерфейс?
      #### Заказать дизайн
      Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru) 
      #### Что мы можем сделать?
      [UX-дизайн](/services/ux-design) и [добавление новой функциональности](/services/new-features), как в этом кейсе, и [многое другое](/services). 
    collection: services
    page: ux-design
  -
    collection: services
    page: new-features

relatedPages2:
  -
    text: |
      ### Похожие проекты
    collection: portfolio
    page: e-gorod-mobile
  - 
    collection: portfolio
    page: alfa-arm
  - 
    collection: portfolio
    page: novotelekom
  - 
    collection: portfolio
    page: alfa

result:
  -
    text: Покажем из рук в руки и расскажем ещё больше
    link: "mailto:we@sobakapav.ru"
budget: "300 000 ₽"
time: "3 месяца"

review: 
  text: | 
    Очень благодарна вашей компании за:
    -то, что вы редкие люди, которым действительно интересна моя проблема и моя задача, а не свои желания продать, свои амбиции и т.п. (во всяком случае я так чувствую, и это важно);
    -то, что вы быстро понимаете задачу и не переспрашиваете много раз;
    -честность в подходе и отсутствие очковтирательства;
    -хороший результат;
    -легкое признание и исправление ошибок.
  person: Екатерина Гельфанд
  position: директор по customer experience
  
metadata:
  canonical: https://sobakapav.ru/portfolio/yota
  title: ARM • Рабочее место сотрудника службы поддержки сотового оператора
  description: "Спроектировали рабочее место сотрудника службы поддержки компании Yota"
  robots:
    index: true
    follow: true
  openGraph:
    site_name: Собака Павлова
    images:
      - url: '~/assets/images/portfolio/yota/badge.png'
        width: 1200
        height: 630
    type: website

---

import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';

<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Процесс](#anchor3) • [Результат](#anchor4) • [Отзыв, цены, сроки](#anchor5)
</TOC>

## <a name="anchor1" />Бизнес-задачи

Повысить качество обслуживания абонентов.

<a href="/images/portfolio/yota/1.png" target="_blank">![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/1.png)</a>
_Yota: почтовый интерфейс_

## <a name="anchor2" />Дизайн-задачи

Спроектировать рабочее место сотрудника службы поддержки.

<a href="/images/portfolio/yota/2.png" target="_blank">![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/2.png)</a>
_Почтовый интерфейс: клиент не опознан_

## <a name="anchor3" />Результат

Варфреймы приняты и внедрены заказчиком. 

### Подготовка

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/5.png)
_Структура объектов_

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/6.png)
_Страницы интерфейса_

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/8.png)
_Описание элементов интерфейса. Карточка клиента_

### Панель оператора

<a href="/images/portfolio/yota/9.png" target="_blank">![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/9.png)</a>
_Панель оператора: логика_

<div class="daisy-diff aspect-[1280/1350] diff-black">
  <div class="daisy-diff-item-1">
    <img alt="ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru" 
    src="/images/portfolio/yota/10.png" style="margin-top: 0;" />
  </div>
  <div class="daisy-diff-item-2">
    <img alt="ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru"
      src="/images/portfolio/yota/11.png" style="margin-top: 0;" />
  </div>
  <div class="daisy-diff-resizer"></div>
</div>
<em><a href="/images/portfolio/yota/10.png" target="_blank">Состояния панели звонка</a>, <a href="/images/portfolio/yota/11.png" target="_blank">то же на английском</a></em>

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/12.png)
_Панель оператора_

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/13.png)
_Панель оператора_

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/14.png)
_Панель оператора_

### Карточка клиента

![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/7.png)
_Карточка клиента. Данные_

<div class="daisy-diff aspect-[1280/1350] diff-black">
  <div class="daisy-diff-item-1">
    <img alt="ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru" 
    src="/images/portfolio/yota/3.jpg" style="margin-top: 0;" />
  </div>
  <div class="daisy-diff-item-2">
    <img alt="ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru"
      src="/images/portfolio/yota/4.jpg" style="margin-top: 0;" />
  </div>
  <div class="daisy-diff-resizer"></div>
</div>
<em><a href="/images/portfolio/yota/3.jpg" target="_blank">Карточка клиента</a>, <a href="/images/portfolio/yota/4.jpg" target="_blank">карточка клиента с подсказками</a></em>

<a href="/images/portfolio/yota/15.png" target="_blank">![ARM сотрудника службы поддержки сотового оператора | SobakaPav.ru](~/assets/images/portfolio/yota/15.png)</a>
_Карточка клиента_

## <a name="anchor5" />