Редизайн семейного интернет-магазина «Эвисан»

Задача:
создать новый облик интернет-магазина, улучшить навигацию, улучшить общее юзабилити интернет-магазина «Эвисан»

И вот прошло два месяца. Да. Мы это сделали. 3 июня мы запустили новую версию интернет-магазина. Конечно, потом вылезли некоторые косяки, но все исправляли вовремя. Огромное спасибо сотрудникам «Эвисан» за помощь, за советы, за терпение.

Начнем. Старая версия, как говорил раньше, была запущена в 2010 году. Оба сделана с использованием модных технологий верстки графики спрайтами, что значительно уменьшало количество запросов к серверу. Скорость загрузки интернет-магазина впечатляла весьма значительно. Выглядел она так:

Старый дизайн интернет-магазина Эвисан

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

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

Дизайн главной страницы магазина:

Новый дизайн интернет-магазина Эвисан

Так как на дворе уже 2013 год, при создании использовались исключительно современные технологии. Такие, как CSS3, HTML5, JQuery. От устаревших технологий отказались. Картинки заменили CSS3, свойства такие, как градиенты, тени и прочее. Мелкие картинки были сжаты через BASE64.

Дизайн категории товаров интернет-магазина Эвисан

Было исправлено множество ошибок, включая проблемы навигации, которые накопились с 2010 года. Заменили устаревшую библиотеку Mootools на более современную JQuery. Сайт стал приятнее.

Дизайн карточки товара интернет-магазина Эвисан

Была переделана корзина, миникорзина, функционал добавления товара в корзину и оформление заказа.

Оформление заказа в интернет-магазине Эвисан

Отрисованы макеты текстовых страниц:

Дизайн текстовых страниц интернет-магазина Эвисан

Отрисован интерфейс:

Поведение интерфейса интернет-магазина Эвисан

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

Над интернет-магазином Эвисан работали:
  • Сайк Павел — управление проектом, верстка
  • А. Артем — дизайн сайта
  • Белокопытов Константин — программирование
  • Филичёнок Сергей — программирование
Платформа: Joomla
2013 год
Благодарственное письмо:
Благодарность от Эвисан
Комментарии 2
Добавить комментарий
  • Елена
    Здравствуйте. Я видимо предыдущее сообщение не туда написала, сорри :) Дублирую с дополнением.
    Можно ли сделать так, чтобы в разделе "отложенные товары" товары выводились не по 30 штук на страницу (мало, не удобно), а большим количеством, например, по 90 штук или даже "все". По хорошему лучше сделать так, чтобы заказчик мог выбрать по сколько товаров на страницу ему удобнее смотреть. Спасибо
    И еще при поиске товаров у вас заданы два положения: 60 или 120 на страницу. Так вот когда выставляешь 120, то идет обратно перескок на положение 60.
    С уважением, Елена
Чек-лист школьного сайта, о котором почему-то никто не говорит

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

Разработка корпоративного сайта: от стратегии до запуска

Разработка корпоративного сайта — не про «красивый дизайн» и шаблон на WordPress. Это про доверие, продажи, удобство партнёров и сотрудников. Разбираем, как сделать сайт, который работает на бренд, а не лежит «для галочки».

Посетители на сайт: полное руководство по подсчёту и источникам трафика для начинающих

Посещаемость есть, продаж нет? Значит, это не трафик, а статистическая иллюзия. Разбираем, как находить «правильных» людей, отсеивать шум и заставить аналитику работать на бизнес, а не на красивый график.

Пентест — тестирование безопасности вашего сайта и приложений

Киберугрозы эволюционируют: взлом СДЭК с ущербом 575 млн руб, рост атак на 60%, применение ИИ в фишинге и вредоносном ПО. Пентест — это санкционированное тестирование безопасности, выявляющее уязвимости до того, как их найдут хакеры. Узнайте, как защитить свой бизнес.

Начать проект вместе с нами
Заполните форму и отправьте
нам сообщение!
Если у Вас возникли вопросы, предложения, либо Вы желаете оформить заявку на заказ услуги — Добро пожаловать!
Контакты:
Бронзовый партнер October CMS:
Бронзовый партнер October CMS