Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Сайт и интернет-магазин модного бренда: каким он должен быть

1,177 views

Published on

Презентация для выпускников проекта FashionFactory и читателей Be-in.ru

Published in: Business
  • Be the first to comment

Сайт и интернет-магазин модного бренда: каким он должен быть

  1. 1. Сайт модного бренда ● Ошибки ● Инструменты ● Рекомендации ● Примеры Евгений Курт и команда uCoz, 2016
  2. 2. Давайте представим, каким должен быть хороший сайт Учимся на чужих ошибках
  3. 3. Он правильно рассказывает о себе поисковикам и потенциальным посетителям
  4. 4. Страницы товаров описаны человеческим языком: так, как ищут люди
  5. 5. При переходе нет неинформативных сообщений в духе "Мы открылись"
  6. 6. Нет сюрпризов в виде окошек без крестика и автовключения музыки
  7. 7. Первый экран несет сообщение "Что это за сайт" и кликабелен везде, где хочется кликнуть
  8. 8. Позиционирование магазина не перекрывается лишними деталями, а контакты кликабельны
  9. 9. Есть “фавикон”, чтобы отличать сайт от других вкладок, и этот значок - часть стиля всего сайта
  10. 10. Меню не мешает читать и не сливается с образами при прокрутке
  11. 11. А сама прокрутка не глючит и не тормозит
  12. 12. Меню не съезжает при хождении по сайту
  13. 13. И не пропадает при работе с мобильной версией
  14. 14. Сайт по-настоящему адаптивен
  15. 15. Важная информация не теряется на маленьких экранах
  16. 16. Размеры, цвета и вид шрифтов на сайте приведены к единому стилю
  17. 17. У навигации и поясняющих текстов базовый + 1-2 вспомогательных цвета
  18. 18. Нет разнобоя в стиле кнопок
  19. 19. Ключевые кнопки контрастны и привлекают внимание
  20. 20. Заголовки также контрастны и видны на фоне изображений
  21. 21. КАПСЛОК, который тяжело читать, есть только в заголовках
  22. 22. Пользователю не нужно дополнительных объяснений, что делать
  23. 23. И не нужно угадывать, где же он находится
  24. 24. Описания товаров и важные сообщения написаны на родном языке
  25. 25. Фотографии оптимизированы под веб и быструю загрузку
  26. 26. Поиск информации о точных размерах не уводит от покупки
  27. 27. А окно с точными размерами на странице товара защищено от индексации по тому же url, что и товар
  28. 28. Для шоу-рума и точек самовывоза указано время работы. В идеале есть карта.
  29. 29. Один email для каждого вида контакта: почта не телефон, "занято" не бывает.
  30. 30. ● Есть ссылки на соцсети в “подвале” сайта. ● Есть кнопки “нравится” и “поделиться” на страницах товаров. ● В идеале есть авторизация через соцсети.
  31. 31. Описания товаров не дублируются с описанием страницы самого товара. Свои описания есть не только у товаров, но и у разделов каталога (“Платья”, etc).
  32. 32. А главное - корзина, в которой все понятно и ничего не теряется
  33. 33. И удобная, без сбоев, форма заказа
  34. 34. Рекомендации и инструменты: ● маркетинг ● дизайн ● сайт в поиске (SEO) ● анализ себя и конкурентов
  35. 35. Оставьте четкое сообщение на первом экране. В идеале добавьте кнопки
  36. 36. Добавьте отзывы о товарах и магазине. Включите обратную связь: звонок, онлайн-консультант.
  37. 37. Добавьте форму связи и карту для точек продаж и самовывоза. Сделайте телефон и почту кликабельными.
  38. 38. Добавьте кнопки "нравится" и "поделиться" для сайта и страниц товаров
  39. 39. Используйте : uSocial.pro - кнопки "поделиться с сайта" для мессенджеров и соцсетей, Jivosite, Livechat, Liveagent - онлайн-консультанты, IQbuzz - публикации из соцсетей, где вы можете рассказать о себе и дать ссылку на сайт, Клиентограм - поиск подписчиков для Instagram Читайте о маркетинге для малого бизнеса: blog-ru.ukit.com texterra.ru/blog netology.ru/blog
  40. 40. Используйте повторяемый набор шрифтов и базовых цветов. Создайте единый стиль для всех страниц и элементов сайта.
  41. 41. Сделайте меню с подложкой и выделением одного активного пункта
  42. 42. Оптимизируйте размер и формат фото-файлов, чтобы ускорить загрузку страниц
  43. 43. Сделайте сайт полностью адаптивным (пригодится и для SEO)
  44. 44. Используйте: Google Pagespeed Insights - проверка оптимизиации изображений, Google Webmasters Mobile-friendly - проверка мобильной адаптации, Browserstack и Сrossbrowsertesting - посмотреть, как ваш сайт выглядит на разных размерах экранов, браузерах и ОС (Windows, iOS, Android) Читайте и ищите вдохновение: blog.jazov.com - рассылка и блог о дизайне и юзабилити для начинающих, siteinspire.com - примеры хороших бизнес-сайтов на разные темы, goodui.org - 75 примеров удачного и понятного дизайна элементов страниц.
  45. 45. Сделайте уникальные title и description для всех разделов и страниц товаров
  46. 46. это первый результат по запросу Добавьте в title к товарам цвет, размер, бренд, артикул, материал изготовления. Добавьте больше информативного текста в описание товара.
  47. 47. Добавьте сайт в панели вебмастера Яндекса и Google
  48. 48. Добавьтесь в Яндекс.Справочник
  49. 49. Используйте: Netpeak Spider - софт для SEO-анализа сайта, Woorank.com - веб-анализ сайта на SEO-ошибки, uKit.com - встроенная проверка уникальности картинок и текстов сайта. Читайте: Seoandme.ru - блог в стиле “от новичка к профи”, Staurus.net - раздел "SEO-инструменты".
  50. 50. Поиск подрядчиков и решений для сайта: Fl и uPartner - найти исполнителя на сайт (программист, дизайннер), его поддержку (контент-менеджер) и продвижение (маркетинг, SEO) uKit для бизнеса - дизайнер сделает вам сайт-визитку за 3500 и 14 дней YouDo - здесь лучше искать курьеров и промоутеров, но дизайнеры тоже встречаются Site-Builers - обзоры, сравнения и примеры cайтов и магазинов с 42 разных платформ
  51. 51. И еще пять инструментов для анализа сайтов Builtwith.com - помогает узнать, какие технологии используются на сайте: на чем рассылка, есть ли аналитика и пр. Semrush.com и Similarweb.com - простой анализ и сравнение с конкурентами: откуда люди приходят на сайт. App.buzzsumo.com - кто и в какие соцсети расшаривает контент с сайта или блога. Brokenlinklookup.com - ищет за вас "сломавшиеся" страницы и ссылки на сайте (ошибка 404 и т.д.)
  52. 52. Спасибо за внимание! Рады будем видеть на: https://ukit.com/ru/convert-fb

×