Редизайн веб-сайта студии MissoffDesign

Главное о кейсе

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

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

Задачи:

➢ Максимально подробные услуги – необходимо было представить все оказываемые услуги и направления в подробной форме для полного понимания сервиса и опций без первичной консультации.
➢ Максимально комфортное портфолио – портфолио не просто должно было отвечать требованиям освещения кейсов, но и не создавать нагрузку на пользователя для комфортного просмотра и усвоения информации при длительном изучении работ студии.
➢ Чистый ux – выверенные элементы интерфейса как на десктопе, так и на мобильных версиях с максимально продуктивным эффектом, весь функционал мобилки полностью дублирует десктоп без потерь.
➢ Высокая юзабилити – требовалось поднять глубину просмотров контента для повышения поведенческих факторов, а также для продуктивного усвоения представленной на сайте информации.

Решения поставленных задач:

➢ Максимально подробные услуги – услуги реорганизованы по разделам и подразделам по 5 основным направлениям:
* Интернет-маркетинг – реклама, смм, продвижение, сео;
* Инфографика – презентации, рекламная графика любого типа;
* Дизайн-макетирование – дизайн сайтов, систем, приложений и «под задачу» в случае нестандартных требований Заказчика;
* Разработка – дизайн и разработка «под ключ» сайтов, систем, приложений и комплексных проектов также «под задачу»;
* Брендинг – раздел с работами на старте проектов, когда требуется «упаковка» бренда, создание документации (айдентика, стайлгайд, брендбук) и комплексная работа по полиграфии (линии упаковки, этикеток, бирок, буклеты, каталоги и прочее).

➢ Максимально комфортное портфолио – многофункциональный экран раздела портфолио с лейблами, тегами, анонсами, привью, Уникальная сборка кейсов в полном адаптере с удобной привязной к Битриксу в виде полноценного конструктора.

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

➢ Высокая юзабилити – максимальная перелинковка по кейсам, услугам, статьям для высоких показателей глубины просмотра и прочих поведенческих факторов, полный простор для работы по Сео-настройке и продвижению, сведение дизайна к системной структуре для быстрого привыкания к расположению элементов управления сайтом.

Крафт (мастерство), реализация, технические детали

Главная страница сайта.
Мы считаем, что Главный экран – это визитная карточка Вашего сайта – если "не зацепило» при первом взгляде, то эффект не достигнут. Мы вывели на Главный экран интерактивные блоки с разделами услуг, последними публикациями в блоге, кнопку вызова формы ОС, демонстрацию наличия Экспертизы с переходом на подробную страницу, полноценное меню со всеми видами услуг.

Ниже на Главной странице присутствует выжимка о компании, анонс последних кейсов и выборка благодарственных писем, подробный футер и сама форма обратной связи.
Страницы категорий/ подкатегорий услуг
Большое внимание было уделено описанию категорий и подкатегорий услуг, ценовой политике, описанию формата сотрудничества, в общем все, что важно знать потенциальному клиенту до начала работ, детали обсуждаются дополнительно, но правовая форма, формат сдачи проекта, примеры реализации, варианты оплаты – самые частые вопросы при первичной консультации.

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

Страница кейса
Каждый кейс собирается вручную в макете, однако мы продумали добавление кейсов на сайт по типу конструктора с выставлением цвета фона, темы кейса (светлый/темный), вида блока (заголовок, текст, изображение) и их комбинации.

Прочие детали
На странице «экспертиза» представлены достижения студии, отзывы клиентов и слова благодарности, номинации и сертификаты.
Страница «о компании» в лаконичной и подробной форме демонстрирует направление студии, экспертность и ценности команды.
Система управления контентом
Для управления контентом используется система 1C Битрикс.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Прочая информация о кейсе

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

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

Текущая доступность работы

https://missoff.ru