Тренди в Створенні Сайтів

Andrew Chornyy - 001
Andrew Chornyy

CEO Plerdy — експерт із SEO&CRO з більш ніж 14-річним досвідом.

Ринок eCommerce щорічно зростає приблизно на 20% (за даними Statista). Продовжуючи нашу щорічну традицію з опитуваннями експертів, які займаються створенням інтернет-магазинів / сайтів, ми звернулися до провідних компаній в Україні з пропозицією поділитися своєю думкою з читачами нашого блогу. Що з цього вийшло, можна прочитати в нашому черговому матеріалі про тренди у 2020 році.

Тренди в створенні інтернет-магазинів в 2020 році: інтерв’ю з експертами

Отже, нам цікаво було дізнатися відповіді на наступні питання:

  1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?
  2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?
  3. Які CMS є оптимальними для інтернет-магазину? Чому?
  4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?
  5. Яка правильна послідовність дій при створенні інтернет-магазину?
  6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

Свої відповіді нам надіслали:

  1. Web-Systems Solutions (Хмельницький)
  2. Evergreen (Київ)
  3. TemplateMonster (Бруклін)
  4. OkayCMS (Дніпро)
  5. Plerdy (Львів)

1. Web-Systems Solutions (Хмельницький)

Web-Systems Solutions (Хмельницький)На запитання відповідає: Шемчук Єгор, Account Manager

1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?

На мою думку, перш за все важливі наступні аспекти:

– Надійний захист даних – це пріоритет в роботі будь-якого ресурсу, який може містити в собі персональні дані користувачів. Ніщо не повинно дістатись до бази даних з користувацькими даними та їх скомпрометувати.
– Швидкість роботи інтернет-магазину. Він повинен бути оптимізованим та швидко завантажуватись, причому потрібно перевіряти при розробці не лише швидкість завантаження у WiFi мережі, але є на телефонах через 3G/4G.

  • Mobile-first. Пошукові системи зараз надають перевагу ресурсам, які оптимізовані під мобільні пристрої, на це впливає як і їхня видача, так само собою і кінцевий результат для бізнесу – збільшення продажів. Між іншим пункт 2 також пов’язаний з цим, тому наголошуючи ще раз – ваш інтернет-магазин повинен відповідати усім пунктам вище, а саме: він повинен бути швидким, зручним у користуванні та ненавязливим у дизайні, адаптивним під мобільні пристрої і звичайно ж, безпечним.
  • UX. Дуже важливо продумати поведінку користувача на ресурсі наперед. Створення карти поведінки, як він буде потрапляти до потрібному йому товару. Користувач повинен швидко повинен знайти товар, який його цікавить і швидко оформити замовлення. Це той випадок, коли є приклади, де сторінка оформлення товарів перевантажена різними зайвиси полями. не робіть так.
  • Базова SEO оптимізація сайту. Доречі, наші інтернет-магазини відповідають базовим стандартам SEO оптимізації.

2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?

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

Ринок E-Commerce щороку збільшується, тому оперативність грає дуже роль зараз. Варто не забувати, що починаючи з 2017 року мобільний трафік переважає за десктоп, і продовжує рости і надалі. Тому в доповнення до адаптивної версії інтернет-магазину, варто подумати про створення мобільного додатку, щоб задовольнити усі потреби користувачів, адже використання мобільного додатку надає можливість залучати нових клієнтів.

Також, Ви повинні розуміти, що перш за все вам потрібно заслужити довіру нових клієнтів, які будуть перш ніж щось замовляти, шукати відгуки про вашу бренд/компанію в “Google My Business”, соціальних мережах.

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

3. Які CMS є оптимальними для інтернет-магазину? Чому?

Взагалі по даним builtwith найбільш вживаною CMS до сих пір є WordPress (WooCommerce). Але ні для кого не секрет, що WordPress не зовсім надійна CMS для інтернет-магазинів, а ми віддаємо перш за все пріоритет безпеці та надійності захисту даних. Тому для розробки інтернет-магазинів ми використовуємо CMS OpenCart, яка займає 5% діючих інтернет-магазинів у світі.

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

Звичайно ж на ринку зустрічаються проєкти, які потребують більш гнучких рішень та функцій, ніж ті, які присутні в будь-яких CMS рішеннях. Тому для таких проєктів ми використовуємо досить популярний та ефективний PHP фреймворк – Laravel, який може задовольнити потреби вибагливих E-Commerce клієнтів та створити досить гнучкий функціонал.

