Zoomania магазин

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

Стек технологий Zoomania

Python
Django
HTML5
CSS3
Vuejs
Yahoo weather API

Финальный результат

Интернет-магазин Zoomania создавался, как ода минимализму и функциональности.
Дизайнер постарался по-максимуму убрать в меню текстовые части и заменить их понятными пиктограммками. Так, к примеру "Каталог" заменили значком меню-бургер, значки "корзинки" и "лупы" соответственно корзину и поиск, а логотип инстаграмма узнаваем в любом цвете.

Zoomania главная
Zoomania главная

К разработке главной страницы для магазина Zoomania мы подошли с позиций буддистских монахов - убрали все лишнее, оставив саму суть. Поэтому там остались только блоки с преимуществами, наиболее популярные товары и краткий описательный текст.

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

Zoomania каталог
Zoomania каталог

Каталог данного магазина представляет собой стандартный функционал с миниатюрами товаров и сайд-меню с левой стороны экрана.

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

Фильтры бокового меню работают через ajax, чтобы упростить работу с ними и облегчить нахождение необходимого товара.

Мы создаем потрясающие магазины

Хотите поработаем над вашим?

Почему нас выбрали

Реализация подобного проекта с нуля и “под ключ” требовала тщательной проработки: от концепции до полноценно работающего продукта. Мы разработали оригинальные решения, которые позволили масштабировать систему и добиться максимальной эффективности работы.

Архитектура
Архитектура

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

Мобильная адаптация
Мобильная адаптация

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

Тесты
Тесты

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

SEO
SEO

Мы внимательно следим за тем, чтобы созданные нами проекты соответствовали всем правилам и стандартам, которые предъявляет к сайтам поисковый сервис Google.

Выполненные работы:

Концепт
01

В ходе брейнсторма был придуман и детально расписан весь концепт - от нахождения ниши и до перспектив коллаборации с иными веб-продуктами.

Архитектура
02

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

Дизайн
03

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

Верстка
04

Наши front-end разработчики натянули готовый дизайн и подогнали его под требования pixel-perfect.

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

Back-end создал отлично работающий алгоритм, модели, структурные связи и процессы, которые обеспечивают максимальную эффективность проекта.

Тесты
06

Весь проект был покрыт сетью автоматических и мануальных тестов. Были проверены и отлажены все возможные проблемные части системы.

WebGuards / Контакты

Есть идея? Мы предложим оптимальное решение!