Landing Page

Ссылка на макет: https://drive.google.com/open?id=12VlqVLFCeZLnRZR12kIfD4yV0nesFXhs

Переработка структуры 

Я решил совместить блок «Партнеры» и главный экран. Это вносит больше ясности при входе на сайт, и уже с первых секунд будет понятен уровень компании, а также чем она занимает и что предлагает. 

Структура второго блока показалась мне не интересной: не хватало графики, слишком много текста (в таком виде его бы никто не читал) и в целом, просто две колонки текста — это достаточно шаблонно. Поэтому было решено подать информацию порционно с одним общим заголовком «Мы знаем все проблемы при сотрудничестве с клиентом». Такое разделение контента на блоки улучшает восприятие информации и большой объем текста уже не кажется таким пугающим.

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

В блоке «Контакты» я также отошел от структуры, предложенной в прототипе. Поскольку в таком виде, как это есть сейчас, мы представляем эту же информацию, но в более компактном виде. Кроме этого, карта во весь экран добавляет больше визуала и в тоже время выполняет свою функци. 

Так как футор в этом лэндинге будет таким же как и на самом сайте, я просто его скопировал. Единственное, нужно будет на верстке попросить верстальщика, чтобы он выровнял его по моей сетке.

Дизайн 

В первом экране я расставил акценты на ключевых словах и добавил целевое действие «Узнать больше». 

Изначально, блок с партнерами у меня был без заголовка. Но в таком случае было не понятно, это блок с партнерами или лучшими клиентами. Тогда я решил добавить зоголовок, тем самым заполнив пустоту в правой части главного экрана, ну и соответственно стрелкой показал к чему этот заголовок относится. 

Во втором экране вместо банальных крестиков, галочек и кружочков я решил добавить эмодзи. Так как целевая аудитория — дизайнеры (хоть и интерьеров), думаю они это оценят. Активную категорию я отметил красным цветом и изменением формы картинки в стрелку. 

Фон разнообразил крупными буквами слова DESIGN.