klondike

Корпоративный блог студии "Клондайк"

Клондайк интернет маркетинга - WEB, SEO, SMM


Previous Entry Share Next Entry
Болдырев Михаил
klondike

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

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

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

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



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

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

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

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

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

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

1. Естественно нарезать можно всё — можем сделать из любого макета (какого-то конечного варианта дизайна). Получим некачественный результат, на который мы не сможем дать гарантию. И все доработки по сайту в последствии будут осмечиваться отдельно сразу после сдачи проекта.
Смета на реализацию проекта при этом не меняется.

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

3. Сделать сайт полностью на шаблоне, похожем визуально на данный макет.

3.1. Есть вариант использования заранее купленной HTML вёрстки — изменяем ее под ваш тематический сайт. Примеры — http://www.templatemonster.com/ru/website-templates-type/

3.2. Использование чистого CSS фреймворка, к примеру — «Bootstrap» (возможно с дополнительными библиотеками к нему). Примеры — https://wrapbootstrap.com/themes/e-commerce — данные сайты сделаны используя исключительно Bootstrap и все активные элементы сделаны полностью на этом CSS фремворке. Что является отличным технологическим вариантом. Стоимость данного варианта всего 0-50$. Но позволяет собрать качественный сайт с точки зрения внутреннего исполнения.

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

  • 1
Научил всех уму разуму, только где же умопомрачительные комментарии клиента, без них не так "смакуется" пост)))

Ну там немного обидно - посмотрим, что клиент выберет - правильный путь или неправильный или вообще уйдёт. От этого звисит размещу или нет комментарии :)

(Deleted comment)
Потихоньку до этого дойдём )

  • 1
?

Log in

No account? Create an account