M&R Consulting Group
На первой же встрече клиент говорит, что хочет отойти от символики судов: молотков, Фемиды и адвокатов в деловых костюмах. Записываем.
![mr-kithen-01.png mr-kithen-01.png](/upload/medialibrary/128/1281a969a4d102748bfe5aacd382d2d8.png)
Начинаем работу. Составляем майндмап, структуру и сценарии пользователей. Параллельно переписываем тексты со старого сайта.
![mr kithen-02.png mr kithen-02.png](/upload/medialibrary/726/726a839aad81378b1a6e6a64221a5e2d.png)
Работа над прототипом сначала не клеится.
![mr kithen-03.png mr kithen-03.png](/upload/medialibrary/366/36676b5de8745a436ae3ad985a20c114.png)
Арт-директор:
Статистика плохо представлена, каша в практиках, раздел контактов похож на миллионы других таких же разделов. Я не хочу видеть этот сайт как набор стандартных блоков, давайте сделаем самый классный и продуманный сайт юридической компании.
Дизайнер спешит на помощь и дает правки:
Пока выглядит сыро. Надо не бояться набирать крупнее всякие заголовки и якорные вещи, за которые цепляется взгляд.
Ищем идеи для главной.
![идеи-для-главной-.png идеи-для-главной-.png](/upload/medialibrary/bf5/bf5269043a6281259576d508d8950d62.png)
После долгих поисков останавливаемся на более строгой и серьезной структуре.
Готовим страницу «О компании», чтобы показать клиенту.
![mr kithen-05.png mr kithen-05.png](/upload/medialibrary/1ad/1adcadd9aa3624452126b63c2ef3335a.png)
Презентуем.
![презентуем.png презентуем.png](/upload/medialibrary/0e8/0e8530a435c296230ef67a2cb60184f3.png)
Клиенту нравится коричнево-желтый вариант. Он похож на старый, только цвета ярче и сбалансированней. Концепцию он тоже принимает, но просит заменить иконку-бомбу: «Слишком агрессивно выглядит».
![mr-kithen-09.png mr-kithen-09.png](/upload/medialibrary/915/9158362d3a6cc51baf16408019ac6342.png)
Рисуем иллюстрации.
![иллюстрации-для-главной.png иллюстрации-для-главной.png](/upload/medialibrary/98d/98de2ea623a1f2a86a9d080543f0d1d1.png)
Понимаем, что сайту вообще не нужны фотографии, можно обойтись графикой, а чтобы смотерлось свежее, добавим анимацию. Принимаемся за иконки.
![illustrations.png illustrations.png](/upload/medialibrary/5f1/5f15227aab1774d3be7b6245e49b1db2.png)
Прорабатываем внутренние.
![практики.png практики.png](/upload/medialibrary/6ac/6ac7d33b5b2b402e8aba11398832f522.png)
Все ок, только при наведении пропадает текст. Я что, должен помнить, на какую практику навел?
![new-page.png new-page.png](/upload/medialibrary/29c/29c03bbf68d50ce83e160c23698291c4.png)
Все страницы сделаны, осталось только придумать что-нибудь интересное для служебных. На 404 помещаем архив с пропавшим делом и паучком.
![404-скетч.png 404-скетч.png](/upload/medialibrary/aa1/aa1be19d9756dffe8dac3adbaee93849.png)
![mr kithen-08.png mr kithen-08.png](/upload/medialibrary/104/104800db324535c6a4f8706eeb7fb8f5.png)
Верстаем. Неожиданно для себя видим, что блоки с проблемами на главной никуда не ведут. Арт-директор нервничает, проектировщик недоумевает. Вспоминаем, что их сделали, чтобы посетитель проваливался на страницы услуг. Проблема возникла, потому что веб-технолог при верстке смотрел на старый вариант прототипа. Переделываем, все встает на свои места.
Перед запуском клиент хочет поменять иконку и несколько текстов. Вместе дорабатываем тексты о компании и описания практик. Получаем одобрение.
Клиент:
Мне все нравится. Практики нас устраивают.
Клиент предлагает поменять иконку на избушку, которая трансформируется в многоэтажный дом. Предлагаем свой вариант.
![замечание-дом-с-дымком.png замечание-дом-с-дымком.png](/upload/medialibrary/944/944f81ade45233c3f4e7e07ceb7bca5f.png)
Клиент:
Иконку согласовываем, только просим в анимации добавить дымок из трубы на крыше.
Действительно, с дымом выглядит лучше.
![замечание-с-домиком-с-дымком.png замечание-с-домиком-с-дымком.png](/upload/medialibrary/675/6757a7c6c99f2e9edbb67cb201d91171.png)
Арт-директор выбирает последние два. Анимируем — и на сайт.
Клиент доволен, запускаемся.
результатНапишите нам
Мы ответим на любой ваш вопрос.