Як зробити прибутковою розробку дизайну сайтів (частина 5)

image

Сьогоднішня тема піде про перший макеті. Почну сьогодні з того, що забіг далеко вперед і покажу вам переписку з клієнтом (ліворуч) і виконавцем (праворуч). В тексті вище виконавець дав клієнту коротке посилання на свій проект. Про те, як настільки просто і коротко спілкуватися з клієнтами, розповім нижче. Але а зараз давайте почнемо з початку.

Робота без простоїв

Стаття може здатися занадто простою бувалим і занадто складною початківцям. Наберіться терпіння і дочитайте до кінця. Як завжди, ми не розбираємо, як і що малювати. Наше завдання — зробити роботу, зробити її в термін і вкластися в бюджет. Для 90% дизайнерів і веб-студій укластися в бюджет — не що інше, як зробити роботу у відведений кількість годин. При цьому не важливо, дизайнер у вас на погодинному окладі або на фіксованій з/п. Розробка — це «конвеєр», нам потрібно навчитися працювати без простоїв. Ви зараз подумаєте: конвеєр — це мистецтво, дизайн,… Ні — це гроші, як для вас, вашого керівника, так і для клієнта, який хоче заробити ще, і сподівається, що ваш дизайн йому допоможе.

Чому конвеєр? Навіть якщо ви працюєте над одним і тим же проектом, у вас завжди є важливі, термінові та поточні завдання. Ваше завдання — зробити одну, потім другу, потім, поки обидві на затвердження, зробити третю завдання, повернутися до першої після правок… Завдання керівника або самоорганізованої дизайнера — стежити, щоб не було простоїв. Простий для співробітника на з/п дорівнює змивання в унітаз щогодини суми 1го години (в середньому з/п / 21 / 8 = сума в годину). А коли робота погодиннаце пряма недоотриманий прибуток. Перевищення ж строків порівняй простою, а може і більше, якщо зазначені штрафи. Для фрілансера само збільшення терміну заробітки прямо пропорційно зменшенню вартості години на даному проекті. Ви починали з $20 на проект до 100 годин і виконали його за 130 годин, ваш час в цьому проекті вже не коштує $20, він коштує $15,4. І це ще не все: порахуйте, скільки ви заробите за 30 втрачених годин, хоча б за половину з них? Це $760 неодержаного прибутку за проект. І ви після цього не хочете купувати платні сервіси, що допомагають економити! Чому?! $6, 12 або $30 — хіба це більше, ніж $760? Якщо ви думаєте, що у вас справи йдуть так добре — добре. Але витратьте час і подивіться, чи є у вас простої. опитування частина 4

image

Прототип затверджено, так?

Отже, у вас є прототип, і він затверджений. Давайте поговоримо, що означає «затверджено». Клієнт знає — його макети будуть побудовані на основі прототипу; клієнт розуміє, що всі зміни в конструктив оплачуються додатково, якщо вони ведуть до додаткових витрат часу для розробки макетів — всі додаткові сторінки, які не є прямою копією готової сторінки; клієнт знає, як його сайт буде себе вести на різних розмірах екрану; він знав ще раз на прототипах, що у нього фіксована (або масштабована, або адаптивна верстка).

На жаль, клієнти, і навіть ми, розробники, які думають, що знають все про проект — можемо помилятися. Клієнт іноді не надає значення прототипам, плутаючи їх з начерками. Іноді тільки в кольоровій версії їм відкривається «істина», і вони розуміють про те, що необхідно додати ще кілька сторінок або розділів. Але ви вже готові до цього: «це не входить в затверджені прототипи і обумовлений обсяг». Ви робили ремонт в квартирі? Скажіть, скільки з вас вкладалося в первісну суму? :) Смішно? Так само і клієнти, вони, як і ми з вами, коли робимо те, у чому смыслим не так багато або имееем недостатньо досвіду. Страхуйте вашого клієнта, страхуйте себе.

Клієнт все затвердив — каже продавець (не люблю слово манагер) керівнику; «Добре, продовжуємо» — вигукує той. Давайте зупинимося на моменті «затвердив». Клієнт підписав роздруковані на папері прототипи? Він надіслав листа, в якому написано, які прототипи він затвердив? Він надіслав вам СМС, де написано «всі прототипи затверджено»? Він вам дав щось, крім фрази при зустрічі або по телефону «так, стверджую»? ТАК. Тоді ваші прототипи затверджені. Це дозволяє вам застрахувати себе від непередбачених витрат (час = гроші). Не забудьте з такою ж кропотливостью стежити за твердженням макетів, починаючи з першого.

Перший макет

І ось ви вже знаєте, що малювати, як воно буде виглядати, ви застраховані від непередбачених дій клієнта. І тут вам залишається сама малість — вкластися в термін або кількість годин при розробці макетів. Тут багато підходів, розповім вам один, а ви «приміряйте на себе». Для початку виберіть найбільш складні сторінки. Не беріть головну, вона складна; якщо ж вона проста — то вона швидше за все являє вхід на сайт і не несе в собі основних стилів. Виберіть дві сторінки: дуже просту (але не 404) та сторінки, на якій найбільше основних стилів. Для чого потрібен такий підхід? Тут є ряд переваг.

