Измеритель скорости интернет соединения

Сфера деятельности:
Тип:
Задание на дизайн
14 400

Веб-инструмент

Опишите задачу как можно подробнее, включая свою целевую аудиторию
Для сервиса по измерению скорости интернет https://2ip.ru/speed/ необходимо создать анимацию процесса измерения скорости.

Сервис производит измерение трех параметров: скорость интернет входящая, скорость интернет исходящая, пинг. Все замеры производятся последовательно.

Процесс измерения занимает какое то время. Время зависит от качества канала и может быть как совсем небольшим, так и достаточно продолжительным.

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

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

Для примера существующие сервисы:

http://beta.speedtest.net/
http://whatismyipaddress.com/speed-test
https://fast.com/
https://www.verizon.com/speedtest/ – для американских IP
http://speedtest.xfinity.com/

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

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

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

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

Интернет

Простота
Информативность

960px

Комментарии и пожелания для дизайнеров
Не нужно использовать слишком яркие цвета, черный или темный фон. Палитра должна быть бледной, цвета предпочтительно ближе к синему, возможны какие-то элементы для акцентов красным, желтым или зеленым цветами.
Не забудьте, что полученный результат будет работать на сайте 2ip.ru, поэтому нужно как то соблюсти общую цветовую гамму.
Прием работ
ЗАВЕРШЕН