Заказать создание и разработку интернет-магазина под ключ

Интернет-магазин

Статья + фрагменты проекта Iva Esa®

Статья написана для объяснения моего взгляда на предмет и процесс работы

Евгений Соколовский

  • Продуктовый менеджмент.
  • Продуктовый дизайн.
  • UX/UI дизайн.
  • Брендинг.
  • Фронтенд.
Занимаюсь интерфейсами с 2018

О развитии e-commerce

none

none

Несмотря на то, что интернет-магазины давно уже являются нормой нашего быта, рынок e-commerce продолжает расти от года к году. Объем мирового рынка в 2024 оценивался более чем в 6,3 триллиона долларов США (по данным kingsresearch). Более 20% всех розничных продаж в мире совершается онлайн. В некоторых регионах этот показатель доходит до 80%.

none

none

none

Рост приведенных метрик стимулируется развитием технологий, и по некоторым прогнозам через несколько лет объем рынка может увеличиться в разы, почти полностью переведя торговлю в интернет.

none

none

none

Все это указывает на то, что налаживание онлайн-торговли — необходимый процесс. Но как сделать это грамотно и на что обращать внимание при работе над сайтом?

Владелица магазина и автор украшений планировала к размещению в нем не более 20 наименований товаров. Это позволило отвести часть экрана под навигацию, в которой показаны все позиции. Так пользователь всегда видит весь ассортимент и может быстро переходить на интересующие страницы. Просмотр фотографий на десктопной версии происходит по скроллу вниз либо при нажатии на нужное превью слева от основного (выбранного) фото.

Отличия интернет-магазина от других типов сайтов

none

none

Есть сайт, который создали для того, чтобы получать с него звонки. Ключевой оценкой эффективности сайта является количество полученных звонков за отрезок времени. При этом компания работает с 9:00 до 17:00, а люди начинают звонить с 7–8 утра и до 21–22 вечера. Звонки, полученные в нерабочие часы остаются без ответа.

Даже, если на следующий день менеджеры будут перезванивать всем, кто звонил вчера, то шансы на то, что потребность в товарах/услугах со стороны заинтересовавшихся сохранится — сильно меньше, чем если бы сотрудники просто отвечали на входящие звонки. В условиях сегодняшней конкуренции и изобилия предложений на рынке найти поставщика чаще всего не проблема.

В итоге сам сайт свою работу делает, но эффекта от этого намного меньше, чем могло бы быть. Нужно что-то менять так, чтобы не упускать звонки от потенциальных клиентов. Один из способов — каким-то образом увеличить время работы компании, например, ввести для сотрудников 2 смены.

Планшетная версия

Связь сайта с бизнес-процессами

none

none

Интернет-магазин — это отражение бизнес-процессов компании и он работает в строгом соответствии с ними. Бывает, что в ходе работы над сайтом и исследований бизнес-системы заказчика выявляются спорные или проблемные точки, которые можно и нужно скорректировать для гладкой работы не только интернет-магазина, а бизнеса в целом. Это дополнительно указывает на неразрывность реальной и виртуальной систем работы.

Т.к. моя работа объединяет в себе продуктовый менеджмент, продуктовый дизайн и UX/UI дизайн, то при обнаружении проблем на уровне бизнес-процессов я обсуждаю их с заказчиком. Без их устранения не получится решить задачу, с которой ко мне обратились. Полностью одинаковых ситуаций не бывает и, соответственно, решений тоже — все нужно анализировать в индивидуальном порядке.

Мобильная версия

Каким должен быть хороший интернет-магазин

none

none

Чтобы интернет-магазин сделать хорошо, нужно выделить основные, интересующие бизнес, сегменты пользователей. Это минимум 2 большие группы: тех, кто знает, что ищет и тех, кто еще не определился.

none

none

Те, кто уже знает, что ищет

Этот сегмент в приоритете у любого бизнеса. Для них в первую очередь важны условия покупки: цена, скорость покупки, условия доставки и т.д.

none

none

Те, кто еще не определился

Для этого сегмента также нужно создать благоприятные условия, т.к. это потенциальные покупатели. Им важна удобная навигация, возможность сравнивать товары и изучать их характеристики, ассортимент, качество фото и описания и т.п.

Чем лучше реализованы возможности для обоих сегментов пользователей, тем выше вероятность совершения целевого действия — получения заказа.

Но качество интернет-магазина играет не ключевую роль. Важен сам товар/продукт компании. Тут играет роль все:

  • Что это за продукт? Как он решает проблему пользователей? Что это за проблема? Как часто она возникает? Насколько она важна? Какое количество людей с ней сталкиваются? Знают ли о товаре или нужно рассказывать о том, что это?
  • Какие процессы осуществляются в компании? Почему они есть? Почему налажены именно так? Какие выгоды это дает компании и ее клиентам?

Интернет-магазин — это всего лишь этап. Он не влияет на продукт компании, и создается тогда, когда «есть, что показать». Даже самый качественный сайт не будет способствовать повышению продаж, если продает то, что не нужно людям.