Тому наш вибір однозначний припадає на наступні технології, якими ми користуємось: інтернет-магазини – CMS OpenCart (доречі, ми підтримуємо Open Source спільноту, тому в нашому корпоративному GIT є безкоштовні модулі для OpenCart – https://github.com/WebSystemsSolutions), кастомні рішення для E-Commerce сфери – фреймворк Laravel, для мобільних додатків – React Native.

4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?

Усе далі сказане є продовженням насправді пункту 1. Як я вже казав, інтернет-магазин повинен бути безпечним, оптимізованим під пошукові системи, швидким, зручним у користуванні та звичайно ж mobile-first (тобто адаптивним під мобільні пристрої). Але ще також важливо – це приділити увагу наповненні інтернет-магазину унікальним контентом. Це професійна фото/відеозйомка товару, а не скачана з Google, і звичайно ж – не забувати слідкувати за трендами за змінами в E-Commerce.

Вчора обирали чорне на білому, а сьогодні вже градієнти та темряву 🙂

5. Яка правильна послідовність дій при створенні інтернет-магазину?

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

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

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

Отримавши узгоджений дизайн розпочинається етап верстки та програмування. Кінцевим етапом розробки являється детальне тестування інтернет-магазину та контентної інформації (яка також має бути розроблена і погоджена разом з SEO-спеціалістом). Наповнювати можна як ручну через адмін-панель, так і за допомогою інтеграцій з вашою системою обліку. Готово!

Залишається лише починати активне seo-просування, рекламувати в пошукових та соціальних мережах. Тут є багато варіантів, як отримати швидко перших клієнтів: реклама в пошукових мережах та/або соціальних мережах, закупка реклами у блогерів тощо. Довшим, але ефективним і важливим етапом є seo-просування сайту. Зазвичай на SEO-просування потрібно мінімум 6 місяців – 1 рік. На цьому етапі роботи по просуванню вашого ресурсу повинні проводитись комплексно – це і активна реклама в Google / Facebook / Instagram та інших рекламних площадках. Ми завжди радимо звертатись до спеціалізованих агенцій, які займаються Digital просуванням.

6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

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

2. Evergreen (Київ)

Evergreen (Київ)На запитання відповідає: Сергій Кравцов, CEO

1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?

Чат-бот, розумний пошук, персоналізація як мінімум асортименту, можливість пройти повний цикл вибір-покупка-доставка-повернення без контакту з людиною, цикл вибір-покупка-доставка за мінімальний час (ідеально за 3-4 години).

Також сегментування на роздріб і опт. Для опту свої закони, можливість pricelock, аналіз пов’язаних позицій, пропозиція з боку магазину по оптимізації витрат (ви берете ось таку позицію, а у нас з’явилася аналогічна дешевше, візьміть її)

2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?

Найважливіше – це фінансова модель. Враховуйте, що у вас будуть колосальні витрати на маркетинг і з моделлю класичного роздрібного інтернет-магазину (НЕ маркетплейс) з доставкою товару Новою Поштою ви швидше за все “не злетите”. Потрібно враховувати економіку і дуже добре рахувати. В 2019 є місце і для екстра-нішевих та регіональних інтернет-магазинів, які готові дуже швидко рости, і для глобальних (як мінімум всеукраїнських) проектів. Також дуже важлива оффлайн-складова магазину – швидкість доставки, кол-центр, технічнапідтримка і т.п. По суті перед відкриттям потрібно відповісти собі на питання такого типу: що я буду робити, коли мій товар почне продавати 27.ua або Розетка за ціною на 10% менше моєї? Що я буду робити, коли мій товар почнуть копіювати дрібні конкуренти з ціною на 15% нижче моєї? Якщо у вас немає відповіді на ці питання,не починайте. Якщо є відповідь – ласкаво просимо!

3. Які CMS є оптимальними для інтернет-магазину? Чому?

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

4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?

Швидкість завантаження, адаптивність завантаження (на хорошому каналі вантажимо інтерактив, відео і т.п., на повільному – спрощуємо, щоб все одно працювати), адаптація під можливості пристроїв, платіжних систем

5. Яка правильна послідовність дій при створенні інтернет-магазину?

  1. Порахувати фінансову модель
  2. Оцінити готовність інфраструктури (CRM/ERP, склад, логістика тощо), якщо є проблеми – усунути їх
  3. Паралельно з 2 почати маркетинг і створити посадкові сторінки під майбутні товари
  4. Запустити магазин (можливість здійснювати покупки)
  5. Стежити за вузькими місцями процесів (маркетинг – товари і ціни – доставка – повторні покупки) і оптимізовувати їх.

6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

Я не бачив нових гравців, яких міг би назвати кращими. Ну припустимо це Glovo.

3. TemplateMonster (Бруклін)

TemplateMonster (Бруклін)На запитання відповідає: Alla Taff, Маркетолог

1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?

Фільтри по товарам/категоріям, вартості; зручний кошик.

2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?

Побажання клієнта.

3. Які CMS є оптимальними для інтернет-магазину? Чому?

PrestaShop, Magento, OpenCart.

4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?

Адаптивність, висока швидкість завантаження сторінки.

5. Яка правильна послідовність дій при створенні інтернет-магазину?

  • Вибір ніші.
  • Купівля шаблону для інтернет-магазину.
  • Установка шаблону.
  • Просування магазину.

6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

————-

4. OkayCMS (Дніпро)

OkayCMS (Дніпро)На запитання відповідає: Владов Віталій, CEO

1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?

Щодо дизайну мастхев – це звичайно гарна, швидка мобільна версія. Mobile First вже настав і без цього нікуди. За функціоналом – я б виділив те, що нарешті ринок почав приходити до одного формату вивантажень, тому важливо мати можливість як легко завантажувати товари з XML собі на сайт, так і легко додаватися в різні агрегатори на зразок Хотлайн, ПромЮа, Розетка, ГуглМерчант і т.п.

2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?

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

3. Які CMS є оптимальними для інтернет-магазину? Чому?

Всі CMS, які заточені під створення інтернет-магазинів і розвиваються. Хороші OkayCMS, OpenCart і т.п. Головне не потрібно придумувати велосипед і намагатися створити щось своє на неоптимізованій під це CMS

4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?

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

5. Яка правильна послідовність дій при створенні інтернет-магазину?

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

6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

————-

5. Plerdy (Львів)

Lemarbet.com (Львів)На запитання відповідає: Андрій Чорний, CEO

1. Який, на Вашу думку, функціонал/дизайн повинен мати кожен інтернет-магазин в 2020 році?

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

Вважаю, що магазин не ефективний, якщо немає:
– Фільтрів та сортування у категорії
– У картці товару немає: декілька фото, мало опису
– Багато полів у кошику магазину
– Немає перелінковки у статтях блогу на товари чи категорії
– Немає перелінковки на статті блогу
– Якщо товару немає у наявності, варто пропонувати інші товари подібні по ціні чи функціоналу

Щодо дизайну, вважаю, що для будь-якого магазину мають бути чітка різниця між елементами та кнопками, щоб легко можна було розрізнити які елементи можна клікати і які ні.

2. Що потрібно обов’язково враховувати при відкритті інтернет-магазину в 2020 році? Чому?

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

Ні в якому разі не беріть шаблон для CMS, сайт може гальмувати якщо не правильно він зроблений. Варто робити верстку на чистому шаблоні.

Не беріть для великого інтернет-магазину, WordPress, коли плануєте більше 1000 товарів і дві мови. Багато модулів заважають, і будуть гальмувати сайт. Далі переїзд на іншу CMS, досить не простий.

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

3. Які CMS є оптимальними для інтернет-магазину? Чому?

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

Що та і та CMS до SEO ставиться досить добре. Звісно залежить, хто працює із SEO, тому що Opencart з коробки треба багато фіксити.

4. Яким технічним вимогам повинен відповідати сучасний інтернет-магазин в 2020 році?

  • Точно підтримувати PHP7.3
  • Робота з новими форматами фото, наприклад WEBP
  • Якщо велика база даних, можливість підключення Redis
  • Мінімізація повільних запитів до бази даних
  • Швидкість завантаження для людей в межах 1,5-2 с. Для GoogleBot в межах 0,5-1 с, ціль заставити гугл бота жити на цьому сайті.
  • Звісно максимум уникати SEO багів, які заважають індексувати ваш інтернет-магазин.

5. Яка правильна послідовність дій при створенні інтернет-магазину?

Якщо це створення нового інтернет-магазину потрібно

  • Вибрати CMS, або веб-студію яка робить на цій CMS магазини
  • Нехай покажуть приклади своїх магазинів
  • Перевірте швидкість завантаження https://tools.pingdom.com/ виберіть Франкфурт, якщо сервер в Україні. Має бути в межах 1,5-2 с +/-. В цілому це залежить від об’єму картинок та кількості запитів.
  • Перевірте як росте трафік https://www.similarweb.com/ чи тут https://serpstat.com/ це важливий фактор, якщо не росте, щось із сайтом не ок.
  • Поговоріть із розробниками, хто буде займатися SEO чи Google Ads, якщо вони, перевірте кейси. Якщо вони це не роблять, шукайте інших, тоді нехай SEO-спеціалісти дають рекомендації, щодо розробки магазину.
  • Обов’язково обговорюйте часові рамки, коли буде зроблено магазин. Підписуйте договір, при потребі.
  • Важливий фактор, правильно поставити юзабіліті на початку, якщо будуть помилки, після запуску Google Ads, втратите кошти.
  • Після розробки, сайт варто залити на тестовий домен, наповнюйте його. SEO спеціалісти мають перевірити та зробити аудит магазину.
  • Тільки після цих правок, заливайте сайт на основний домен.
  • Далі багато різних задач)

