Новый сайт магазина ювелирной бижутерии и компании «Инесс М»

Невероятно, но факт: одни из самых некрасивых и неудобных сайтов — ювелирные магазины. По-настоящему чистых и стильных проектов в этом жанре можно пересчитать по пальцам. Причем это относится как к Рунету, так и к Интернету в целом. Старый сайт известного производителя ювелирной бижутерии «Инесс М» относился именно к таким сайтам.

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

Мы начали с логотипа, и он на поверку оказался не таким уж плохим. Если избавиться от ужасных теней и мазни, то получается вполне симпатичный монохромный логотип.

Было непросто убедить заказчика отказаться от принятой расцветки и упростить навигацию по каталогу. Сначала были подготовлены более типовые макеты.

Первый вариант сайта

Однако позже мы решили, что предоставленные заказчиком фотографии моделей высокого разрешения как нельзя располагают к созданию полноэкранной главной страницы.

Главная страница

Обычные сайты про украшения завалены ненужными фильтрами. В жизни невозможно себе представить, чтобы покупатель пришел в ювелирный и попросил продавца: «дайте мне кольцо из золота 750 пробы с хрусталем Swarovski размера 5½ в ценовом диапазоне 700–1000 долларов». Покупатель подходит к витрине и смотрит на украшения, выбирает самое красивое и при этом доступное по цене, и только после выбора уточняет у продавца, из чего, собственно, сделано это кольцо.

Автор этого фильтра, вероятно, всю жизнь делал магазины запчастей

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

Инесс М. Серьги
www.inessem.ru/items.php?categories_id=26
Серьги

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

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

Инесс М. Колье
www.inessem.ru/item.php?products_id=71
Колье

Сайт Инессы является не только магазином, но и презентационным сайтом компании. Историю компании рассказывает отдельная страница.

Инесс М. Компания и продукты
www.inessem.ru/company.php
Компания и продукция

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

1996
Рождение компании Inesse M в Париже. Первый каталог и выход на европейский рынок.
1997
Выход компании на российский рынок. Открытие первого крупного филиала в Москве.
1998
Презентация новой коллекции в отеле «Гранд Марриотт».
1999
Выставка «Ювелир 1999». Новый каталог продукции и коллекция «С блеском по жизни». Открытие магазина в ТЦ «Звездочка».
2000
Открытие первого регионального представительства в Новосибирске.
2002
Совместный проект с чешской компанией «Прециоса» — хрустальные фигурки с логотипом Inesse M.
2003
Совместный часовой проект с агентством «Элит». Inesse M — эксклюзивный представитель в России.
2004
Выход эксклюзивной коллекции ручек Inesse M. Совместный часовой проект с компанией Paco Rabanne Paris.
2005
Совместный проект с компанией Laura Biagiotti. Inesse M — эксклюзивный представитель линии часов этой компании в России, а также спонсор Венского бала.
2006
Спонсорство мероприятия «Звездная пара года». Президент компании «Inesse М» г-жа Инесса лично вручила подарок Анастасии Волочковой.
2007
Новая коллекция Inesse M Elite. Участие в проекте «Аромат года 2007»
2008
Участие в выставке «Ювелир 2008». Презентация коллекции «Роман с камнем». Лейтмотив — крупные кристаллы «Swarovski».
2009
Ежегодный национальный благотворительный фонд «Российские Ассамблеи». Участие в гольф-турнире в Нахабине.
2010
Благотворительный гала-ужин с Деми Мур и Эштоном Катчером в отеле The Ritz-Carlton. Подарки VIP-персонам.
2011
Участие в международной выставке «Ювелир Экспо 2011». Открытие фирменного магазина в ТЦ «Европарк». Новое направление — сумки и кошельки.
← Тяните →

История компании представлена в виде интерактивной временной шкалы, сделанной на основе нашего скроллера jBond.

У компании большая сеть магазинов как в Москве, так и в регионах. Адреса точек продаж заботливо собраны на отдельной странице, каждый магазин снабжен расписанием работы, указанием ближайшей станции метро и наличием парковочного места. Каждый из магазинов можно посмотреть отдельно на Яндекс.Картах. Московские магазины сопровождаются фотографиями.

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

Страница 404 закодирована с использованием той же идеи :-)

Инесс М. 404
www.inessem.ru/404.php

Уверены, что сайт «Инессы М» получился одним из лучших в своем жанре. Покупать на нем — одно удовольствие.

Март 2012
Дизайнеры: Дмитрий Дмитриев, Андрей Маркелов
Верстальщик, программист: Евгений Пратусевич
Документация, коррекция: Анастасия Головинская
Портфолио