Як вибрати дизайн сайту

 

Вам потрібен сайт, або ж наявний ресурс створювався в десятих роках/нашвидкуруч і потребує глобального оновлення? Чудово, ця стаття для Вас.

 

У вас може бути багато ідей, картинок в голові, або ж взагалі ви не розумієте з чого розпочати – не переживайте, в будь-якому випадку для якісного конкурентного сайту Вам потрібна допомога спеціалістів тому що:

 

1. Веб дизайн має свої особливості та правила, вивчати їх справа трудомістка.

2. Окрім правил дизайну необхідна SEO оптимізація, тобто на Вас чекає ще одна освіта – сео спеціаліст.

3. Необхідно подружитись із photoshop, або figma, або sketch.

4. Якщо оберете шаблонний дизайн – з ним мало шансів пробитись в ТОП, оскільки сайтів із таким же дизайном в мережі може бути більше 10000, але точно не менше 100.

 

 

 

Спочатку структура сайту, потім – дизайн

 

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

 

 

Ніяких застарілих кліше

 

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

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

Не бійтесь виходити за усталені рамки.

 Тому потрібен дизайнер, щоб знайти креативну ідею та донести до користувача.

 

 

Аналіз ТОП пошукової видачі

 

Перед замовленням сайту обов’язково ознайомтесь із дизайном та структурою ресурсів, які знаходяться в ТОП пошукової видачі у Вашій сфері. Ніхто так не підкаже як Ваші конкуренти. Чомусь таки вони пробились в ТОП, можливо за рахунок якісного дизайну та контенту, можливо – старий сайт та хороший бренд, можливо і робота SEO спеціалістів.

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

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

 

 

Слайдери, відео та анімації

 

Слайдери, відео та анімації – здавалося б хороші засоби для зацікавлення клієнтів, але є але. Користувачу буде значно приємніше зайти на сайт за лічені долісекунди аніж чекати 5-15 секунд допоки завантажиться відео чи код зміни слайдів (тим більше, з нашим інтернетом). В Європі та Штатах над цією проблемою ніхто не замислюється у них 5G інтернет, а в нас 4G інтенет схожий на одну велику літерку.

Слайдери не тільки уповільнюють завантаження сторінок сайту а й в багатьох нішах (дизайн одягу, інтер’єрів, меблі, двері) дратують користувачів, оскільки не дають змоги роздивитись товари. Як тільки сфокусуєшся на деталі – слайд кудись полетів.

Анімації можуть виглядати чудово, але миготіння тексту «замовити», чи «акція» - неповага до користувачів та нагадує рекламу онлайн казино чи кредитів. Можна злегка підсвічувати кнопки при наведенні, збільшувати область фотограції, анімувати появу та зникання блоків при скролі, але головне не перестаратись.

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

 

 

Не експерментуйте із шрифтами текстів

 

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

Наші батьки та діди віднайшли ідеальне співвідношення висоти та товщини літер для читабельності, ви читали таким шрифтом десятки років і тепер готові це все перекреслити?

Якщо Ваш текст для читання а е краси – лише читабельний шрифт. Можна застосувати не чорний колір, а тоішки м»якший із корисневим відтінком – це зменшить навантаження на очі.

 

 

Картинка на задній фон

 

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

Не забувайте, яскрава картинка на задньому фоні не дружить із текстами.

 

 

Тренди веб дизайну 2019-2020

 

Мережа оговтується від напливу анімацій та сміливих дизайнерських рішень та направилась в бік стриманого мінімалізму. Основними трендами є:

 

1. Наявність 3д зображення на монотонному задньому фоні (на головному екрані не завадить 3д зображення, яке пояснить основну тему Вашого сайту);

2. Мінімум слайдерів;

3. Діагональні лінії на задньому фоні замість картинок;

4. Дотримання вузької кольорової гами – 3 кольори на екран;

5. Інформативність пріоритетніша ніж дизайн.

6. Мінімум картинок в адаптиві.

 

 

Що сказати дизайнеру щоб він Вас зрозумів

 

Краще за все всі правки по дизайну записувати. Це може бути Trello, або більш звичний формат – онлайн документ Word.  Зробіть скріни із сайтів чого не повинно бути на вашому ресурсі. Визначтесь із базовим розміщенням блоків, навігації, кольорами сайту. Дизайнер це все запише в документ та розробить ескіз, який в подальшому переросте в готовий дизайн.

Провіряйте оригінальність картинок із сайту. Вони повинні бути оригінальними. 

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

 

 

 

Перевірте унікальність шаблону та картинок

 

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

Унікальність картинок та дизайну в цілому досить важливий елемент, тому не полінуйтеся зайти на онлайн сервіс та перевірити їх на унікальність.

Перевірити унікальність картинок можна тут. Для перевірки шаблону зробіть скріни екранів та завантажте як картинки.

 

 

Висновок

 

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

В будь-якому випадку звертайтесь, до нас, консультуйтесь, будемо раді допомогти.