6. Наведіть 2-3 приклади кращих, на Ваш погляд, магазинів 2019 року. Завдяки чому вони є кращими, на Вашу думку?

Мабуть, ідеал, для мене це Rozetka.com.ua досить часто додають нові фічі

Цей цікавий по дизайну Shop.kyivstar.ua досить не стандартний

Висновки:

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

  • Надійний захист даних – це пріоритет в роботі будь-якого ресурсу, який може включати в собі персональні дані користувачів.
  • Швидкість роботи інтернет-магазину. Він повинен бути оптимізованим і швидко завантажуватися, причому потрібно перевіряти при розробці не тільки швидкість завантаження в Wi-Fi мережі, але і на телефонах через 3G / 4G.
  • Зручний сайт на смартфонах, а саме: він повинен бути швидким, зручним у використанні і ненав’язливим в дизайні, адаптивним під мобільні пристрої і, звичайно ж, безпечним.
  • Потрібно вивчати поведінку користувача на Вашому ресурсі. Створення карти поведінки, як він буде потрапляти до потрібного йому товару.
  • Базова і постійна робота над SEO просуванням сайту.

Тренди в створенні сайтів в 2020 році: інтерв’ю з експертами

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

Отже, нам цікаво було дізнатися відповіді на наступні питання:

  1. Які технології все частіше використовуються для створення сайтів (напр. Angular, React)? А що поступово відходить у минуле?
  2. Ставка на інтерактивність або статичність – що краще вибрати в 2020 році? Чому?
  3. CMS vs Framework: що вибрати? В яких випадках яке рішення краще?
  4. Назвіть кілька поточних трендів в створенні дизайну сайтів. Чи будуть вони залишатимуться актуальними протягом 2020 року?
  5. Назвіть, будь ласка, 2-3 корпоративних сайтів, які Ви можете поставити в приклад з точки зору рішення. Чим вони примітні?