Объединяю в себе 3 основных навыка, необходимых
для создания сайтов,
что позволяет работать эффективнее —
благодаря владению всей нужной информацией создавать более качественные решения и работать быстрее.

Product management

Чтобы знать, что нужно сделать.

UX/UI design

Чтобы знать, как это сделать.

Frontend

Чтобы результат на 100% соответствовал макетам.

Примеры важных составляющих интернет-магазина

Страница товара

none

Часто (на крупных агрегаторах) видна одна и та же проблема — страница товара плохо адаптирована под товары разного типа. Привести к единому стандарту сложно — это большая работа по анализу характеристик разных видов товаров и выведению общего решения. Чем больше продуктов разного типа, тем сложнее создать единый шаблон страницы. Такой шаблон нужен для ощущения простоты и порядка. Новый пользователь тратит много усилий для того, чтобы разобраться в логике расположения блоков с информацией и, перейдя на страницы других товаров, ожидает, что там все будет реализовано точно так же, как и на уже изученной странице. Консистентность и единый подход к их оформлению и структуре помогает удержать пользователя на сайте. Если человек при переходе вынужден заново разбираться, что и где находится, то он не будет тратить свое время на некачественный ресурс — это отнимает больше усилий, чем приносит пользы. В условиях сегодняшней конкуренции найти другого продавца — не проблема.

Страница товара часто является точкой входа на сайт (например из поисковой выдачи), и пользователь может не посетить другие страницы, поэтому ответы на все самые важные вопросы должны быть представлены сразу. Страница товара также должна быть «входом» на другие страницы сайта, вовлекая человека в использование ресурса. Обычно это делается за счет секций вроде «Вам также может понравиться» или «С этим товаром покупают» — это привычные и проверенные механики вовлечения аудитории при условии их качественной работы.

none

Весь путь пользователя

none

Основным отличием интернет-магазина от других сайтов является то, что взаимодействие пользователей с ним состоит из этапов — для достижения конечной цели нужно пройти несколько шагов, от которых нельзя избавиться. Например, этап выбора товара исключить не получиться. Оформление заказа можно сделать простым, но убрать также не выйдет. То же самое и с оплатой. Но некоторые действия можно оптимизировать. Например, обычно сохраняют введенные адреса доставки, данные карт (если пользователь не против). Все это помогает сделать процесс покупки более быстрым и избавиться от «побочных» действий. Благодаря подобным решениям покупатели ассоциируют процесс покупки с чем-то простым и не занимающим много времени, что положительно влияет на количество заказов.

none

Избранное

none

Страница с избранными товарами важна в любом e-commerce ресурсе, т.к. позволяет людям, находящимся в поиске подходящих товаров инвестировать свое время и усилия в тот ресурс, на котором они занимаются поиском. Это практически гарантирует то, что они вернуться на сайт в будущем, а значит повышает вероятность совершения сделки.

none

Подбор товаров на основе уже просмотренных

none

Когда человек видит, что контент персонализирован конкретно под него, то это дает ему ощущение внимания к себе и играет особенную роль в вовлечении в использование ресурса (не считая потребности, с которой он пришел).

Экран для выбора размера колец

Основные этапы моей работы

1 этап — узнаю, что нужно сделать

none

Я различными способами узнаю, что, как и почему нужно сделать. Сюда входит работа по анализу бизнес-системы и всех ее переменных. Этот этап проходит в плотном взаимодействии с заказчиком либо его представителями, способными дать ответы на все возникающие вопросы. Это энергозатратный и трудный этап из-за того, что у каждого бизнеса есть свои уникальные особенности. Заказчик идеально знает все, что происходит в его компании и на рынке в целом, но этого не знаю я. Некоторые вещи, очень важные вещи, часто приходится «вытягивать», потому что никто самостоятельно о них не говорит, подразумевая, что это очевидно, хотя в реальности это совсем не так.

Основная проблема на этом этапе — скомканность и дефицит информации, которая играет решающее значение при создании любого продукта. Также к основным проблемам можно отнести отсутствие шаблона для брифа: в общих чертах можно уточнить базовые вещи, но детали всегда отличаются. Узнать о них можно только ведя диалог и глубоко погружаясь в суть работы компании. На каждый ответ на мой вопрос у меня появляется еще несколько уточняющих.

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

Для примера рассмотрим ситуацию, когда кому-то нужен какой-то предмет гардероба. Кому нужен: мужчине или женщине? Взрослому или ребенку? Что именно нужно? Для каких целей? Подобные вопросы задают консультанты в магазинах — и это оправданно. Без них нельзя подобрать то, что нужно человеку.

Вопрос целей и проблем — ключевой при создании любого решения. К результату можно прийти разными путями. Например: кто-то отдохнет поиграв в дартс, а кто-то — посидев на стуле. Процесс разный, а итог один. Все нужно уточнять индивидуально, чтобы результат соответствовал ожиданиям. В обозначении целей и проблем лежит минимум 50% решения.

