Все услуги

одним списком

Silver-World.ru: Создание интернет-магазина для сети ювелирных салонов

Посмотреть сайт

С чем имеем дело?

Что сделано?

А теперь ̶ подробно обо всем.

1. Проектирование интернет-магазина

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

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

Art-Fresh: разработка интерфейса интернет-магазина Silver-World.ru


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

Проектирование интерфейса параметрического поиска товаров в интернет-магазине - Art-Fresh

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


2. Разработка дизайн-проекта для всех страниц интернет-магазина

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


Art-Fresh: создание интернет-магазина Серебряный Мир, дизайн-концепцияArt-Fresh создание интернет-магазина Серебряный Мир, дизайн-концепция



Неплохо, но не хватает фирменного синего цвета. Попробуем.

Art-Fresh_Silver-World-sm2-blueSM-2_renew.png



Теперь проверим варианты с другим заполнением:

Art-Fresh_Silver-World-sm2-blueSM-3.pngArt-Fresh_Silver-World-sm2-blueSM-4.png
Art-Fresh_Silver-World-sm2-blueSM-4-2.pngArt-Fresh_Silver-World-sm2-blueSM-5.png




Проверим вариант с радикальным использованием синего цвета в заливке:

Art-Fresh_Silver-World-sm2-blueSM-6.png



Все таки слишком все синее. Вернемся к сбалансированному варианту:

Art-Fresh_Silver-World-sm2-blueSM-7.pngArt-Fresh_Silver-World-sm2-blueSM-8.png

Art-Fresh_Silver-World-sm2-blueSM-8_25precent.pngArt-Fresh_Silver-World-sm2-blueSM-8_pattern.png
Art-Fresh_Silver-World-sm2-blueSM-10.pngSM-Art-Fresh_Silver-World-sm2-blue8_2_pattern.png



Торжественно фиксируем итоговый вариант главной:

Окончательный вариант главной страницы интернет-магазина Silver-World.ru


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

elements.png



сделать заказ