августа 9, 2013

Интернет магазин игрушек и детских товаров

CategoryТип сайта: Интернет магазин детских товаров.

Поставленная задача: Разработка интернет магазина под ключ на PrestaShop. Дизайн должен получиться игрушечный, детский, но стильный (использовать 2 основных цвета).

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

Использовались: CMS PrestaShop 1.5, HTML, CSS, PHP, JQuery, Ajax.

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

main

Нижняя панель с меню и телефоном постоянно присутсвуют в зоне видимости, прокручиваясь вместе со страницей. Так же в шаблоне используются уже не раз проверенные на практике и доказавшие свою эффективность методы: вывод блока “УТП” (уникальное торговое предложение), возможность заказать обратный звонок, блок производителей с картинками, привлечение внимания к акциям слайдером и т.п

Замечания по вёрстке:
1. Для уменьшения количества запросов к серверу при загрузки страницы используется технология спрайтов изображений.
2. Для более эффективного СЕО продвижения использовалась технология микроданных (для управления снипетами поисковиков Google и Yandex).
3. Главная полностью проходит валидацию согласно стандартам HTML5
4. Поддержка HTML5 и CSS3

Оформление заказа выполнено одной страницей. Для расширения возможных методов оплаты используется агрегатор платежей ROBOKASSA.
Cart

Страница категории товаров:
Category

На странице товара я убрала все отвлекающие элементы, чтоб сосредоточить внимание потенциальных покупателей на товаре. Освободившееся место использовано более рационально – увеличение основного изображения, а в правой колонке справочная информация о товаре. На страниц товара используется прекрасно зарекомендовавший себя функционал “Купить в 1 клик”.
Product

Пример текстовой страницы:
Text page


Комментарии

  • Ivan

    Как узнать стоимость разработки подобного сайта с дизайном и без?

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