Вот так выглядел старый сайт:
Сайт работал, приносил прибыль. В сезон с него приходило до десятка заказов в день. Однако платформа, на которой он был сделан, давно морально устарела. Любое нововведение оценивалось в десятки тысяч рублей и недели работы. Также сайт уже претерпел несколько переделок и то тут, то там вылезали огрехи.
И наконец владельцы этого магазина решились на переделку. Нужно было осовременить сайт, но при этом сохранить весь каталог, а это ~3000 товаров с описаниями и картинками. В качестве новой платформы для магазина была выбрана «1С-Битрикс: Малый бизнес».
Работа над проектом
В самом начале
Перед самым началом работы Родион Коржов (директор интернет-магазина) передал мне документ из десятка страниц с описанием пожеланий и ссылками на разного рода «плюшки», которые он хотели бы видеть на новом сайте. Для Родиона этот сайт был вторым и была большая опасность, что слишком много внимания уйдет на украшательства, а на бизнес — мало. Имя этой опасности — эффект второй системы, о нем чуть ниже.
Я всячески старался сдерживать его от попыток собрать на сайте вообще все что ему понравилось.
Об эффекте «Второй системы»
В своей первой работе архитектор обычно проявляет умеренность и аккуратность. Он знает, что он не знает того, что делает, а потому делает это тщательно и держит себя «в рамках».
В процессе работы над своим первым проектом ему приходят на ум всякого рода находки и украшательства. Все они откладываются "до следующего раза". Рано или поздно работа над первой системой приходит к концу, и архитектор, преисполненный уверенности и продемонстрировавший свое мастерство на системах этого класса, готов заняться второй системой.
Эта вторая система — самая опасная из всех, которые когда-либо проектирует человек. Когда он будет делать следующие, опыт прежних разработок позволит ему установить общие характеристики таких систем, а различия между ними укажут на конкретные детали, не обобщаемые и не распространяющиеся на все системы.
Общая тенденция заключается в создании сверхпроекта второй системы, путем использования всех идей и находок, от которых предусмотрительно отказались в первой. В результате, как сказал Овидии, получается "большая куча".
Как архитектору избежать эффекта второй системы? Очевидно, что просто перескочить через свою вторую систему ему не удастся. Но он может помнить об опасностях этой системы и повысить самодисциплину с тем, чтобы уметь отказаться от функциональных излишеств и избежать экстраполяции тех функций, которые не сохраняются при изменении основных идей и назначения системы.
Как руководитель проекта может избежать эффекта второй системы? Во-первых, он должен проследить за тем, чтобы для главного архитектора эта система была, по меньшей мере, третьей. Кроме того, руководитель, зная о соблазнах, может вовремя проверить, насколько полно исходные концепции и поставленные задачи нашли свое отражение в подробно разработанном проекте.
Фредерик П. Брукс. «Мифический человеко-месяц или как создаются программные системы»
Дизайн
Мы с самого начала знали, что в этом проекте дизайн будет непростым. Однако даже не подозревали что настолько...
Было сделано 9 правок! Как вы понимаете, они заняли время. Кажется, что после этих правок я стал различать все оттенки сочности газонной травы :)
Вот таким получился окончательный дизайн главной страницы:
Проектирование
Из документа, полученного от Родиона помимо украшательств мы выделили и более важные вещи — понимание как должен продаваться товар, что должно быть в карточке товара и кто будет покупать товары в этом магазине.
В частности выяснилось, что большая часть клиентов либо не имеет электронной почты, либо не пользуется ей. В результате для оформления заказа мы не требуем ввода эл. почты. Однако требуем номер телефона.
Если покупатель не указал эл. почту мы генерируем ее автоматически как номер_телефона@gazontech.ru.
Внимательный читатель наверняка заметил что почта будет неправильная. Это так, пользователь действительно не будет получать уведомления, зато все тот же пользователь может оформить заказ!
Мне так и не удалось отговорить Родиона от корзины, но мы нашли компромисс — после добавления товара в корзину покупатель перебрасывается туда автоматически. Если он захочет вернуться обратно в каталог — он может это сделать, а если захочет оформить заказ — мы экономим ему 1 шаг.
Программирование и перенос данных
В среднестатистическом интернет-магазине около 25 различных страниц. Магазин «Газон и Техника» не стал исключением. Но помимо «магазинных» страниц здесь также присутствовало множество сопутствующих разделов, которые также нужно было делать.
В итоге около 2.5 месяцев потребовалось на рисование внутренних страниц, их верстку и кодирование.
Параллельно с кодированием я осуществлял перенос данных со старого магазина. Сколько же мусора (невидимые части оформления текста и служебной информации MS Word) я вычистил из описания товаров...
Этот мусор где-то портил внешний вид, где-то значительно осложнял работу поисковикам. А появился этот мусор из-за копирования текста с других сайтов, документов MS Word и последующей вставки его на сайт без очистки. Это стало поводом научить Родиона и его помощников пользоваться функцией очистки текста перед вставкой на сайт, которая есть в Битриксе.
Запуск
Запуск сайта намеренно откладывался до 28-го января. Перед новым годом был сезон продаж, а шутить с деньгами — опасно.
Итог
Сайт запущен. Это главное.
Хотя была и ложка дегтя в виде опоздания, вызванного долгим согласованием дизайна.
Радует, что даже во время зимних каникул на сайте уже оформили более 10 заказов.