Етапи розробки сайту перед дизайном.
Читай, зберігай, використовуй в роботі та не забудь поставити 🔥
Порційно видаю трошееечки інформації, яка чекає вас на курсі.
1️⃣ Найважливіший, але дуже цікавий етап – зідзвон з замовником.
На цьому етапі ми визначаємо основні завдання проєкту: чи потрібен інтернет-магазин, лендінг чи, можливо, багатосторінковий сайт. Мета полягає в тому, щоб зрозуміти головну ідею клієнта, визначити його потреби та уточнити деталі.
👉🏻 Приклад: клієнт повідомляє, що йому потрібен інтернет-магазин. Він хоче бачити певні анімації, підключення до системи онлайн-оплати тощо.
Такі деталі корінним чином впливають на вартість проєкту. Якщо йдеться про дизайн, основний акцент ставиться на аналіз референсів та визначення рівня дизайну.
Однак, якщо мова йде про верстку та розробку, тут потрібно враховувати багато факторів:
✔️необхідність в СЕО-оптимізації,
✔️підключення сторонніх сервісів,
✔️авторство текстів та багато іншого.
Ці вступні дані щодо розробки сайту безпосередньо впливають не тільки на вартість, але й на терміни виконання роботи.
📍І хоча може здатися, що таких питань безліч, насправді їх всього біля 15-20. Однак цих питань з головою вистачає для попередньої оцінки проєкту.
2️⃣ Після нашого першого зідзвоні з клієнтом ми переходимо до наступного етапу.
На основі обговорення ми складаємо комерційну пропозицію (КП) і надсилаємо її клієнту. При цьому дуже важливо подавати пропозицію в декількох варіантах, щоб надати клієнту можливість вибору.
Якщо ми надсилаємо клієнту лише один прайс без варіантів, то він може почуватися відсунутим або обмеженим у виборі. Подавши декілька варіантів, ми збільшуємо ймовірність того, що наша пропозиція відповідатиме його бюджету та очікуванням.
Далі, після того, як клієнт обрав варіант, котрий його влаштовує (наприклад, середній), ми його затверджуємо.
3️⃣ Що ж робимо далі? Переходимо до одного з найважливіших етапів у нашому процесі — підбору референсів.
Якщо у вас будуть правильно підібрані референси та проведений детальний аналіз перед початком дизайну – то ви значно швидше закриєте проєкт.
Часта проблема новачків, що вони ігнорують цей етап і отримають мільйон правок від клієнта.
👉🏻 За цей час, ви можете зробити 2 додаткових лендоса та заробити більше грошей, а замість цього займаєтеся правками по 4-5 колу. Щоб цього уникнути – зберігай інформацію та одразу впроваджуй у роботу.
✔️ Запросити референси у клієнта.
Так, існують такі замовники, які знають, що вони хочуть і мають конкретні приклади. Хоч таких, які настільки глибоко аналізують свій проєкт – не більше 10%, але все ж таки потрібно уточнити цей момент. Може вам пощастить і ви отримаєте дійсно гарний та якісний референс😌
Буває таке, що замовник відправляє референс у вигляді готового сайту, але потім виявляється, що йому подобається не дизайн, а, наприклад, структура сайту, подача тексту або функціональність.
Що потрібно зробити? Правильно, також уточнити, що саме клієнту подобається у цьому прикладі.
✔️ Підібрати референси самостійно
Вибір відповідних прикладів, аналіз референсів є вкрай важливим, оскільки це допомагає нам краще розуміти бажання та очікування клієнта. Якщо ми не будемо ставитися до цього етапу відповідально, результат може не відповідати сподіванням клієнта. Наша основна мета — глибоко зрозуміти, чого саме хоче клієнт.
В такому форматі я користуюся методом, аналогічним до Pinterest. Як це виглядає на практиці?👇
На етапі підбору референсів ми підбираємо для себе 10 різних дизайнів сайтів та обговорюємо їх з командою, залишаємо 5-6 крутих та різноманітних варіантів та відправляємо клієнтам. На основі цих пропозицій клієнт вказує свої уподобання.
📍Наприклад, ми показуємо приклади бруталізма та мінімалізма, пояснюємо різницю та наводимо приклади. Важливо не грузити людину термінологією, а розповісти максимально простою мовою, щоб полегшити вибір клієнта, а не навпаки, все ускладнити.
Ми, отримавши зворотний зв'язок, уточнюємо його вибір: "Зрозуміло, вам подобається мінімалізм". Після цього ми надсилаємо клієнту ще 5-10 варіантів, але вже у стилі мінімалізм.
Коли клієнт конкретизує свій запит, говорячи, наприклад, що йому подобається мінімалістичний дизайн у чорних відтінках з певним шрифтом, ми йдемо ще глибше у деталі. Ми надсилаємо йому п'ять додаткових варіантів, які відповідають його конкретним вимогам: в певних відтінках і з обраним шрифтом.
💫 З усієї цієї розмаїтості пропозицій клієнт вже може вибрати найкращий для себе варіант. Наприклад, він може вказати два дизайни, які, на його думку, виглядають найкраще. Таким чином, завдяки цьому підходу, ми досягаємо максимальної точності у визначенні бажань і потреб клієнта.
4️⃣ Далі, коли ми чітко визначилися з референсами, ми переходимо до створення дизайну.
І тут ключовим моментом є те, що ми пропонуємо клієнту три варіанти дизайну для перших трьох блоків сайту. Це робиться для того, щоб надати клієнту можливість вибору. Далі працюємо над його вдосконаленням, вносячи потрібні правки. Таким чином, перші три блоки сайту готові.
⚡️Ми економимо час, не витрачаючи його на безліч правок по всьому дизайну.
⚡️Ми гарантовано задовольняємо побажання клієнта, оскільки точно знаємо його уподобання, завдяки правильно підібраним референсам.
Варто зазначити, що методика, яку я називаю "принципом Pinterest", - це моя авторська ідея.
Коли ми заходимо на Pinterest і шукаємо, наприклад, "круглу чорну чашку", ми отримуємо ряд варіантів, і зможемо далі конкретизувати свій вибір, переходячи до "чорних матових чашок з золотистим написом" і так далі. Такий підхід дозволяє нам точно визначити, що хоче клієнт, і це схоже на те, як ми працюємо з дизайном. Головна вигода тут — ми оптимізуємо час та гарантовано отримуємо результат, який сподобається клієнту.
Коли клієнт затверджує один із трьох варіантів, ви вже маєте зрозуміле бачення того, яким повинен бути загальний дизайн. Це, безумовно, економить час та зусилля.
💁🏻♂️ Перші три блоки дизайну — це фундамент. Вони встановлюють загальний стиль, настрій та структуру сайту. І, відповідно, якщо цей "фундамент" є міцним і затвердженим клієнтом, то подальше розширення та доповнення дизайну буде набагато простіше та ефективніше.