01.08.2014

14 лисят

14foxes.ru

Разработка интернет-магазина

Задача проекта

Разработать душевный интернет-магазин детской одежды, который бы понравился родителям, и был бы удобным и приятным.

О компании

Проект своим появлением обязан Анне Мухиной. Именно у нее после рождения первенца возникла идея помочь родителям в выборе самых чудесных вещей. Яркая, стильная одежда, обувь из натуральных материалов, очаровательные предметы для украшения интерьера от прекрасных европейских дизайнеров — все это теперь есть в интернет магазине "14 лисят".

Особенности

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

Состав работ

Разработка концепции, авторский дизайн, верстка, разработка интернет-магазина на «1С-Битрикс» редакции «Малый бизнес».

www.14foxes.ru

fox_main.jpg

В начале 2014 года к нам по рекомендации обратилась Анна. Задача была одновременно и простая, и амбициозная: сделать интернет-магазин детской одежды от европейских поставщиков, которым было бы приятно пользоваться.

Разрабатываем концепцию

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

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


proto.png

Пока мы разрабатываем дизайн и программируем сайт, покупаем домен и вешаем симпатичную заглушку.

www.14foxes.ru

zagl.png

Дизайн интернет-магазина

Дизайнер предлагает легкую концепцию в нежно-летних тонах. В качестве паттерна — абстрактные фигуры. Лисят, в честь которых и назван сайт, выпускаем на выгул по всем блокам сайта. Тщательно продумываем юзабилити: отрисовываем все веб-формы, фильтры, стандартные элементы оформления. В итоге получаем 10 макетов: от главной, до оформления заказа.


www.14foxes.ru

catalog.jpg

Программирование

filter.jpg

Приступаем к программированию. Главные сложности проекта: свойства товара отличаются в разных разделах. Размеры обуви и одежды абсолютно разные, а чуть позже добавились еще и интерьерные наклейки. В конечном итоге пришли к 3 разным инфоблоками для одежды, обуви и прочих товаров. Настраиваем отдельные фильтры для каждой категории.


Бренды реализуем на highload инфоблоках, добавляем описания и картинки. Товары по бренду можно отфильтровать и просмотреть списком.


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


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


В финале автоматизируем загрузку товаров на сайт: скрипт позволяет выгружать новые товары, обновлять описания, остатки и цены, добавлять новые бренды и многое другое.

www.14foxes.ru

detail.jpg