Для початку, просту сторінку клієнт не буде роздивлятися годинами, але він відразу побачить те, що йому потрібно, і те, що потрібно вам. Йому потрібні всі розділи, що він хотів, всі сторінки в випадаючому меню. Клієт швидко перевірить контакти. Він вкаже вам відразу, що у нього офіс біля метро, і потрібно про це не забути і іконку поставити вам смішно, а для нього важливо, він за це переплачує за офіс, щоб клієнту було простіше дістатися).

Друге — ви знаєте, що ті стилі, що ви йому приготували, він побачить. На головній він буде дивитися на фото на банері, на товари — на фото товарів, і не побачить своїх товарів. Вам же потрібно, щоб він затвердив саме стилістику сайту. Верх, низ, вміст. Обов'язково перші макети постарайтеся наповнити повністю інформацією клієнта: його фото, його текстом, його контактами. Справа в тому, що коли ви говорите клієнту: «потім тут буде бла-бла-бла», — він собі в голові починає малювати нове. Гірше того, він буде розчарований, якщо не побачить цього потім, на фінальних макетах, на верстці, в останній день здачі всього проекту. А у вас вже є передоплата, терміни, договір з наступним клієнтом (ми про це говорили у частині 4). У вас конвеєр — не брешіть. Коли продавець свою роботу зробив — повірте, він не шкодував «завитків». Вам це вже не потрібно.

З першими макетами покажіть відразу, як сайт буде виглядати на різних розмірах екрану. (_!_) Не важливо, ваш сайт фіксований 980 або 960, або адаптивний і багаторозмірних. Клієнт повинен це побачити зараз. Не потім виносити мозок верстальникам: «я думав, що це буде на 1920», а верстальник відповідає — «у вас макет в 960, як?! о_0». Економте час на кожному кроці, кожен день, кожну годину.

«Співробітники, зрозумійте: бос не гребе лопатою гроші, він розгрібає дер**після вас». Якщо ви навчитеся економити свій час і час співробітників, у компанії з'явиться буфер, а будь-який (85% не всі) замовник, керівник, бос — зможе поділитися прибутком з вами. Премії, бонуси, подарунки. Якщо буфера немає — немає нічого.


Перша презентація

Уявіть собі процес затвердження макетів в 1-5 хв на сторінку. Так! Це можливо. Для цього є он-лайн сервіси, що дозволяють презентувати макетів клієнту. На хабре є стаття про деяких з них habrahabr.ru/post/239999/ (не плутайте з сервісами для прототипування). Насправді подібних сервісів більше 20 і велика частина з них надає безкоштовну пробну або повністю безкоштовну версію.

Далі ваша задача, як я говорив в частини 4 — зробити для клієнта зручну структуровану подачу макетів. Ще момент: не робіть більше, ніж ці дві сторінки для першої презентації. Покажіть їх кому-то: керівнику, верстальщику, программерам — можливо, вони щось побачать. Не показуйте всі 10 ваших невдалих робіт, покажіть одну підсумкову. Покажіть, як «живе і дихає» кожна сторінка. Покажіть макет, покажіть макет з наведениями, макет з випадними меню. Покажіть, як виглядає закріплене меню, алерт, якщо потрібно. Покажіть їх у правильному порядку, підписавши кожен макет по-російськи, а не namepr_prod_pоdrob_variant_12. Створіть папку/розділ «Товари». Там макет «Список», «Список з наведениями», «Список з меню розкритим», «Список вибраний товар», «Попап товар у кошику». Створіть папку «Текстові станиці» і помістіть туди макет «Контактна інформація».

Це ваш шедевр, це ваше творіння. Воно повинно бути розкладено на середні полиці між вишуканим вином і дорогими коньяками. Макети повинні сяяти і блищати. Ви підготувалися, витратили на це хвилин 5. А заощадили годинну презентацію, переробку в кілька днів і пошуки інших ідей. Все, ваш товар готовий, відправте коротке посилання на телефон, електронну пошту, просто продиктуйте або піднесіть особисто. Дозвольте клієнту залишитися на час один на один з макетами, не підганяйте, нехай він відчує аромат і побачить всі лінії, що ви вклали в макет. Дайте йому стільки часу, скільки йому потрібно (максимум: завтра до обіду).

«чеснота Терпіння» — з фільму «Завжди кажи Так»
Мужайтеся. Наберіться терпіння. І, блін, у вас ще купа іншої роботи, займіться їй. Дайте можливість клієнтові подивитися його макет на роботі, вдома на планшеті або телефоні. Це як з продажем машини. Ви приїхали в салон, зробили тест драйв і поїхали додому з каталогом. Ви всю ніч перебираєте чітко зазначені три, чотири, шість комплектації (середній клас) і ранок готові взяти щось одне. У вас мало варіантів: 5-6 кольорів і чотири металіка. Дайте вашому користувачеві те ж саме. Кращий варіант модернізуйте самі запропонуєте ще один колір, ще одне розташування дрібних деталей, пару значків на вибір. Примусьте клієнта думати у вашому напрямку. І ось на ранок ви бачите відповідь.

