Non Snob

Вводные

Задачи

01
Разработка интернет-магазина на 1000 товаров, разбитых по категориям: пол, бренд, тип.
02
Подключение CRM, эквайринга, настройка первичного SEO, обучение персонала внесению изменений в сайт.

Продакшн

Контент — основа любого современного сайта, тем более, современного интернет-магазина. В порядке исключения мы согласились, что всеми съёмками будет заниматься клиент.

Провели встречу, объяснили все тонкости, составили документ с техническими требованиями и пожеланиями маркетолога. В итоге, «Non Snob» предоставил нам необходимый контент.

Шрифт и цвет

Учитывая цветовые решения логотипа и пожелания заказчика, цветовую гамму ассортимента продукции и узнаваемые решения в сфере, мы остановились на минимализме. Насыщенный чёрный и яркий белый взяты за основу, вспомогательные цвета — серый и красный. Шрифт — Futura.

#000000

#d6d6d6

#ff0000

Разработка

Tilda

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

CSS

Через скрипты реализовали прелоадер, меню в ПК и в мобильных версиях, кастомную корзину — потому что на Tilda можно всё!

Каталог товаров

Ещё на этапе переговоров, мы согласовали с «Non Snob» примерную архитектуру сайта, из которой в дальнейшем исходили при проектировании. Например, реализация подраздела третьего уровня на Tilda невозможна без кода, а для нас это было крайне важно с точки зрения удобства посетителя. Товары мы разделили глобально на три категории: скидки, женская и мужская одежда. Каждый сегмент, разделённый по полу, делился ещё на три: обувь, одежду и аксессуары.

Подраздел второго уровня, дробился на категории: платья, брюки, сумки, украшения и т. п. На каждой странице мы, во-первых, презентовали по 4 товара в ряд (в ПК версии, в мобильной - по 2), во-вторых, акцентировали внимание посетителя на бренде (таково желание заказчика), в-третьих, настроили изменение фотографии при наведении курсора, в-четвёртых — самое важное — настроили 5 категорий фильтров: цена, бренд, наличие, сортировка, поиск.

Карточки товаров

Во-первых, мы создали карточки товаров не на отдельной странице, а в pop-up. Во-вторых, внутри спрятали ещё один — изображение с размерной сеткой. Отдельное пожелание заказчика было в возможности увеличить фото. Помимо стандартного открытия изображения, мы сделали zoom по наведению курсора. Галерею фото разместили слева от основного снимка.

В описании карточки сообщали о составе, артикуле, бренде, тонкостях кроя, а также разместили ссылку на диалог в What's App. При скролле карточки вывели в галерею раздел, призванный удержать потенциального клиента — «Вам может понравиться», в котором рандомно подгружаются иные товары этой же категории.

Результат

nonsnob.ru

Подробнее об услуге

Создаём сайты на Tilda Publishing не из готовых блоков конструктора. Используем код, благодаря чему реализуем дизайнерские решения любой сложности. В основе нашей философии сайтостроения — маркетинг и UI/UX архитектура.

Отрасли экспертизы: