[Запис вебінару] Основи веб-дизайну: як має виглядати сайт для бізнесу

439

Здрастуйте, шановні читачі! Ділимося з вами запис вебінару «Основи веб-дизайну: як має виглядати сайт для бізнесу», який пройшов 7 вересня. Нижче ви знайдете посилання на скачування презентації, а також основні тези, які прозвучали під час виступу.

Клікніть на посилання, щоб скачати презентацію: «Основи веб-дизайну: як має виглядати сайт для бізнесу».

Основні тези доповіді

Якщо у вас немає часу дивитися повний запис вебінару, пропонуємо ознайомитися з головними думками, озвученими в доповіді.

Основні типи сайтів:

  • лендінгем;
  • сайт-візитка;
  • багатосторінковий (корпоративний);
  • інтернет-магазин.

Структура сайту

Це система розташування сторінок за чіткою схемою. Її називають ієрархією сайту. За структурою можна зрозуміти, яка кількість сторінок буде присутній на сайті і наскільки зручно користувачеві буде переходити від однієї сторінки до іншої і знаходити необхідну інформацію.

Аналіз конкурентів

Перш ніж приступати до розробки, потрібно провести аналіз конкурентів, цільової аудиторії і подивитися цікаві приклади бізнес-рішень. Головне завдання – знайти рішення, які вже працюють на сайтах конкурентів. Не потрібно звертати увагу на те, що сайт виглядає зовсім погано. Якщо сайт приносить гроші, значить на ньому щось працює.

Контент

Перш ніж приступати до дизайну, потрібно подбати про контент, тому що є велика ймовірність, що потрібно кардинально змінювати все, коли з’явиться контент.

Прототип

Це схематичне відображення сайту. Прототипи найчастіше готуються інтерактивними, тому у вас з’явиться розуміння, як той чи інший функціонал буде працювати.

Логотип і фірмовий стиль:

  • Логотип — обличчя компанії в буквальному сенсі. Якщо він виконаний наспіх або його немає взагалі — це буде помічено клієнтом і зіграє свою роль в момент прийняття рішення про купівлю;
  • Фірмові кольору, символіка, логотип і навіть певний шрифт — ті критерії, за якими вашу компанію будуть впізнавати і оцінювати партнери і клієнти. Саме тому фірмовий стиль повинен відповідати політиці компанії і відображати її діяльність. Одним словом — бути її візитною карткою.

Які фото, відео та ілюстрації використовувати на сайті

Рекомендується використовувати свої фотографії. В іншому випадку потрібно буде купувати фото, відео та ілюстрації з платних джерел, або завантажувати з безкоштовних. Перш ніж використовувати фото, звертайте увагу на ліцензію, за якою можна публікувати його.

Звідки брати фото та ілюстрації (платні ресурси):

  • www.shutterstock.com
  • www.istockphoto.com
  • www.ru.depositphotos.com

Звідки брати фото та ілюстрації (частково платні ресурси):

  • www.iconfinder.com
  • www.flaticon.com
  • www.ru.icons8.com
  • www.flickr.com
  • www.pixabay.com
  • www.pexels.com

Оформлення сайту

Важливо реалізувати не просто красивий сайт, зайшовши на який ви будете отримувати задоволення. Важливо, наскільки він добре виконує покладену на нього функцію. Не варто використовувати оформлення сайту з продажу гаражів (припустимо, з сендвіч-панелей) «як у Apple», це зовсім інший ринок і зовсім різна ЦА. Використовуйте отримані дані на етапі аналізу ЦА.

Типографіка

  • Використовуйте тільки фірмові шрифти на своєму сайті, але враховуйте, що не всі шрифти можуть правильно відображатися на різних пристроях і браузерах.
  • Великий набір шрифтів, які ми радимо використовувати, є на сайті Google Fonts. Не намагайтеся відкривати цей сайт в IE, він на ньому не працює.
  • Зазвичай на сайтах використовується один шрифт, це непогано. Але ми радимо використовувати так звані шрифтові пари, щоб домогтися контрасту в контенті: наприклад, шрифт та шрифт без зарубок.

Колір в web-дизайні

Використовуйте свої фірмові кольору на сайті, але не перестарайтеся. Пам’ятайте, що правильна колірна гама може стати конкурентною перевагою.

Планшетна і мобільна версія сайту:

Багато сайтів мають версії для мобільних пристроїв, тому якщо ваша ЦА часто користується мобільними пристроями, потрібно адаптивна верстка. У деяких випадках завдання щодо створення адаптивної версії варто віддати пріоритет.

Анімація на сайті

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

До кого звертатися: фрілансер або агентство?

Фрілансер зробить вам швидку і відносно дешеву роботу, а агентство зможе надати повний спектр послуг, починаючи з аналітики і закінчуючи реалізацією продукту.

Як готувати ТЗ

При заповненні ТЗ потрібно детально розкрити всю інформацію, яка знадобиться у розробці сайту, а саме:

  • назва компанії;
  • інформацію про ЦА;
  • інформацію про конкурентів та посилання на їх сайти;
  • сайти, які вам подобаються;
  • сайти, які вам не подобаються;
  • опис ваших товарів або послуг;
  • логотип або брендбук;
  • фото і відео матеріали.

Ми проводимо вебінари кожен четвер. Слідкуйте за новинами, щоб нічого не пропустити!