image

Підсумок

Ваше завдання — працювати на результат. Вам просто не можна простоювати — це ваші гроші. Приберіть зі столу все, що вам заважає. Вимкніть і закрийте всі програми, сайти, соц мережі. І працюйте. Коли робота буде готова, її потрібно викласти з хлібом з сіллю. Заздалегідь направте клієнта на правильний шлях — структуруйте презентацію і дайте правильні назви макетів. Вони повинні бути такими, якими клієнт бачив їх у вашому google.документі (частина 2). Та почекайте паузу.

У наступній частині розповім, які проблеми приховує наповнення, і як з ними боротися.

p.s. (_!_) Як завжди прошу утримуватися від коментарів не по темі. Якщо вам є, що сказати по суті, говорите — інакше промовчіть, будьте розумнішими пустозвонов і бла-бла-любителів. Пробуйте, експериментуйте, вчитися ніколи не пізно. До зустрічі :)

З якого разу клієнт стверджуємо перші макети?

/>
/>


<input type=«radio» id=«vv63409»
class=«radio js-field-data»
name=«variant[]»
value=«63409» />
1й презентації
<input type=«radio» id=«vv63411»
class=«radio js-field-data»
name=«variant[]»
value=«63411» />
2й презентації
<input type=«radio» id=«vv63413»
class=«radio js-field-data»
name=«variant[]»
value=«63413» />
3й презентації
<input type=«radio» id=«vv63415»
class=«radio js-field-data»
name=«variant[]»
value=«63415» />
Справах до 10 варіантів
<input type=«radio» id=«vv63417»
class=«radio js-field-data»
name=«variant[]»
value=«63417» />
Справах більше 10 варіантів
<input type=«radio» id=«vv63419»
class=«radio js-field-data»
name=«variant[]»
value=«63419» />
Відмовляюся в підсумку від клієнта

Проголосувало 9 осіб. Утрималося-3 людини.


Ви порахували вартість свого години?

/>
/>

<input type=«radio» id=«vv63421»
class=«radio js-field-data»
name=«variant[]»
value=«63421» />
Так
<input type=«radio» id=«vv63423»
class=«radio js-field-data»
name=«variant[]»
value=«63423» />
Немає
<input type=«radio» id=«vv63425»
class=«radio js-field-data»
name=«variant[]»
value=«63425» />
Знав її
<input type=«radio» id=«vv63427»
class=«radio js-field-data»
name=«variant[]»
value=«63427» />
Не знав, що це так важливо, спасибі

Проголосувало 10 осіб. Утрималося-2 людини.


У вас все так добре, але все ж

/>
/>

<input type=«radio» id=«vv63429»
class=«radio js-field-data»
name=«variant[]»
value=«63429» />
Ви знайшли у себе в роботі моменти невеликого простою (0,5 — 2 год в день)
<input type=«radio» id=«vv63431»
class=«radio js-field-data»
name=«variant[]»
value=«63431» />
Ви знайшли у себе в роботі моменти невеликого простою (1,5 — 3 год в день)
<input type=«radio» id=«vv63433»
class=«radio js-field-data»
name=«variant[]»
value=«63433» />
Ви здивувалися, що їх багато, буду стежити за ними
<input type=«radio» id=«vv63435»
class=«radio js-field-data»
name=«variant[]»
value=«63435» />
Ви не знайшли систематичні простої, але спробуєте вжити заходів
<input type=«radio» id=«vv63437»
class=«radio js-field-data»
name=«variant[]»
value=«63437» />
Ви не знайшли простоїв

Проголосувало 6 осіб. Утрималося-2 людини.


Що з початкового наповнення вам надає клієнт?

/>
/>

<input type=«radio» id=«vv63439»
class=«radio js-field-data»
name=«variant[]»
value=«63439» />
Мені клієнт завжди дає тільки ідеї
<input type=«radio» id=«vv63441»
class=«radio js-field-data»
name=«variant[]»
value=«63441» />
Дає купу всього і багато, але по суті там дуже мало і потрібно витрачати багато часу на те що б все розібрати
<input type=«radio» id=«vv63443»
class=«radio js-field-data»
name=«variant[]»
value=«63443» />
Дає текст і фото які можна розібрати за день і розкласти підлогу поличках
<input type=«radio» id=«vv63445»
class=«radio js-field-data»
name=«variant[]»
value=«63445» />
Клієнт наймає стороннього копірайтера і фотографа і надсилає все необхідне
<input type=«radio» id=«vv63447»
class=«radio js-field-data»
name=«variant[]»
value=«63447» />
Ми надаємо всі послуги та клієнту нічого не потрібно робити, але це просто виносить мозок
<input type=«radio» id=«vv63449»
class=«radio js-field-data»
name=«variant[]»
value=«63449» />
Ми надаємо всі послуги та клієнту нічого не потрібно робити

Проголосувало 5 осіб. Утримався 1 людина.


Тільки зареєстровані користувачі можуть брати участь в опитуванні. Увійдіть, будь ласка.


Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.