4 098

Дизайн и вёрстка многостраничного сайта

Задача

Компания по предоставлению VPN-услуг искала разработчика, который сможет сделать свежий дизайн для текущего сайта и сверстать его.

Результат

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

Улучшили удобство и дизайн личного кабинета, модальных окон, таблицы серверов.

Отзыв клиента

Очень понравилось сотрудничать с Даниилом Пстновым. Работа была сделана качественно, с индивидуальным подходом и самое главное — в срок. Чёткого технического задания не было, но Даниил понял задачу и предложил свои вариант, который нас устроил. Будем сотрудничать и дальше.

Заказчик — Павел Соболев.

Старый дизайн

Дизайн и вёрстка многостраничного сайта 1
Дизайн и вёрстка многостраничного сайта 2
Дизайн и вёрстка многостраничного сайта 3
Дизайн и вёрстка многостраничного сайта 4
Дизайн и вёрстка многостраничного сайта 5
Дизайн и вёрстка многостраничного сайта 6

Новый дизайн

Дизайн и вёрстка многостраничного сайта 7

Каталог игр

Дизайн и вёрстка многостраничного сайта 8

Контакты

Дизайн и вёрстка многостраничного сайта 9

Личный кабинет

Личный кабинет разделён на информацию и реферельную программу. По умолчанию всегда открыта первая вкладка. На первой вккладвке пользователь может просмотреть информацию об аккаунте, пополнить счёт и активировать промокод.

Дизайн и вёрстка многостраничного сайта 10

Во второй вкладке расположились реферальная и партнерские программы. В реферальной программе время от рефералов и реферальная ссылка, можно скопировать её кликнув на иконку справа от ссылки.

Дизайн и вёрстка многостраничного сайта 11

Серверы

На странице «Серверы» пользователи могут просматривать нагрузку и статус серверов, а также сортировать их по параметрам.

Дизайн и вёрстка многостраничного сайта 12

Модальные окна

Дизайн и вёрстка многостраничного сайта 13
Дизайн и вёрстка многостраничного сайта 14

Список выполненной работы

  1. Брифинг
  2. Анализ конкурентов
  3. Прототипирование
  4. Дизайн
  5. Вёрстка
  6. Программирование дополнительных функций
  7. Монтаж видео
  8. Отрисовка баннера

Посмотреть сайт

https://dev-postnov.ru/works/vpngame/

Поделиться
Отправить
Линкануть
Вотсапнуть
← К списку проектов