Свої відповіді нам надіслали:

  1. Evergreen (Київ)

1. Evergreen (Київ)

Evergreen (Київ)На запитання відповідає: Сергій Кравцов, CEO

1. Які технології все частіше використовуються для створення сайтів (напр. Angular, React)? А що поступово відходить у минуле?

Чітко розділилися сайти на 2 типу: сайт для малого бізнесу або для невеликої промо-активності – тут лідери WordPress і Tilda, і сайти які вже не зовсім сайти, а повноцінний кабінет/інструмент для самообслуговування клієнта – можливість знайти контент, оплатити, конфігурувати послугу. Для перших сайтів важливі анімації, динаміка, ефекти – в цілому візитка/презентація на те і потрібна, щоб захопити увагу. У другому випадку потрібна швидкість завантаження, швидкість реакції. В обох випадках важлива швидкість внесення змін з боку команди розробки. У цьому сенсі React, Vue.js – хороші інструменти. Щоб щось відійшло в минуле – не можу сказати. Все що розвивається актуально.

2. Ставка на інтерактивність або статичність – що краще вибрати в 2020 році? Чому?

Інтерактивність це стандарт де факто вже. Не можна інакше.

3. CMS vs Framework: що вибрати? В яких випадках яке рішення краще?

Описав у відповіді на перше питання, трохи іншими словами:

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

4. Назвіть кілька поточних трендів в створенні дизайну сайтів. Чи будуть вони залишатимуться актуальними протягом 2020 року?

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

5. Назвіть, будь ласка, 2-3 корпоративних сайтів, які Ви можете поставити в приклад з точки зору рішення. Чим вони примітні?

Я не можу відповісти на це питання. Їх десятки і сотні вдалих. Зазвичай я дивлюся успішні рішення на Behance або Awwwards.