Как показать заказчику дизайн сайта?

avatar Светлана
Гукасян
14.07.2011, 10:08
комментировать

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

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

Представителям веб-студий были заданы следующие вопросы:

  • В каком виде вы обычно показываете макет дизайна сайта заказчику?
  • Почему вы выбрали именно такой способ, в чём видите его преимущества и недостатки?
Сергей Фефилов, Три цвета
Сергей Фефилов, Три цвета Всё зависит от того местный клиент или не местный. В идеале вначале рисуем прототипы, приглашаем клиента к нам или едем к нему и показываем логику проекта. Следующим этапом точно так же поступаем с дизайном. Если клиент не местный, то высылаем по электронной почте и прикладываем описание каждой страницы, общие цели, задачи, или высылаем файлы и комментируем по телефону. Файлы в джепегах :) Описание на каждом сайте пишем по-разному.

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

Преимущества личной встречи: можно быстро всё обсудить, порисовать можно вместе на макете, налаживается личный контакт и доверие. Недостаток: ехать нужно (нам или клиенту) :)

Преимущества удалённой работы: нет привязанности к региону, быстрая отправка макетов (а также получение комментариев). Недостатки: иногда бывает сложно понять что нужно клиенту, а также нет личного контакта, что тоже немаловажно.
Евгений Агасьянц, Овердот
Евгений Агасьянц, Овердот Макеты, которые обсуждаются лично на встрече, предоставляются в печатном виде. Так проще о них рассказать, подрисовать что-нибудь и поставить подпись заказчика. Если с заказчиком сложно организовать встречу или обсуждаемые макеты имеют незначительную важность, можно смело отправлять по электронной почте в жипеге.

Как-то особо макеты не украшаются — страница на белом листе. В некоторых случаях несколько страниц, чтобы показать, например, раскадровку.

Если работа оформляется специально — значит исполнитель не уделил внимания к самой работе или он в ней не уверен. У меня был заказчик, которому лучше слать по почте, иначе он говорил «зачем такую бумагу хорошую тратишь?»
Антон Кисляков, Pweb
Антон Кисляков, Pweb Показываем в электронном виде в формате jpg в минимальном разрешении, которое описано в ТЗ. Например, 1000×700 пикселей. Как правило, это титульная страница, шаблоны внутренних страниц. Дополнительно акт и цветной принт к нему для подписи и принятия этапа.

Способ оптимальный, исходя из ожиданий заказчика и наших желаний. Были проекты, когда макет презентовали исключительно полностью развёрстанный, но в том случае этот этап стоил совсем не удмуртских денег.
Роман Петров, ITConstruct, г. Новосибирск
Роман Петров, ITConstruct Мы выкладываем макет дизайна в специальный раздел нашего сайта, и клиент видит его «в браузере», т.е. именно так, как он будет выглядеть на сайте. Это позволяет снять проблему разных разрешений экрана, проблему увеличения или уменьшения макета при просмотре его как картинки и сэкономить на личной презентации макета заказчику (у нас не закладывается выезд к клиенту в стоимость дизайна).

Также у нас предусмотрена возможность проект-менеджеру оставлять комментарии к дизайну (наподобие сервиса бизнес-линч А.Лебедева).

Раньше высылали макеты емайлом и потом звонили со словами: «Вот сохраните вложение на диск, откройте, нажмите масштаб 100%. Как шрифты размыты? Поставьте масштаб 100%!»

В общем, внедрение текущего метода позволило сэкономить минимум 1-2 часа времени менеджера и избавиться от ряда проблем при переводе дизайна в вёрстку/сайт (конкретно — от проблем  «как не растягивается???!!» или «я думал, всё будет крупнее»).
Не скупитесь на ретвиты ↓
  • александр

    айти-конструкт порадовал: нарисовали-сверстали-показали заказчику-заказчик сказал фу-рисуем новый-верстаем-показываем... =)))

    • Светлана Гукасян

      Они не верстают, а только макет показывают. Вёрстка — после согласования макета.

      • http://3colors.ru/ sergio3c

        «Это позволяет снять проблему разных разрешений экрана» — картинка все равно же фиксированная, как тогда решается проблема разрешений? )

    • http://itconstruct.livejournal.com/ itconstruct

      Все именно так, как и написала Светлана — мы не верстаем, мы выкладываем картинку, но выкладываем ее в браузер.

      Вопросы с раным разрешением снимаются также просто — в большинстве случаев у нас дизайн либо совсем фиксированный, либо тянется от 1024 до 1280. В этом случае можно выложить 2 картинки — в минимальном либо в максимальном разрешении

    • http://itconstruct.livejournal.com/ itconstruct

      Дополнение:

      Как именно снимается проблема разных разрешений.

      Основной вопрос, который возникает при просмотре дизайна — а как он будет выглядеть на разрешении 1024×768? а в 1920×1080?

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

  • http://www.russianit.ru vva

    а почему jpeg — почему не png?

    • http://www.agasyanc.ru Евгений Агасьянц

      Такой отраслевой предрассудок ).

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

  • Al

    Картинку можно сделать в разных разрешениях есличо

  • http://itconstruct.livejournal.com/ itconstruct

    Кстати, более подробно я написал об этом на хабре habrahabr.ru/p/124251/

    • webbosst

      Всем привет, может посту будет не в тему, но может пригодиться дизайнеру или верстальщику, а может мы изобретаем колесо? В общем разрабатываем сервис комментирования дизайн макетов и верстки сайтов, приглашаем всех попробовать и принять участие в тестировании, подробности возможностей и пару скринов можно почитать тут webboss.pro/sistema-komme...aketov-i-saytov/

      Сервис после тестирования и доработки косяков сервис будет доступен всем желающим.

Get Cloud PHP Hosting on CatN