СаундСервис — редизайн сайта
Задача: сделать редизайн сайта, создать удобную админку, личный кабинет и форму заказа сразу с главной страницы по трём разным направлениям.
Цель: сделать пользование сервисом удобным как для пользователей, так и для сотрудников, разработать адаптивный дизайн.
Решение:
- Разработка личного кабинета пользователя;
- Разработка админки для быстрого наполнения контента;
- Добавление единой формы заказа с лендинга;
- Интеграция сайта с CRM-системой;
- Редизайн сайта с использованием адаптивных блоков.
Что было
Клиент пришёл с запросом сделать из сайта полноценный рабочий инструмент, чтобы клиенты могли заказывать различные услуги в одном месте. Когда мы взялись за работу — сайт представлял собой набор статей и перечень услуг, которые оказывает студия. Предыдущая версия была создана в 2004–2005 годах. Мы её переосмыслили, разгрузили интерфейс, сделав навигацию простой и удобной.
![](https://mailfit.com/wp-content/uploads/2021/03/chto-bylo-1.png)
Цветовая палитра
Цвета, выбранные в качестве основных, сочетаются между собой и наглядно выделяют важный контент и кнопки на странице. Для каждого из видов услуг был выбран свой цвет, который визуально отделяет направления друг от друга и даёт пользователю понимание, какой именно контент он сейчас просматривает.
![](https://mailfit.com/wp-content/uploads/2021/03/czvetovaya-palitra-2.png)
Форма заказа
Удобная форма заказа по трём направлениям:
— на озвучивание;
— на музыкальное оформление торгового помещения;
— на выезд инженера.
![](https://mailfit.com/wp-content/uploads/2021/03/forma-zakaza-1.gif)
Типографика
![](https://mailfit.com/wp-content/uploads/2021/03/paragrafy0-1.png)
Параграфы
![](https://mailfit.com/wp-content/uploads/2021/03/paragrafy01-2.png)
Портфолио и работа с заявками
Личный кабинет пользователя, в котором он может отслеживать статус заказа, просматривать историю прошлых заказов, добавлять понравившиеся работы из портфолио и дикторов в избранное.
![](https://mailfit.com/wp-content/uploads/2021/03/portfolio-i-rabota-s-zayavkami.gif)
Кнопки
![](https://mailfit.com/wp-content/uploads/2021/03/knopki.png)
Адаптив
Вёрстка сайта полностью адаптивна и все страницы корректно отображаются на мобильных устройствах.
![](https://mailfit.com/wp-content/uploads/2021/03/adaptiv-1.png)
Другие элементы
![](https://mailfit.com/wp-content/uploads/2021/03/drugie-elementy.png)
70+ экранов
Было свёрстано более ста разных экранов, включая основные и дополнительные страницы сайта.
Каждый экран сделан в фирменном стиле, а вёрстка — адаптивная.