Что ответить клиенту, если он приносит плохой дизайн-макет и говорит, что ему всё нравится (кейс)

Предложение по дизайну (критика)

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

— Все функциональные элементы должны быть выполнены с учётом будущего использования CSS. В вашем случае это 90% от дизайна, так как из графики в макете только логотип и два баннера.

Правильная техника:

Дизайнер должен знать функции HTML и CSS (в идеале HTML5 и CSS3). Можно использовать один из популярных CSS Фреймворков или шаблонные решения.

ПЕРЕД ТЕМ, КАК РИСОВАТЬ кнопочку (закругление у кнопочки, градиент и любые другие элементы), дизайнер должен понимать какой функцией CSS это будет реализовано при последующей верстке. Иначе получаем, что верстальщик просто нарежет картинки и из них получится вёрстка (в этом случае получается очень низкокачественный продукт, и проще использовать чистый CSS фреймворк, шаблон и т. п.).

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

— Шрифты должны быть шрифтами.

Необходимо использовать одно семейство шрифтов из рекомендованных для web разработки. Иначе нам придётся делать настройки для шрифтов в CSS или подгружать нестандартные шрифты пользователю сайта (здесь надо смотреть PSD, что именно применил дизайнер, но на данном макете точно можно сказать — что не то, что надо).

— Ну и конечно мелочи. Мы говорим не о тех мелочах, которые не дорисованы, а о технических мелочах. Дизайнер, прежде чем рисовать, должен хорошо ознакомиться с функционалом, который предоставляет CMS. К примеру, CMS содержит какую-нибудь важную функцию (пример: вход для пользователей интернета магазина), а дизайнер не знает, что этот функционал нужен и просто не учитывает его при работе, т. е. просто не рисует!

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

Что можно предложить сделать:

1. Естественно нарезать можно всё — можем сделать из любого макета (какого-то конечного варианта дизайна). Получим некачественный результат, на который мы не сможем дать гарантию. И все доработки по сайту в последствии будут осмечиваться отдельно сразу после сдачи проекта. Смета на реализацию проекта при этом не меняется.
2. Ориентируясь на вариант дизайнера, можно сделать сайт на CSS фреймворке с сохранением колористики и структуры. Визуально по цвету сайт будет похож на макет, но каждый отдельно взятый элемент будет немного отличаться. Также в этом варианте могут возникнуть неровности структуры, нарушения сетки и т. п., так как эти ошибки уже есть в проекте и исправить их без помощи опытного дизайнера не получится.
3. Сделать сайт полностью на шаблоне, визуально похожем на данный макет.
   • Есть вариант использования заранее купленной HTML вёрстки — изменяем ее под ваш тематический сайт. Примеры — смотреть тут
   • Использование чистого CSS фреймворка, к примеру — «Bootstrap» (возможно с дополнительными библиотеками к нему). Примеры — смотреть тут. Данные сайты сделаны используя исключительно Bootstrap и все активные элементы сделаны полностью на этом CSS фремворке. Что является отличным технологическим вариантом. Стоимость данного варианта всего 0–50 $. Но позволяет собрать качественный сайт с точки зрения внутреннего исполнения.

Другое дерево решений вашей задачи — это использование дизайнера, ориентированного для веб-дизайна (дизайнера web сайтов), которому не придётся объяснять тонкости и нюансы. Но это невозможно без увеличения бюджета.