июня 1, 2015

Интернет магазин офисных товаров

placeit (1)
Тип сайта: Интернет магазин.

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

Срок разработки: 26 дней

Использовались: CMS PrestaShop 1.6, HTML5, CSS3, Font Awesome 4, Google Fonts, Ajax.

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

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

OfiCity

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

category

На странице товара сделан акцент на систему “скидок от количества” – т.е чем больше заказываешь, тем дешевле стоимость.
product

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

order

Так как магазин уже работал под управлением другой CMS, был выполнен перенос товаров на PrestaShop, а так же разработан модуль импорта товаров для большого количества позиций (40000).


Комментарии

  • Lopoi Popoi

    Приятный дизайн! Макеты от заказчика были в PSD? Вы их и сверстали? А модули какие-нибудь нестандартные были использованы?

    • Я работаю только с PSD макетами, верстка и доработка функционала моя. Для магазина была полностью переделана процедура заказа, добавлен блог, доработан фильтр, скидка от количества и многое другое.

      • Lopoi Popoi

        То есть вы с программированием в Престе “на ты”? Как там с качеством кода, кстати? Почему-то многие (особенно в русскоязычном сегменте) ругают его. Пишут, что много странного и все такое. Вот, например: http://prestashoptips.ru/articles/dev/prestashop-performance-notes/
        Это действительно так?

        • В целом в статье есть доля правды, но затронутые там проблемы можно отнести к любому движку.
          Если посчитать грубо, то для отображения страницы категорий будет выходить под 50 запросов, но для среднего хотинга это не проблема. Для высоко нагруженных магазинов бесплатный движок не подходит (не только преста, а не один из бесплатных).
          Чтоб сделать на 50 товарах – 3000 запросов – это нужно сильно “постараться”, но качество сторонних модулей ничего не говорит о движке. Когда вы ставите модуль от неизвестного разработчика, вы поступаете на свой страх и риск.

  • Anton Demich

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

    • Lopoi Popoi

      Антон, вот, например – http://oficity.ru/

      • Anton Demich

        Спасибо за ответ.
        Помню, что-то мне в нем не понравилось, что в итоге склонило меня к мысли, что это демонстация, попробую еще раз посмотреть и поделиться мыслями:
        1) Кнопки социальных сетей внизу, не настроены – предлагают поделиться инфой о PrestaShop
        2) Картинки в верху (Бесплатная доставка, постоплата и гарантируем…) на которые наводишь курсор, меняется форма рамки этих картинок и курсор мыши, интуитивно похоже на ссылку, но если нажимаешь на них – ничего не происходит.
        3) У каждой подкатегории при наведении на нее мыши высвечивается огромное сообщение мелким шрифтом, например где рассказывается что такое бумага и почему она белая. Неужели это кто-то читает? Зачем это сделано, для SEO? Или это требование заказчика? В общем это большой мусор на мой взгляд.
        4) Даты новостей годовалой давности. Если уж и есть блог новостей то он должен регулярно обновляться. Тем более, что для интернет магазина, подобного рода новости – тоже большой мусор. Кому интересно знать что “Вода БЕРЕГИНЯ на Осеннем громе-2014″? Покупателям подобных магазинов интересны по большей части новости, например: промоакций, распродаж, скидок на определенные виды товаров и т.п. , то есть те новости где показана выгода покупателя!
        5) В списке продукции, описание некоторых товаров заезжают на стоимость. А картинка “Распродажа” на уголке изображения товара с обрезанными буквами, в итоге видим: “аспродажа” В принципе это помоему косяк самой престы по деволту, но наверно его как-то можно поправить ? :) (см. прикрепленный скриншот)
        6) Нажимаем внизу на ссылку – Карта сайта – ничего не происходит. Лучше тогда убрать.
        7) Фильтры: Цена по возрастанию и цена по убыванию работают одинаково, как цена по возрастанию.
        8) Ползунок – диапазон цен работает с погрешностью.
        9) Товары “нет в наличии” я бы убрал с показа, т.к. сильно засоряют каталог при условии, что пред заказ на них совершить нельзя.
        10) Если положить товар в корзину, то высвечивается сообщение в котором написано: “Итого товаров: 1 535 руб.” Наверно будет более корректно написать – “Итого товаров на сумму: 1 535 руб.”
        11) Ну и смутил в конце еще ID заказа. Сделал 2 заказа, ID вашего заказа: #000071 потом #000072. Что говорит о том, что продажи не ахти если за все время было сделано всего 70 заказов. Если конечно счетчик не обнуляется.

        Еще у меня засело в голове, что я видел номер телефона неправильный прямо в шапке сайта, из серии: 8(495)123-45-67. Но может это было на другом сайте, т.к. сейчас этого уже нет.

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

        • Lopoi Popoi

          Антон, снимаю шляпу!
          Вы все правильно написали и по делу.
          В принципе можно найти объяснение и оправдание тому что написано.
          Но нет смысла.
          Может заказчики такие, а может и магазин заброшен или сделан в качестве портфолио.
          Это все не умаляет того, что у автора есть способности и если я закажу у нее магазин и получу что-то подобное в оговоренные сроки и за согласованную сумму, то я буду рад и счастлив! А косяки и недоделки могут быть, их нужно найти и исправить- рабочий момент.

          • Anton Demich

            Если честно, после того как вы дали ссылку, я невнимательно прочитал ваш никнейм и подумал, что это был ответ от хозяйки сайта, что в принципе меня и побудило на написание данного обзора )))
            Так что могу с большей части уверенности сказать, что сайт http://oficity.ru/ не рабочий.

            Что касается автора блога, безусловно способности есть и я бы здесь так просто не оказался в противном случае. Жалко, что не показаны РАБОЧИЕ проекты авторского производства, может быть их не хотят афишировать, а может быть их и нет вовсе.
            И тут уже возникает вопрос, а почему? Ну скорее всего потому, что нет тех людей кто продвигает эти проекты в интернете и не выводит все это в плюс, а автор занимается исключительно дизайном и разработкой особо не думая о дальнейшей судьбе магазина.

            Недавно случайно наткнулся на веб студию из Владимира. Меня она позабавила своим дизайнерским мастерством )
            Но самое забавное, что ребята делают все сами, грубо говоря изобретают велосипед, интернет магазин на собственной CMS, придуман свой счетчик посещений и статистики, наверно они от этого тащатся, но самое главное, многие их сайты работают и имеют отличную посещаемость!
            Вот их сайт: http://web.da33.ru
            Конечно дизайн “клоунский”, но зато зацените как они круто кита сделали )))
            Импульс передается по всему телу до кончика хвоста!
            Ну и по ссылке на их сайте можно примеры их работ посмотреть.
            Я бы сказал, они больше программисты, чем “визажисты”.

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

          • Lopoi Popoi

            Не, я к хозяйке этого блога никакого отношения совсем не имею. Нашел случайно и понравились работы. Кит у владимирских ребят хорош, и в целом параллакс эффект на сайте очень гармоничен. Сделан на флэше, я даже не знаю- хорошо это или плохо. Скорее всего это плохо (flash) в свете последних тенденций в вэбе (HTML5+CSS3+JS)

          • Anton Demich

            Я им написал, мол будто я потенциальный клиент и хочу сайт заказать, спросил про их CMS и есть ли какой либо демосайт, чтобы проверить как у них все работает.
            Они мне ответили: что такого сервиса у них нет, но они его сделают в ближайшее время и вышлют все доступы для тестирования )))
            Меня прям умиляет их трудолюбие и подход.
            Даже как-то неловко будет потом им сообщать, что не нуждаюсь в их услугах )
            Зато может пригодиться им самим, для будущих клиентов )

            Вот реально “золотые люди”!
            Не то, что в инете всякую лажу рекламируют всякие псевдо студии…

            Еще бы дизайнера им хорошего в команду и стали бы вообще крутецкими.

            А то даже взять их логотип студии: какой-то унылый дельфин и название странное – DelphinAtomic написанное на полу-русском, полу-английском, латинской транслитерацией не имеющего логической связи с фактическим родом деятельности. Название студии с логотипом, при их небольшом изменении, больше бы подходило для названия водно-цирковой группы дельфинов или для научной лаборатории занимающейся воздействием радиоактивных технологий на дельфинов :)

          • Lopoi Popoi

            Ну внешняя атрибутика – это не главное. У них судя по всему с заказчиками проблем нет. Главное- продажи.
            А вы, кстати, с какой стороны к вэбу ? Заказчик, разработчик, просто интересуетесь?

          • Anton Demich

            Ну в последнее время решил заняться этим – web разработкой, по большей части потому, что попросили – разработать инет магазин ))) Ну а я решил не отказываться, хотя изначально мне было лень соглашаться ) Т.к. работы постоянной у меня больше нет (работал директором турфирмы в Москве), а накопленных в прошлом денег хватает, чтобы год сидеть на попе ровно, то вот решил как-то самореализовываться и искать себя в чем-то другом в частности в веб разработке.
            Специально этим никогда не занимался, но в течении жизни подхватывал опыт в различных темах по нужде: html, css, php, js и т.п. и т.д. практически во всем включая офис, фотошоп, адобпремьер и т.д.
            Также в последнее время заинтересовался продвижением сайтов а именно SEO оптимизация и Яндекс директ (На практически непрерывное изучение директа ушла неделя, покупал консультации спецов по скайпу, смотрел видеокурсы и т.п.)
            За все время принимал участие в разработке примерно 12 сайтов, из которых 2-3 сделал самостоятельно, еще 2-3 брал на контроль и доработку и 6-7 штук я заказывал у фрилансеров, а сам лишь курировал процесс работы.
            В общем практика у меня набита плохо, все отрывочно, поэтому каждый раз когда я берусь за новую задачу, приходиться вспоминать заново многие моменты, лезть в документацию и т.п., что в итоге замедляет рабочий процесс в несколько раз по сравнению со спецами которые привыкли к подобной работе.
            Последний сайт сделал в прошлом месяце: http://criocabin-discount.ru, сейчас вот уже 2 недели изучаю документацию по PrestaShop, вот вчера приступил к работе.
            Могу потом скинуть че получилось для интереса )))

          • Lopoi Popoi

            Да, присылайте что получилось- интересно посмотреть. Я тоже Престой интересуюсь с точки зрения разработки на ней.

            http://criocabin-discount.ru/ тут, кстати, ошибка на фронте- jquery не подключена, а есть попытки использования (вызов ajax, 230 строчка в файле index.php).

          • Anton Demich

            Михаил, приятно познакомится ;)
            Во, может дашь совет как продать оборудование премиум класса – то, что на сайте представлено? )

            Спасибо, за ошибку, иправил!

          • Lopoi Popoi

            Антон, я так понимаю что это уже купленное оборудование, которое не потребовалось в итоге? Тут несколько вариантов может быть :
            1. попробовать заинтересовать тех, у кого было оборудование куплено (производитель?), чтоб они предлагали своим клиентам. Можно комиссию пообещать определенному сотруднику такой компании за наводку на покупателя.
            2. АВИТО, доски объявлений
            3. выход на людей, которые кафе собираются открыть где-нибудь в торговых центрах
            4. контекстная реклама

            В принципе, рынок б/у оборудования существует. Но как правило 80% его крутится вокруг АВИТО.

          • Anton Vibes

            Ну в принципе я так и поступил.
            Обещал поставщику у которого покупали ссылку скинуть на сайт, надо будет по твоему совету какое-то вознаграждение предложить, может заинтересует.
            3, 4 пункт согласен, контекст уже запустил.

            На Авито ничего только не выкладывал. Но думаю если выложу лишним не будет, правда? :)

            Спасибо за ответ.