Создание с нуля с помощью индивидуальной разработки для электронной коммерции

Это вторая часть тематического исследования нашего дочернего сайта Genius eCommerce ^Ⓡ . Вы можете прочитать первую часть кейса, посвященную индивидуальному дизайну, прямо здесь.

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

Здесь, в 1Digital, мы испытали это на собственном опыте при разработке на платформе WordPress для Genius eCommerce ^Ⓡ , нашего дочернего сайта. Genius eCommerce ^Ⓡ существовал на шаблоне WordPress несколько лет, и когда мы решили обновить его, мы сделали это с нуля. Наблюдение за процессом на одном из наших собственных сайтов действительно помогло мне подчеркнуть разницу между быстрым и простым развертыванием сайта-шаблона и методичной сборкой пользовательской разработки для электронной коммерции.

«Проблема со старой темой заключалась в том, что было много кода, который утяжелял сайт, независимо от того, использовали мы его или нет», — сказал Джон Лурс, один из основных разработчиков здесь, в ^{1Digital Ⓡ} . Старая версия сайта электронной коммерции Genius использовала предварительно созданную тему WordPress. Темы WordPress, как и многие готовые шаблоны, поставляются с набором зависимых плагинов. «У них может быть один плагин, который они просят вас загрузить для запуска вашего меню, или другой, который может обрабатывать отправку форм и тому подобное», — сказал мне Джон. К сожалению, все эти элементы могут привести к большому раздуванию. Разработчики тем хотят убедиться, что их тема покупается как можно большим количеством людей и, следовательно, ее можно использовать в большинстве случаев. Это делает готовую тему мастером на все руки и мастером ни в чем.

«Самое главное, что мы хотели улучшить в новой версии, — это скорость, — сказал Джон. Для этого он избавился от множества плагинов, которые обычно поставляются с сайтом WordPress, и создал собственные шорткоды с нуля, чтобы заменить их. Например, на старом сайте электронной коммерции Genius был установлен конструктор страниц под названием WP Bakery. Такой конструктор страниц позволяет легко перетаскивать содержимое и добавлять новую страницу на ваш сайт из области администрирования, не углубляясь в код. «Эти плагины для создания страниц — пруд пруди», — сказал мне Джон. «Все они предлагают примерно одинаковую функциональность, но также содержат много кода, который вам может не понадобиться». Преимущество наличия в вашем углу такого человека, как Джон, который обучен пользовательской разработке, заключается в том, что вам не нужно легко создавать страницы. Вместо этого Джон создал наши новые страницы с нуля. Это сделало их максимально компактными, потому что он добавлял только то, что было абсолютно необходимо для запуска страницы.

«То же самое было и со слайдерами изображений и слайдерами отзывов», — сказал мне Джон. Там, где плагин WordPress работает внутри вашей страницы, берет изображения, которые вы добавили в область администрирования, и загружает их, мы настроили эти функции с помощью строк кода, чтобы сделать их более оптимизированными. Мы также оптимизировали сами изображения для большей скорости. «Во многом это связано с определением правильных настроек для экспорта изображения из Photoshop, которые будут работать по своему назначению на странице, но не будут слишком сложными», — сказал Джон. Индивидуальная команда разработчиков может помочь вам создать правильные файлы изображений на основе вашего плана для каждой конкретной страницы.

На момент запуска новый веб-сайт Genius eCommerce ^Ⓡ имеет средний балл скорости 98,6 на мобильных страницах. «Это довольно большое улучшение по сравнению с предыдущим шаблоном, и мы начали замечать, что сайт генерирует потенциальных клиентов», — сказал мне Джон. Такого рода оценка в Google Page Speed ​​Insights была бы почти невозможной для вашего среднего магазина электронной коммерции, даже при индивидуальной разработке, но это не означает, что вы должны исключить скорость сайта из своего списка приоритетов. Коллекция исследований, проведенных Walmart, показала, что когда время загрузки колеблется между 1 и 4 секундами, конверсия резко снижается. Они обнаружили, что каждая секунда улучшения времени загрузки страницы приводит к увеличению конверсии на сайте на 2%.

Пользовательский разработчик электронной коммерции также может помочь сайту с перспективой на будущее, особенно тому, который в прошлом полагался на шаблоны и готовые плагины. Помните, что эти плагины тоже созданы разработчиками. Это означает, что у них есть срок годности. Приложение может работать, когда вы впервые настроили свой сайт, но через несколько лет этот разработчик может перейти к другим вещам и перестать поддерживать плагин, от которого зависела тема при первой настройке. В Genius eCommerce у нас был плагин, который настраивал, как мы разрешаем членам команды входить в админ-панель нашего сайта. К моменту создания сайта электронной коммерции Genius ^Ⓡ этот плагин перестал поддерживаться на два или три года. «К счастью, это не было необходимо для базовой функциональности сайта, поэтому я просто отключил его», — сказал Джон. Однако, когда вы создаете код с нуля, вам не нужно беспокоиться об обновлениях или думать, что служба, на которую вы полагались, больше не будет поддерживаться. «Если что-то когда-нибудь сломается, я лучше придумаю другой способ, чем загружать другой плагин», — сказал мне Джон. «То, что сэкономит вам деньги в краткосрочной перспективе, может в конечном итоге стоить вам дороже, в зависимости от того, насколько хорошо оно поддерживается».

Genius eCommerce ^Ⓡ помог мне прояснить для себя то, что я уже много лет объясняю нашим клиентам. Когда вы думаете о разработке пользовательской электронной коммерции, а не о готовых шаблонах, все сводится к вопросу о степени контроля, который вы хотите иметь. Шаблоны с зависимыми плагинами можно развернуть быстро и дешево. Вы можете получить полезный сайт в кратчайшие сроки. Но, поскольку мы работали с Genius eCommerce, в конечном итоге вы можете захотеть большего от своего веб-сайта. Когда вы это сделаете, будет дешевле и проще вносить те улучшения в свой собственный код, которые создала ваша команда разработчиков, вместо того, чтобы спорить о том, что вы можете, со сторонними инструментами.

В 1Digital мы специализируемся на том, чтобы быть вашей расширенной командой разработчиков. Независимо от того, создаете ли вы сайт с нуля, как Genius eCommerce ^Ⓡ , или предпринимаете небольшие шаги, чтобы все больше и больше контролировать свой сайт, выполняя одну задачу за раз, наши специалисты по индивидуальной разработке электронной коммерции могут быть всего в нескольких щелчках мыши. . Свяжитесь с нами сегодня, чтобы узнать обо всех способах найти разработчика ^{1Digital Ⓡ} в своем уголке.

Скачать PDF