---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2025-01-28
publishYear: 2020
name: FastVPS UI
title: Редизайн интерфейса панели администратора хостинга
excerpt: Упростили интерфейс, сделав инструмент доступным для неспециалистов
context: |
[FastVPS](https://fastvps.ru/) — хостинг-провайдер, который предоставляет в аренду виртуальные и физические сервера.
Мы уже работали с этим заказчиком раньше: в 2015 году [обновили интерфейс сервиса](/portfolio/fastvps) создали дизайн интерфейсов, помогающий пользователю подобрать хостинг, даже если он не особо разбирается в технологиях. После внедрения нашего дизайна количество заказов выросло в два раза.
К 2020 году функциональность сервиса немного измененилась, добавились новые возможности. Это нужно было отразить в интерфейсе. Плюс еще раз все немного упростить, чтоб сервисом продолжали без проблем пользоваться и не-технари.
isNew: true
logo:
src: ~/assets/images/portfolio/fastvps/logo.svg
alt: FastVPS • Логотип
link: https://fastvps.ru/
image: ~/assets/images/portfolio/fastvps-ui/main.png
imageAlt: Собака Павлова • FastVPS • Редизайн интерфейса панели администратора хостинга
thumbnail:
src: ~/assets/images/portfolio/cards/fastvps.svg
alt: Собака Павлова • FastVPS • Редизайн интерфейса панели администратора хостинга
tags:
- telecom
- ui-redesign
- new-features
- mass
- prof
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UI-редизайн](/services/ui-redesign) и [добавление новой функциональности](/services/new-features), как в этом кейсе, и [многое другое](/services).
collection: services
page: ui-redesign
- collection: services
page: new-features
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: e-gorod-mobile
- collection: portfolio
page: novotelekom
result:
- src: ~/assets/images/portfolio/figma.svg
text: Покажем из рук в руки и расскажем ещё больше
link: "mailto:we@sobakapav.ru"
budget: "250 000 ₽"
time: "3 месяца"
director: "Мы любим такие проекты. С помощью интерфейса сделать технически сложный, почти что профессиональный инструмент доступным для нетехнарей и непрофессионалов."
metadata:
canonical: https://sobakapav.ru/portfolio/fastvps-ui
title: UX • Редизайн интерфейса панели администратора хостинга
description: "Упростили интерфейс панели администратора хостинга"
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/fastvps-ui/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Отзыв, цены, сроки](#anchor4)
</TOC>
## <a name="anchor1" />Бизнес-задача
Повысить популярность хостинга среди непрофессиональных пользователей.
<a href="/images/portfolio/fastvps-ui/1.png" target="_blank"></a>
_Главная_
## <a name="anchor2" />Дизайн-задача
Упростить интерфейс панели администратора, вписав в него новый процесс: выбор CMS (Content Management System, система управления контентом).
<a href="/images/portfolio/fastvps-ui/2.png" target="_blank"></a>
<a href="/images/portfolio/fastvps-ui/3.png" target="_blank"></a>
_CMS как пресет в настройках_
## <a name="anchor3" />Результат
Пересобрали шаблоны настроек. Сделали несколько решений — и для тех, кому сложно разбраться в процессе, и для тех, кто чувствует себя во всем этом как рыба в воде.
Для первых — преднастройки, чтоб можно было не глядя выбрать, то, что предлагает FastVPS. Для вторых — пошаговые настройки с пояснениями.
<a href="/images/portfolio/fastvps-ui/4.png" target="_blank"></a>
_CMS и панель пресетов_
<a href="/images/portfolio/fastvps-ui/5.png" target="_blank"></a>
<a href="/images/portfolio/fastvps-ui/6.png" target="_blank"></a>
_CMS в табах_
<a href="/images/portfolio/fastvps-ui/7.png" target="_blank"></a>
<a href="/images/portfolio/fastvps-ui/8.png" target="_blank"></a>
_CMS как отдельный путь_
## <a name="anchor4" />