Краткая вводная
Кастомная (индивидуальная, под заказчика) разработка программной основы и создание на ней сайта для крупного бизнеса. Переход на нее со «старого» неудобного сайта. Сохранение высоких позиций в поисковиках.
«Студия Давыдова стала исключительным партнером в воплощении наших идей, разработанных для сайтов PlaygroundEquipment.com и AAAStateofPlay.com. Команда студии имеет очень редкое сочетание — творческое мастерство и оперативную точность, что помогло моему бизнесу попасть на новый уровень как бренд, повысить функциональность сайтов. Студия Давыдова задали новую планку для сотрудничества в сфере дизайна. Я всегда стремлюсь к партнёрам, разделяющим наши ценности, и я нашёл их в Студии Давыдова».
— Николас Бридлав, генеральный директор NVB Playgrounds
linkedin.com/in/nicolas-breedlove
В ролях: Клиент и его бизнес
Если твой бизнес связан с детьми, твои конечные потребители никогда не вырастут из коротких штанишек. А у Николаса Бридлава бизнес — детскими площадки (так что, может быть, то, что это бизнес изначально семейный — «говорящее» совпадение). Но сам-то этот бизнес быстро рос и, в один прекрасный момент рамки стандартных и готовых инструментов для сайтов для него стали тесны.
Николас Бридлав — один из наших постоянных клиентов. Его фирма — один из заметных игроков рынка детских площадок в США. За последние 10 лет бизнес вырос пожалуй как раз в 10 раз. По российским критериям — вырос с малого бизнеса до крупного. Значительную часть этого времени мы комплексно обеспечиваем его IT-потребности.
Если интересно, можно глянуть: Страницу Николаса Бридлава в Линкед-ин linkedin.com/in/nicolas-breedlove. Канал фирмы на Youtube https://www.youtube.com/AAAStateOfPlaydotcom. Ну и в разных магазинах продается книга Николаса.
Его бизнес в части сбыта делится на работу с дилерами и корпоративными клиентами с одной стороны и на работу с «обычными людьми» — с другой. Сайту для работы с бизнесами клиент дал «кодовое название» PE («Пэ-Е, как говорят наши менеджеры и программисты») а с «обычными людьми» — ААА («Трипл-эй»). Этот проект — о том сайте, что для дилеров, «Пе-Е».
То, чем мы занимаемся — цифровое и дизайнерское обслуживание бизнесов клиентов. Основное, что мы делаем — индивидуальная программная разработка (для сайтов), оцифровка (и предварительный анализ) бизнес-процессов, создание сайтов и их обслуживание. При неизменном внимании к качеству технического персонала, большой упор мы делаем на качество менеджмента. Длительный опыт показывает, что подобрать хороший технический персонал может гораздо больше фирм-разработчиков чем организовать вменяемое управление проектом. При этом обучение людей, управляющих проектами, можно реализовать системнее. Если, конечно, понимаешь как. Для клиента качество менеджмента может быть решающим фактором, определяющим успешное или неуспешное решение его задач.
Менеджер, управлявший ходом проекта — Шамедько Маргарита. Тим-лид — Арбузов Дмитрий
Работа шла удаленно. Наш основной коллектив находится в России и Белоруссии, есть сотрудники и в других странах. Клиент работает по всей территории США, в нескольких штатах есть склады. Логистика включает в себя Китай, Мексику и другие страны.
Огромный разросшийся сайт из 500 «обычных» страниц и большущего каталога сложных продуктов стоял на готовой системе (или платформе) «OpenCart». Пока бизнес был мал, готовая система подходила приемлемо. Но такие объемы ни одна готовая система «тянуть» уже не может.
Кроме того, структура готовой системы все больше расходилась с бизнес-логикой. А каждое ее изменение или адаптация требовала программной работы. Да и поменять устаревший внешний вид в рамках существующей платформы было сложно. Добавим к этому неизбежно ужасную взломо-защищенность популярных систем и, в качестве вишенки на торте — традиционно плохую поддержку массовых платформ. В результате, возвращаясь к детским образам, получаем что-то вроде «вырасти взрослым но все еще ходить в детских ботиночках». Вроде можно, но неудобно, больно и раздражает. По мере роста ситуация усугублялась. Пора было переходить на индивидуальную («кастомно», т.е. под заказчика) разработанную программную систему («платформу»).
Задача стояла такая: «Расшить узкое место» в бизнесе клиента. Сайт должен быть быстрым, безопасным, удобным, красивым. (А старая версия была уже очень далека от всех этих качеств).
Спроектировать, спрограммировать и запустить индивидуальную платформу для клиента. Удобную для клиента и отвечающую ее бизнес-логике. Сделать новый сайт на ее основе. Перенести на нее содержимое со «старого» сайта. Не утратить высоких позиций в выдаче поисковиков.
И сделать это не в ущерб большому количеству более актуальных и срочных задач, которые ставит перед нами клиент.
Итоги работы
По затратам: Разработка заняла около 7 т. рабочих часов разработчиков и шла, из-за низкой приоритетности, долго, около 5 лет.
По «выхлопу»: Сайт успешно сделали и опубликовали — «выпустили в Live». Места в поисковиках, как минимум, не потеряли. Клиенту было неудобно, плохо, некрасиво. Стало удобно, хорошо и красиво. Полученным продуктом мы гордимся.
Результаты с точки зрения клиента
Спустя примерно 3 квартала мы опросили клиента, как им работается. Вот его отзыв.
Еще немного из нашего опыта. Для того же самого клиента схожие задачи на новом сайте разрабатываются примерно в 2 раза быстрее, грузится наша разработка тоже куда быстрее. (У клиента есть сайт AAA, он стоит на Magenta, даже более продвинутой системе, чем OpenCart)
Решение задачи осложнялось тем, что эта конкретная работа не была самой важной для бизнеса клиента.
Это достаточно распространенная ситуация — неудобство легче (и часто рациональнее) терпеть, чем решать или хотя бы чем бросать на него все ресурсы, пока оно не становится фатальным. А так как работа делалась задолго до того, как «ударил гром», то у клиента для нас всегда были, безо всякой иронии, более срочные задачи. А значит ресурсов на проект было немного, а значит проект шел долго. И уже сама его чрезмерная длительность породила несколько своеобразных проблем, которые пришлось решать.
Сайт очень живой и на нем постоянно что-то менялось. Так что ближе к концу работы нам приходилось вносить правки сразу в два сайта — «старый» (рабочий на тот момент) и «новый» (идущий к публикации). Менялась и бизнес логика, и приходилось несколько менять и структуру еще не готового сайта, а такие вещи тоже затягивают проекты.
Плюс из-за длительного срока разработки и у заказчика, и у нас проект чрезмерно усложнился и начал приобретать легкую ауру «долгостроя». И то и другое само по себе мешает работе. Так что, когда проект перевалил за половину, мы отправили на него одного из самых способных наших менеджеров, которая успешно вымела паутину из тех уголков, где она завелась и победоносно привела проект к релизу. (Браво, Маргарита!)
Плюс на середину разработки пришлись известные события 2022 г., но все возникшие тогда сложности были решены в рабочем порядке и не стали причинами серьезных проблем.
-
Дизайн
Пока шел проект, мы сделали для клиента ребрендинг. Кроме того, дизайн прежнего сайта устарел. Нужно было сделать новый дизайн так, чтобы он выглядел современно, но явно наследовал старому. При этом, т.к. проект был длинным, редизайн пришлось сделать и «старому» и «новому» сайту. Большое количество разнородных страниц требовало множества дизайнерских решений — разных, но идущих в одном фарватере, для чего, в числе прочего, был сделан UI-kit. За время разработки сменился профильный инструмент разработчика. Место знаменитого Adobe Photoshop заняла Figma. Прототипы, которые мы предоставляли клиенту во вторую половину работы, были уже интерактивными.
-
Программная разработка и SEO
И для программирования, и для дизайна непростым моментом было то, что продукты клиента сравнительно очень сложные. Из-за этого работа с фильтрами, логиками и их сочетаниями была нестандартной и непростой. Важнейшей задачей было сохранение высоких поисковых позиций. Для этого решили применить технологию, когда в браузер передается страница уже с готовой версткой и всем содержимым (технология SSR). Готовых решений на тот момент в открытом доступе в интернете не было. Все стоявшие изначально и возникшие в ходе работы технические задачи были эффективно решены и дизайнером, и программистами.
-
Применяемые технологии
- Laravel
- React.js
- Node.js
- PHP
- Figma
- Adobe CC
Ведущий менеджер — Маргарита Шамедько
Тим Лид — Дмитрий Арбузов
Разработчики:
- Дмитрий Арбузов (программист)
- Алексей Полякевич (программист)
- Константин Давыдов (дизайнер)
- Александр Коник (программист)
- Алексей Касимцев (серверный специалист)