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

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

Рассмотрим под микроскопом компанию, для которой создается сайт. «Tiger Asset Management» — занимается инвестиционными фондами, на достаточно конкурентном украинском рынке это новый игрок, но имеет опыт работы в других странах. Компания нацелена на широкую нишу потенциальных клиентов, которые на данный момент вообще не имеют опыта работы с инвестициями.

Как сайт может помочь Тигре заработать больше денег? Привлечь новых клиентов — достаточно тривиальная задача, но ее решение не должно быть шаблонным (попросту не сработает из-за массовости), оно должно быть эффективным, для этого разбиваем проблему на несколько задач.

Необходимо рассказать посетителю, что:
1. инвестиции это не страшно
2. инвестиции это очень просто
3. на этом реально можно заработать
4. много денег не надо

Дизайнер, внимание, тут ТЫ начинаешь думать. Первая задача, инвестиции это очень просто (несложно, элементарно, обыкновенно, привычно, понятно), но как же это графически показать?

Мы учим детей, и сами также учимся, от простого к сложному. Используя примитивные (с точки зрения взрослых) логические игрушки мы развиваем у малышей понятие, что можно взаимодействовать с чем-либо. Давайте используем мотивы детства для решения первой задачи. Но как связать серьезность финансовых инвестиций и несерьезность детских игрушек? Поможет золотая середина — детство будет только там, где надо сказать «это просто».

Для решения второй задачи (… это просто) используем найденные при решении первой методы («детство», «простота», «игрушки»…). Наипростейший способ рассказать что-то – это показать презентацию с линейным сюжетом, что и сделаем, а в оформлении используем рисунки стилизированные под детское творчество.

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

Следующая проблема — убедить человека, что это вообще работает и приносит деньги. К сожалению (или к счастью), ни один мигающий баннер, или офигенно отфотожопленная фотка мужика в куче баксов не может заставить нас отдать свои честно заработанные тугрики в чужие руки. А что может? Цифры могут. Реальные, конкретные цифры, без всяких заумных (не понимаю = не доверяю) слов. Простой ответ на простой вопрос — если я дам вам 100 баксов, сколько я получу через год?

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

Очень простой механизм — двигаем ползунки и писаем кипятком от растущих цифр. (:

Осталась последняя задача, для инвестиций нужны деньги, хоть и не особо много, но все же надо. Чуть ниже калькулятора ставим логическую ссылочку на интерактивную анкету, заполнив которую мы можем узнать, сколько наших денежек ежегодно уходит в трубу.

10 простых шагов, и система показала, что вкладывая в инвестиции сэкономленные на бутербродах и порно-журналах деньги я б через 20 лет имел почти 400 000 баксов на счету. Впечатляет? Да, этот чудо калькулятор не учитывает инфляцию и возможное падение фондов, но наша цель ведь не правду рассказать. (;

Так что, дизайнер, твоя задача придумывать вот это все, а не рисовать розовые рюшечки и анимированные логотипы. Хотя, это (придумывание) больше задача арт-директора, но не каждый может позволить себе такое счастье, так что теперь ты сам себе арт-дир (а значит будешь получать 2 зарплаты (: ).

P.S. В том сайте еще достаточное количество всевозможных фишек, которые помогают решать поставленные задачи, предлагаю попробовать самостоятельно их найти, и выписать на бумажечку. У меня таких набралось около 40, будем меряться?

1. Дизайн — это не красивая картинка

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

2. Все на странице должно быть к месту

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

3. Помни, что сайт может расти

Могут добавляться (собственно, как и убавляться) новые страницы сайта, соответственно меню тоже может быть выше, шире, уже, тоньше… Ты продумал такой вариант событий? А текст? Вот у тебя на макете 3 абзаца, а если набить туда текста на 3 экрана, или наоборот – сделать всего 3 строки, что тогда со всей этой красотой будет?

4. Тексты и картинки для примера должны быть по теме

Дизайнерская инквизиция во главе с арт-директором не спит. Те, кто используют Lorem Ipsum, будут признаны еретиками и спалены посреди площади. Вот представь, беру я твой свеженакреативленый макетик, отправляю его заказчику, который ожидает увидеть свой сайт Колбаски.инфо, а там вместо нормальных текстов про полезность кошерной свинины что-то маразматическое на латыни. А все могло же быть иначе, размести на «превью» будущего сайта текст с описанием запаха свеженьких балыков — так у заказчика сразу слюни на клавиатуру капать начнут, и это всегда хорошо.

5. Верстальщик тоже человек

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

6. Думай

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

7. А ты все сделал?

Дизайн сайта это не только то, что ты уже нарисовал. Ты уже придумал, как будут оформлены формы, таблицы и списки? А может ты еще даже не начал думать над дизайном активных пунктов меню? Да, и про favicon тоже не забудь, ведь это тоже часть дизайна сайта.

8. Делай больше

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

Бонус пожелание

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

P.S. Вероятно добавление новых пунктов, подпишись на рассылку, чтобы не пропустить.