Такое повышенное внимание к изучению бизнес-системы заказчика — необходимость, которая позволяет создать цифровой продукт, действительно приносящий ему пользу.

none

2 этап — делаю

none

На этом этапе я работаю уже с выясненной мной информацией, понимая все вводные, и создаю интерфейс, а также общий визуальный стиль цифрового продукта. Стиль продукта рифмую с фирменным стилем, фирменным знаком и логотипом, над которыми также работаю в процессе создания UI. Логику навигации пользователя по сайту прорабатываю, учитывая его цели и проблемы, а также выясненные заранее бизнес-цели и всевозможные особенности работы компании. Такая последовательность работы и расстановка приоритетов позволяет учесть все важные нюансы, чтобы сделать сайт, который будет действительно полезным и удобным для обоих участников сделки — продавца и покупателя.

Слайдер с фото на планшетах и мобильных устройствах

В чем особенность сайтов, которые делаю я

none

none

Создаю нешаблонные решения с учетом индивидуальных потребностей бизнеса и его особенностей.

  • Облик продукта (что в нем должно быть: информация и функции).
  • Логика продукта (как с этим взаимодействовать).
  • Подача (уникальные визуальные особенности UI/интерфейса).

Описать все, на что я обращаю внимание и что делаю при работе над интернет-магазином в одной статье практически нереально. Тут только некоторые их основных моментов.

Имею опыт работы как со студиями, так и с конечными заказчиками
из разных стран

География заказов

Работал с резидентами

  • Великобритании
  • Германии
  • Китая
  • Польши
  • России
  • США
  • Франции

и др.

С 2020 работаю на позиции Senior UX/UI Designer

Минимальная стоимость разработки сайта

6000

BYN

Белорусских рублей

≈ 2000

$

Входит в услугу

  • Разработка фирменного знака
  • Дизайн и проектирование сайта (под все устройства)
  • Фронтенд оговаривается отдельно

Процесс

  1. Заявка
  2. Короткий звонок для уточнения условий
  3. Заключение договора
  4. Предоплата
  5. Исследования и анализ бизнеса заказчика
  6. Айдентика
  7. Информационная архитектура и проектирование взаимодействия
  8. Дизайн-концепция
  9. Адаптивные версии страниц
  10. Этапность работ может меняться в зависимости от ситуации. Данный порядок носит информативный характер

Минимальные сроки разработки сайта

30

К.Д.

Календарных дней

Направления,
в которых я работаю

Если остались вопросы,
то напишите мне

Примеры работ

Кейсы и их фрагменты

Кейсов на сайте

Фрагментов

Скетчей

Отрасли заказчиков

  • AdTech & MarTech
  • EdTech
  • FinTech
  • TravelTech
  • и др.

Презентуемые работы

  • Веб-сайты
  • Мобильные приложения (iOS)
  • Фирменные знаки и логотипы
  • Фирменные стили
  • и др.

Каждый кейс освещает ключевые интерфейсные и стилистические решения, примененные в работе над конкретным проектом.

Кейс

Madnomad

Сайт и айдентика для студии дизайна
цифровых продуктов

Награды на Behance

User Interfaces
XD

Разработанный фирменный знак

О компании

Помимо аренды авто компания также предлагает множество дополнительных/сопутствующих услуг
касающихся визитов в Китай, однако аренда является основной.

Фрагменты

343

Фрагменты — это слайды из презентаций к созданным мной проектам.

Кейсы

8

Презентации проектов, демонстрирующие ключевые решения в области интерфейсов и брендинга.

VelvetPath®

Сайт и айдентика для организатора визитов в Китай

Награды на Behance

Смотреть кейс
Earnpark®

Редизайн сервиса для криптоинвестиций

Награды на Behance
Смотреть кейс

Обо мне

Кто я, чем занимаюсь, опыт, контакты

Евгений Соколовский

Дизайн и проектирование

Что я проектирую

Цифровые продукты, которые решают проблемы и помогают достигать целей

  • Веб-сайты
  • Мобильные приложения
  • 2D графика
  • и др.

Услуги

  • Продуктовый менеджмент
  • Продуктовый дизайн
  • UX/UI дизайн
  • Брендинг
  • Фронтенд
5
Behance награды

Опыт в дизайне интерфейсов, лет

Опыт в графическом дизайне, лет

8

14

Один из основных навыков

Web
Design

1-й
и пока единственный представитель Беларуси
в жюри
одного из самых престижных международных конкурсов среди профессиональных
веб-дизайнеров и разработчиков

Для консультации по вашему проекту

График работы

GMT +3

Контакты

В своем письме, пожалуйста, расскажите

  • Что вы хотите сделать и почему?
  • Цели и проблемы вашего бизнеса?
  • Какого результата вы ожидаете от совместной работы?
  • Как вы поймете, что работа сделана хорошо?