Дом Работа Обо мне

Сайт и панель управления
дата-центра Технодом

Дизайн сайта и панели управления дата-центра Технодом

Краткое описание

Компания: Selectel

Роль: разработка интерфейса сайта и панели управления, дизайн, верстка

Сайт: tehnodom.com

  • ✤ HTML5 with CSS3
  • ✤ SCSS with Compass
  • ✤ Responsive CSS Frameworks
  • ✤ Retina ready: PNG retina-sprites

Задача: сделать современные, но легкие сайт и панель управления.


Процесс работы

  1. Изучение аналогов
  2. Прототипирование
  3. Наброски дизайна
  4. Дизайн
  5. Мобильная версия
  6. Верстка

Изучение аналогов

Работа над сайтом началась с поиска и изучения аналогичных сайтов.

— Какие услуги и в каком объеме предоставляют?

— Какие инструменты и приемы используют для привлечения клиентов и продажи услуг?

Среди аналогов более детально были изучены конкуренты.

Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services Example of design sites with hosting services

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

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

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

Был пройден весь путь: первое попадание на сайт, выбор сервера, заказ, регистрация, заполнение анкеты пользователя, оплата и настройка сервера.

Прототипы интерфейса сайта и панели управления / Prototypes of the control panel interface Показать подробнее

Наброски дизайна

Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления Прототипы дизайна сайта и панели управления

Дизайн

В итоге было решено максимально упростить дизайн. Никаких лишних деталей.

Просто и удобно. Все, что нужно для быстрого заказа сервера. Автор иллюстраций: замечательный дизайнер Сергеев Илья.
Процесс выбора сервера прост и удобен.
Система тикетов (служба поддержки). Вы всегда видите сообщения инженеров и можете оценить их работу.
Для сайта разработана страница аукциона, где вы можете получить сервер примерно в 50 раз дешевле рыночной стоимости. Увы, данная версия интерфейса не используется.

Мобильная версия

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

Жмите плэй!

Включить анимацию мобильного интерфейса
Анимация мобильной версии. От первого попадания на сайт до регистрации.

Верстка

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

Вся графика в элементах управления и иллюстрации оптимизированы под экраны сверхвысокого разрешения (Retina). Для иконок используется утилита Retina-Sprites-for-Compass.

Благодарности

Апатину Даниилу за разработку, Тугову Александру за критику, Сергееву Илье за прекрасные иллюстрации и иконки.

Спасибо, что уделили время моей работе. Если расскажете о моем портфолио в соц.сетях, то поможете мне найти работу, а я помогу кому-нибудь сделать их проект удобнее.


Если вам понравилось, вы так же можете посмотреть другие мои работы. Например, промо-сайт Облачного хранилища.

comments powered by Disqus